<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;:9719,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;ceb1fbc8&quot;,&quot;short_public_uid&quot;:&quot;0650R&quot;,&quot;lot_id&quot;:9719,&quot;slug&quot;:&quot;/colocation/roubaix/13-rue-louis-decottignies-ceb1fbc8&quot;,&quot;available_date&quot;:&quot;2025-08-31&quot;,&quot;city&quot;:&quot;Roubaix&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;59100&quot;,&quot;address_street&quot;:&quot;13 Rue Louis Decottignies&quot;,&quot;departement&quot;:&quot;nord&quot;,&quot;region&quot;:&quot;hauts-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:50.683808,&quot;lon&quot;:3.186502},&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;98.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:6,&quot;nb_private_bathrooms&quot;:1,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;],&quot;additional_spaces&quot;:[&quot;cave&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/9g6r1fwytrzv4pfdaz0qll2l8kp2&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;:20901,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;eeb437d7&quot;,&quot;short_public_uid&quot;:&quot;9014R&quot;,&quot;lot_id&quot;:20901,&quot;slug&quot;:&quot;/colocation/le-havre/256-rue-aristide-briand-eeb437d7&quot;,&quot;available_date&quot;:&quot;2025-11-10&quot;,&quot;city&quot;:&quot;Le Havre&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;76600&quot;,&quot;address_street&quot;:&quot;256 Rue Aristide Briand&quot;,&quot;departement&quot;:&quot;seine-maritime&quot;,&quot;region&quot;:&quot;normandie&quot;,&quot;location&quot;:{&quot;lat&quot;:49.500177,&quot;lon&quot;:0.135216},&quot;loyer_cc&quot;:430.0,&quot;honoraires_frais_mise_en_location&quot;:246.99,&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;133.51&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;television&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;bureau&quot;,&quot;fer-a-repasser&quot;,&quot;refrigerateur&quot;],&quot;additional_spaces&quot;:[&quot;cave&quot;,&quot;terrasse&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/lxnf9mxdzby98498aiuhg3vlx3te&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;:430.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:2739,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;9aa97e6a&quot;,&quot;short_public_uid&quot;:&quot;7906D&quot;,&quot;lot_id&quot;:2739,&quot;slug&quot;:&quot;/colocation/venissieux/7-avenue-marcel-paul-9aa97e6a&quot;,&quot;available_date&quot;:&quot;2025-12-02&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;7 avenue Marcel Paul&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7008312,&quot;lon&quot;:4.8810785},&quot;loyer_cc&quot;:499.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;80.0&quot;,&quot;nb_available_rooms&quot;:3,&quot;nb_bedrooms&quot;:5,&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/z9u6ahw5pdxolnys801680jq4pkx&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;:19337,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;d09a1cec&quot;,&quot;short_public_uid&quot;:&quot;7769C&quot;,&quot;lot_id&quot;:19337,&quot;slug&quot;:&quot;/colocation/villeurbanne/398-cours-emile-zola-d09a1cec&quot;,&quot;available_date&quot;:&quot;2026-01-02&quot;,&quot;city&quot;:&quot;Villeurbanne&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69100&quot;,&quot;address_street&quot;:&quot;398 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.764417,&quot;lon&quot;:4.906111},&quot;loyer_cc&quot;:495.0,&quot;honoraires_frais_mise_en_location&quot;:247.5,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;76.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;lave-vaisselle&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;refrigerateur&quot;,&quot;internet&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;,&quot;cave&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/sf0b287995048telhwwd7ohvx07g&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;:15695,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;6bf196be&quot;,&quot;short_public_uid&quot;:&quot;4922Z&quot;,&quot;lot_id&quot;:15695,&quot;slug&quot;:&quot;/colocation/pontoise/5-rue-de-la-coutellerie-6bf196be&quot;,&quot;available_date&quot;:&quot;2026-01-31&quot;,&quot;city&quot;:&quot;Pontoise&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;95300&quot;,&quot;address_street&quot;:&quot;5 Rue De La Coutellerie&quot;,&quot;departement&quot;:&quot;val-d-oise&quot;,&quot;region&quot;:&quot;ile-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:49.050666,&quot;lon&quot;:2.096133},&quot;loyer_cc&quot;:600.0,&quot;honoraires_frais_mise_en_location&quot;:262.4,&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;120.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;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/j8t9b2p9q9fn7hgqd87cdoldaxsx&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:600.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:16760,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;9f592fd7&quot;,&quot;short_public_uid&quot;:&quot;1420M&quot;,&quot;lot_id&quot;:16760,&quot;slug&quot;:&quot;/colocation/massy-91300/10-allee-du-bearn-9f592fd7&quot;,&quot;available_date&quot;:&quot;2026-02-16&quot;,&quot;city&quot;:&quot;Massy&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;91300&quot;,&quot;address_street&quot;:&quot;10 Allée Du Béarn&quot;,&quot;departement&quot;:&quot;essonne&quot;,&quot;region&quot;:&quot;ile-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:48.735494,&quot;lon&quot;:2.299314},&quot;loyer_cc&quot;:570.0,&quot;honoraires_frais_mise_en_location&quot;:271.15,&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;62.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;lave-vaisselle&quot;,&quot;Climatisation&quot;],&quot;additional_spaces&quot;:[&quot;cave&quot;,&quot;parking&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/7onk5qdzhc54o296rkv69jbbnsnd&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;:570.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:2737,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;a35912f8&quot;,&quot;short_public_uid&quot;:&quot;6575G&quot;,&quot;lot_id&quot;:2737,&quot;slug&quot;:&quot;/colocation/venissieux/7-avenue-marcel-paul-a35912f8&quot;,&quot;available_date&quot;:&quot;2026-02-18&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;7 avenue Marcel Paul&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7008312,&quot;lon&quot;:4.8810785},&quot;loyer_cc&quot;:525.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;80.0&quot;,&quot;nb_available_rooms&quot;:3,&quot;nb_bedrooms&quot;:5,&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/1yur6vca449d1acpmn1vbv5940o0&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;:525.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:12372,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;5b31f2bf&quot;,&quot;short_public_uid&quot;:&quot;5674Y&quot;,&quot;lot_id&quot;:12372,&quot;slug&quot;:&quot;/colocation/toulouse/60-allee-de-bellefontaine-5b31f2bf&quot;,&quot;available_date&quot;:&quot;2026-02-22&quot;,&quot;city&quot;:&quot;Toulouse&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;31100&quot;,&quot;address_street&quot;:&quot;60 Allée De Bellefontaine&quot;,&quot;departement&quot;:&quot;haute-garonne&quot;,&quot;region&quot;:&quot;occitanie&quot;,&quot;location&quot;:{&quot;lat&quot;:43.565578,&quot;lon&quot;:1.400693},&quot;loyer_cc&quot;:450.0,&quot;honoraires_frais_mise_en_location&quot;:319.25,&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;73.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;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;ascenseur&quot;,&quot;gardien&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/88vxhbi995k8u2qnswq5whkt1lzc&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;:8710,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;51963f10&quot;,&quot;short_public_uid&quot;:&quot;5152Z&quot;,&quot;lot_id&quot;:8710,&quot;slug&quot;:&quot;/colocation/villeurbanne/38-rue-de-la-baisse-51963f10&quot;,&quot;available_date&quot;:&quot;2026-03-01&quot;,&quot;city&quot;:&quot;Villeurbanne&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69100&quot;,&quot;address_street&quot;:&quot;38 Rue De La Baïsse&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7633735,&quot;lon&quot;:4.8920168},&quot;loyer_cc&quot;:495.0,&quot;honoraires_frais_mise_en_location&quot;:247.5,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;95.0&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;additional_spaces&quot;:[&quot;balcon&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;,&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/ql65kzz5pw9k2hut005stvzrkn6u&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;:10981,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;8e11a454&quot;,&quot;short_public_uid&quot;:&quot;8197N&quot;,&quot;lot_id&quot;:10981,&quot;slug&quot;:&quot;/colocation/cenon/19-rue-du-8-mai-1945-8e11a454&quot;,&quot;available_date&quot;:&quot;2026-03-06&quot;,&quot;city&quot;:&quot;Cenon&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;33150&quot;,&quot;address_street&quot;:&quot;19 rue du 8 mai 1945&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.851347,&quot;lon&quot;:-0.509163},&quot;loyer_cc&quot;:565.0,&quot;honoraires_frais_mise_en_location&quot;:282.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;66.38&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;additional_spaces&quot;:[&quot;balcon&quot;,&quot;parking&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/aysml5tf5gju1sj9th6zkqn91iz1&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;:565.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:22215,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;1e6b6acc&quot;,&quot;short_public_uid&quot;:&quot;9194S&quot;,&quot;lot_id&quot;:22215,&quot;slug&quot;:&quot;/colocation/nancy/140-rue-saint-dizier-1e6b6acc&quot;,&quot;available_date&quot;:&quot;2026-03-09&quot;,&quot;city&quot;:&quot;Nancy&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;54000&quot;,&quot;address_street&quot;:&quot;140 Rue Saint-Dizier&quot;,&quot;departement&quot;:&quot;meurthe-et-moselle&quot;,&quot;region&quot;:&quot;grand-est&quot;,&quot;location&quot;:{&quot;lat&quot;:48.686259,&quot;lon&quot;:6.185691},&quot;loyer_cc&quot;:440.0,&quot;honoraires_frais_mise_en_location&quot;:248.83,&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.67&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;television&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;fer-a-repasser&quot;,&quot;refrigerateur&quot;],&quot;additional_spaces&quot;:[&quot;box-interieur&quot;,&quot;cave&quot;,&quot;parking&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/5cd7rt64h8dhud2vd5p4mozo1qsd&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;:440.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:20547,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;2a8de203&quot;,&quot;short_public_uid&quot;:&quot;3110N&quot;,&quot;lot_id&quot;:20547,&quot;slug&quot;:&quot;/colocation/cergy/12-rue-des-chateaux-bruloir-2a8de203&quot;,&quot;available_date&quot;:&quot;2026-05-09&quot;,&quot;city&quot;:&quot;Cergy&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;95000&quot;,&quot;address_street&quot;:&quot;12 Rue Des Châteaux Bruloir&quot;,&quot;departement&quot;:&quot;val-d-oise&quot;,&quot;region&quot;:&quot;ile-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:49.028938,&quot;lon&quot;:2.074042},&quot;loyer_cc&quot;:484.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;:0,&quot;equipments&quot;:[&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;,&quot;seche-linge&quot;,&quot;television&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;fer-a-repasser&quot;,&quot;refrigerateur&quot;,&quot;internet&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/uf9m0nq709u0qrz7ljyl1v12rkv0&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;:484.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:22564,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;136785c2&quot;,&quot;short_public_uid&quot;:&quot;1431H&quot;,&quot;lot_id&quot;:22564,&quot;slug&quot;:&quot;/colocation/lille/55-square-du-portugal-136785c2&quot;,&quot;available_date&quot;:&quot;2026-05-18&quot;,&quot;city&quot;:&quot;Lille&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;59000&quot;,&quot;address_street&quot;:&quot;55 Square du Portugal&quot;,&quot;departement&quot;:&quot;nord&quot;,&quot;region&quot;:&quot;hauts-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:50.623524,&quot;lon&quot;:3.031634},&quot;loyer_cc&quot;:485.0,&quot;honoraires_frais_mise_en_location&quot;:266.77,&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;61.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;lave-vaisselle&quot;,&quot;television&quot;,&quot;four&quot;,&quot;plaque-de-cuisson&quot;,&quot;fer-a-repasser&quot;,&quot;refrigerateur&quot;],&quot;additional_spaces&quot;:[&quot;grenier&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/h9g5oawb4ebgfaoanrny9szh47c8&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;:485.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:16426,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;efff2e49&quot;,&quot;short_public_uid&quot;:&quot;8100F&quot;,&quot;lot_id&quot;:16426,&quot;slug&quot;:&quot;/colocation/villeurbanne/412-cours-emile-zola-efff2e49&quot;,&quot;available_date&quot;:&quot;2026-05-27&quot;,&quot;city&quot;:&quot;Villeurbanne&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69100&quot;,&quot;address_street&quot;:&quot;412 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.763944,&quot;lon&quot;:4.907642},&quot;loyer_cc&quot;:490.0,&quot;honoraires_frais_mise_en_location&quot;:291.33,&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;88.82&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;additional_spaces&quot;:[&quot;balcon&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/e1398npdm4c1kdotv5q2s8rgdu11&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;:2736,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;076f7389&quot;,&quot;short_public_uid&quot;:&quot;1562P&quot;,&quot;lot_id&quot;:2736,&quot;slug&quot;:&quot;/colocation/venissieux/7-avenue-marcel-paul-076f7389&quot;,&quot;available_date&quot;:&quot;2026-05-27&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;7 avenue Marcel Paul&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7008312,&quot;lon&quot;:4.8810785},&quot;loyer_cc&quot;:559.47,&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;80.0&quot;,&quot;nb_available_rooms&quot;:3,&quot;nb_bedrooms&quot;:5,&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/28fxxhzeg6epdbqwcby12gj278r8&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;:559.47,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:19349,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;a0069e10&quot;,&quot;short_public_uid&quot;:&quot;6456K&quot;,&quot;lot_id&quot;:19349,&quot;slug&quot;:&quot;/colocation/roubaix/25-rue-de-saint-quentin-a0069e10&quot;,&quot;available_date&quot;:&quot;2026-05-31&quot;,&quot;city&quot;:&quot;Roubaix&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;59100&quot;,&quot;address_street&quot;:&quot;25 Rue De Saint-Quentin&quot;,&quot;departement&quot;:&quot;nord&quot;,&quot;region&quot;:&quot;hauts-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:50.687584,&quot;lon&quot;:3.185539},&quot;loyer_cc&quot;:445.0,&quot;honoraires_frais_mise_en_location&quot;:308.88,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;94.17&quot;,&quot;nb_available_rooms&quot;:3,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:1,&quot;equipments&quot;:[&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;,&quot;internet&quot;],&quot;additional_spaces&quot;:[&quot;terrasse&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/5pgamgx9wu15q6k3naaj78q5jnpi&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;:445.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:22835,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;5e39ef7d&quot;,&quot;short_public_uid&quot;:&quot;2956A&quot;,&quot;lot_id&quot;:22835,&quot;slug&quot;:&quot;/colocation/toulouse/13-rue-vincent-van-gogh-5e39ef7d&quot;,&quot;available_date&quot;:&quot;2026-06-02&quot;,&quot;city&quot;:&quot;Toulouse&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;31100&quot;,&quot;address_street&quot;:&quot;13 Rue Vincent van Gogh&quot;,&quot;departement&quot;:&quot;haute-garonne&quot;,&quot;region&quot;:&quot;occitanie&quot;,&quot;location&quot;:{&quot;lat&quot;:43.563033,&quot;lon&quot;:1.400732},&quot;loyer_cc&quot;:445.0,&quot;honoraires_frais_mise_en_location&quot;:224.22,&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;85.45&quot;,&quot;nb_available_rooms&quot;:4,&quot;nb_bedrooms&quot;:5,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;lave-linge&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;refrigerateur&quot;,&quot;internet&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/adzvjjer7o4g30khzrwqpyintnma&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;:445.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:10976,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;ea0a6d73&quot;,&quot;short_public_uid&quot;:&quot;3660A&quot;,&quot;lot_id&quot;:10976,&quot;slug&quot;:&quot;/colocation/lormont/327-avenue-du-president-salvador-allende-ea0a6d73&quot;,&quot;available_date&quot;:&quot;2026-06-07&quot;,&quot;city&quot;:&quot;Lormont&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;33310&quot;,&quot;address_street&quot;:&quot;327 Avenue Du Président Salvador Allende&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.867488,&quot;lon&quot;:-0.522156},&quot;loyer_cc&quot;:503.0,&quot;honoraires_frais_mise_en_location&quot;:251.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;60.69&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;lave-vaisselle&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;,&quot;box-interieur&quot;,&quot;parking&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/effaapimn3d4ht2rxkew2alrbs8d&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;:503.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:10979,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;f5a02142&quot;,&quot;short_public_uid&quot;:&quot;9957U&quot;,&quot;lot_id&quot;:10979,&quot;slug&quot;:&quot;/colocation/cenon/19-rue-du-8-mai-1945-f5a02142&quot;,&quot;available_date&quot;:&quot;2026-06-08&quot;,&quot;city&quot;:&quot;Cenon&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;33150&quot;,&quot;address_street&quot;:&quot;19 rue du 8 mai 1945&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.851347,&quot;lon&quot;:-0.509163},&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;t4&quot;,&quot;property_area&quot;:&quot;66.38&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:1,&quot;equipments&quot;:[&quot;lave-linge&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;,&quot;parking&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/of4reepicvvzmvzn2sx3uzj2tex2&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;:16640,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;320bad39&quot;,&quot;short_public_uid&quot;:&quot;1429C&quot;,&quot;lot_id&quot;:16640,&quot;slug&quot;:&quot;/location/grenoble/t5-48-boulevard-marechal-foch-320bad39&quot;,&quot;available_date&quot;:&quot;2026-06-13&quot;,&quot;city&quot;:&quot;Grenoble&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;38000&quot;,&quot;address_street&quot;:&quot;48 Boulevard Maréchal Foch&quot;,&quot;departement&quot;:&quot;isere&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.1809485,&quot;lon&quot;:5.7208023486100785},&quot;loyer_cc&quot;:1195.0,&quot;honoraires_frais_mise_en_location&quot;:597.5,&quot;is_single_lot&quot;:true,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;77.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;additional_spaces&quot;:[&quot;balcon&quot;,&quot;cave&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/odb2helykeee8yn9p4zg2wz1qiud&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;:1195.0,&quot;dispo_status&quot;:&quot;free&quot;}]"></div>

    
<a id="catalog_ad_card_ceb1fbc8" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_ceb1fbc8" target="_blank" href="/colocation/roubaix/13-rue-louis-decottignies-ceb1fbc8">
  <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/9g6r1fwytrzv4pfdaz0qll2l8kp2)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">98m²</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" 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">Roubaix</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_eeb437d7" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_eeb437d7" target="_blank" href="/colocation/le-havre/256-rue-aristide-briand-eeb437d7">
  <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/lxnf9mxdzby98498aiuhg3vlx3te)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 4 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">6</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">Le Havre</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_9aa97e6a" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_9aa97e6a" target="_blank" href="/colocation/venissieux/7-avenue-marcel-paul-9aa97e6a">
  <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/z9u6ahw5pdxolnys801680jq4pkx)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 4 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">5</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Vénissieux</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_d09a1cec" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_d09a1cec" target="_blank" href="/colocation/villeurbanne/398-cours-emile-zola-d09a1cec">
  <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/sf0b287995048telhwwd7ohvx07g)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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="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_6bf196be" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_6bf196be" target="_blank" href="/colocation/pontoise/5-rue-de-la-coutellerie-6bf196be">
  <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/j8t9b2p9q9fn7hgqd87cdoldaxsx)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">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">Pontoise</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_9f592fd7" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_9f592fd7" target="_blank" href="/colocation/massy-91300/10-allee-du-bearn-9f592fd7">
  <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/7onk5qdzhc54o296rkv69jbbnsnd)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">62m²</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="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">Massy</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_a35912f8" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_a35912f8" target="_blank" href="/colocation/venissieux/7-avenue-marcel-paul-a35912f8">
  <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/1yur6vca449d1acpmn1vbv5940o0)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">5</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Vénissieux</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_5b31f2bf" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_5b31f2bf" target="_blank" href="/colocation/toulouse/60-allee-de-bellefontaine-5b31f2bf">
  <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/88vxhbi995k8u2qnswq5whkt1lzc)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">73m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">3</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
            <span class="text-sm font-md text-secondary">Balcon</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Toulouse</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_51963f10" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_51963f10" target="_blank" href="/colocation/villeurbanne/38-rue-de-la-baisse-51963f10">
  <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/ql65kzz5pw9k2hut005stvzrkn6u)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">95m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
          <div 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_8e11a454" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_8e11a454" target="_blank" href="/colocation/cenon/19-rue-du-8-mai-1945-8e11a454">
  <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/aysml5tf5gju1sj9th6zkqn91iz1)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">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">Cenon</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_1e6b6acc" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_1e6b6acc" target="_blank" href="/colocation/nancy/140-rue-saint-dizier-1e6b6acc">
  <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/5cd7rt64h8dhud2vd5p4mozo1qsd)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M14.3499 10.92H11.3099C9.84636 10.92 8.65991 12.1065 8.65991 13.57V17.65C8.65991 19.1136 9.84636 20.3 11.3099 20.3H14.3499C15.8135 20.3 16.9999 19.1136 16.9999 17.65V13.57C16.9999 12.1065 15.8135 10.92 14.3499 10.92Z" fill="currentColor"></path>
<path d="M16.9901 8.58997H11.2601C9.76889 8.58997 8.56006 9.7988 8.56006 11.29V17.89C8.56006 19.3811 9.76889 20.59 11.2601 20.59H16.9901C18.4812 20.59 19.6901 19.3811 19.6901 17.89V11.29C19.6901 9.7988 18.4812 8.58997 16.9901 8.58997Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.60991 3.50001L6.65991 5.12001H19.2999L17.5299 3.39001L19.2999 5.12001L17.6999 6.77001" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.65991 6.77L6.65991 5.12" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35999 18.73L4.97999 20.59V8.58997L3.23999 10.26L4.97999 8.58997L6.62999 10.1" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62998 18.6899L4.97998 20.5899" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">Box</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Nancy</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_2a8de203" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_2a8de203" target="_blank" href="/colocation/cergy/12-rue-des-chateaux-bruloir-2a8de203">
  <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/uf9m0nq709u0qrz7ljyl1v12rkv0)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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" 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">Cergy</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_136785c2" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_136785c2" target="_blank" href="/colocation/lille/55-square-du-portugal-136785c2">
  <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/h9g5oawb4ebgfaoanrny9szh47c8)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">61m²</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">Lille</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_efff2e49" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_efff2e49" target="_blank" href="/colocation/villeurbanne/412-cours-emile-zola-efff2e49">
  <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/e1398npdm4c1kdotv5q2s8rgdu11)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 4 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">88m²</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_076f7389" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_076f7389" target="_blank" href="/colocation/venissieux/7-avenue-marcel-paul-076f7389">
  <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/28fxxhzeg6epdbqwcby12gj278r8)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">5</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Vénissieux</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_a0069e10" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_a0069e10" target="_blank" href="/colocation/roubaix/25-rue-de-saint-quentin-a0069e10">
  <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/5pgamgx9wu15q6k3naaj78q5jnpi)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">94m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
          <div 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">Roubaix</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_5e39ef7d" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_5e39ef7d" target="_blank" href="/colocation/toulouse/13-rue-vincent-van-gogh-5e39ef7d">
  <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/adzvjjer7o4g30khzrwqpyintnma)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">85m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">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">Toulouse</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_ea0a6d73" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_ea0a6d73" target="_blank" href="/colocation/lormont/327-avenue-du-president-salvador-allende-ea0a6d73">
  <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/effaapimn3d4ht2rxkew2alrbs8d)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">60m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">3</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
            <span class="text-sm font-md text-secondary">Balcon</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Lormont</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_f5a02142" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_f5a02142" target="_blank" href="/colocation/cenon/19-rue-du-8-mai-1945-f5a02142">
  <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/of4reepicvvzmvzn2sx3uzj2tex2)">
      <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">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">Cenon</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_320bad39" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_320bad39" target="_blank" href="/location/grenoble/t5-48-boulevard-marechal-foch-320bad39">
  <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/odb2helykeee8yn9p4zg2wz1qiud)">
      <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 T5 - 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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">77m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
          <div 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">Grenoble</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 • 8089 biens trouvés
            </span>
            <div class="flex flex-col gap-3">
                


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

<a href="/colocation/roubaix/13-rue-louis-decottignies-ceb1fbc8">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 13 Rue Louis Decottignies, Roubaix" 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/9g6r1fwytrzv4pfdaz0qll2l8kp2)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">98m²</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" 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">Roubaix</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="ceb1fbc8" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/roubaix/13-rue-louis-decottignies-ceb1fbc8">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 13 Rue Louis Decottignies, Roubaix" 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/9g6r1fwytrzv4pfdaz0qll2l8kp2)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">98m²</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" 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">Roubaix</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/le-havre/256-rue-aristide-briand-eeb437d7">
  <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 256 Rue Aristide Briand, Le Havre" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/lxnf9mxdzby98498aiuhg3vlx3te)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 4 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">6</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">Le Havre</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="eeb437d7" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/le-havre/256-rue-aristide-briand-eeb437d7">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 256 Rue Aristide Briand, Le Havre" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/lxnf9mxdzby98498aiuhg3vlx3te)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 4 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">6</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">Le Havre</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/venissieux/7-avenue-marcel-paul-9aa97e6a">
  <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 avenue Marcel Paul, 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/z9u6ahw5pdxolnys801680jq4pkx)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 4 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">5</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="9aa97e6a" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/venissieux/7-avenue-marcel-paul-9aa97e6a">
      <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 avenue Marcel Paul, 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/z9u6ahw5pdxolnys801680jq4pkx)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 4 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">5</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">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/villeurbanne/398-cours-emile-zola-d09a1cec">
  <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 398 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/sf0b287995048telhwwd7ohvx07g)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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="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">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="d09a1cec" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/villeurbanne/398-cours-emile-zola-d09a1cec">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 398 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/sf0b287995048telhwwd7ohvx07g)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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="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">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/pontoise/5-rue-de-la-coutellerie-6bf196be">
  <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 5 Rue De La Coutellerie, Pontoise" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/j8t9b2p9q9fn7hgqd87cdoldaxsx)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">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">Pontoise</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">600 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="6bf196be" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/pontoise/5-rue-de-la-coutellerie-6bf196be">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 5 Rue De La Coutellerie, Pontoise" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/j8t9b2p9q9fn7hgqd87cdoldaxsx)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">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">Pontoise</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">600 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


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

<a href="/colocation/massy-91300/10-allee-du-bearn-9f592fd7">
  <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 10 Allée Du Béarn, Massy" 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/7onk5qdzhc54o296rkv69jbbnsnd)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">62m²</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="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">Massy</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">570 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="9f592fd7" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/massy-91300/10-allee-du-bearn-9f592fd7">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 10 Allée Du Béarn, Massy" 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/7onk5qdzhc54o296rkv69jbbnsnd)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">62m²</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="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">Massy</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">570 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


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

<a href="/colocation/venissieux/7-avenue-marcel-paul-a35912f8">
  <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 avenue Marcel Paul, 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/1yur6vca449d1acpmn1vbv5940o0)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">5</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">525 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="a35912f8" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/venissieux/7-avenue-marcel-paul-a35912f8">
      <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 avenue Marcel Paul, 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/1yur6vca449d1acpmn1vbv5940o0)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">5</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Vénissieux</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">525 €
                  <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/toulouse/60-allee-de-bellefontaine-5b31f2bf">
  <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 Allée De Bellefontaine, Toulouse" 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/88vxhbi995k8u2qnswq5whkt1lzc)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">73m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">3</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                <span class="text-sm font-md text-secondary">Balcon</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full 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">Toulouse</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="5b31f2bf" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/toulouse/60-allee-de-bellefontaine-5b31f2bf">
      <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 Allée De Bellefontaine, Toulouse" 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/88vxhbi995k8u2qnswq5whkt1lzc)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">73m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">3</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Balcon</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Toulouse</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/38-rue-de-la-baisse-51963f10">
  <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 38 Rue De La Baïsse, 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/ql65kzz5pw9k2hut005stvzrkn6u)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">95m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
              <div 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">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="51963f10" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/villeurbanne/38-rue-de-la-baisse-51963f10">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 38 Rue De La Baïsse, 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/ql65kzz5pw9k2hut005stvzrkn6u)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">95m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
                <div 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">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/cenon/19-rue-du-8-mai-1945-8e11a454">
  <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 19 rue du 8 mai 1945, Cenon" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/aysml5tf5gju1sj9th6zkqn91iz1)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">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">Cenon</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">565 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="8e11a454" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/cenon/19-rue-du-8-mai-1945-8e11a454">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 19 rue du 8 mai 1945, Cenon" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/aysml5tf5gju1sj9th6zkqn91iz1)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">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">Cenon</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">565 €
                  <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/nancy/140-rue-saint-dizier-1e6b6acc">
  <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 140 Rue Saint-Dizier, Nancy" 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/5cd7rt64h8dhud2vd5p4mozo1qsd)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M14.3499 10.92H11.3099C9.84636 10.92 8.65991 12.1065 8.65991 13.57V17.65C8.65991 19.1136 9.84636 20.3 11.3099 20.3H14.3499C15.8135 20.3 16.9999 19.1136 16.9999 17.65V13.57C16.9999 12.1065 15.8135 10.92 14.3499 10.92Z" fill="currentColor"></path>
<path d="M16.9901 8.58997H11.2601C9.76889 8.58997 8.56006 9.7988 8.56006 11.29V17.89C8.56006 19.3811 9.76889 20.59 11.2601 20.59H16.9901C18.4812 20.59 19.6901 19.3811 19.6901 17.89V11.29C19.6901 9.7988 18.4812 8.58997 16.9901 8.58997Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.60991 3.50001L6.65991 5.12001H19.2999L17.5299 3.39001L19.2999 5.12001L17.6999 6.77001" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.65991 6.77L6.65991 5.12" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35999 18.73L4.97999 20.59V8.58997L3.23999 10.26L4.97999 8.58997L6.62999 10.1" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62998 18.6899L4.97998 20.5899" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">Box</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full 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">Nancy</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">440 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="1e6b6acc" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/nancy/140-rue-saint-dizier-1e6b6acc">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 140 Rue Saint-Dizier, Nancy" 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/5cd7rt64h8dhud2vd5p4mozo1qsd)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M14.3499 10.92H11.3099C9.84636 10.92 8.65991 12.1065 8.65991 13.57V17.65C8.65991 19.1136 9.84636 20.3 11.3099 20.3H14.3499C15.8135 20.3 16.9999 19.1136 16.9999 17.65V13.57C16.9999 12.1065 15.8135 10.92 14.3499 10.92Z" fill="currentColor"></path>
<path d="M16.9901 8.58997H11.2601C9.76889 8.58997 8.56006 9.7988 8.56006 11.29V17.89C8.56006 19.3811 9.76889 20.59 11.2601 20.59H16.9901C18.4812 20.59 19.6901 19.3811 19.6901 17.89V11.29C19.6901 9.7988 18.4812 8.58997 16.9901 8.58997Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.60991 3.50001L6.65991 5.12001H19.2999L17.5299 3.39001L19.2999 5.12001L17.6999 6.77001" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.65991 6.77L6.65991 5.12" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35999 18.73L4.97999 20.59V8.58997L3.23999 10.26L4.97999 8.58997L6.62999 10.1" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62998 18.6899L4.97998 20.5899" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Box</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Nancy</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">440 €
                  <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/cergy/12-rue-des-chateaux-bruloir-2a8de203">
  <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 12 Rue Des Châteaux Bruloir, Cergy" 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/uf9m0nq709u0qrz7ljyl1v12rkv0)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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" 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">Cergy</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">484 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="2a8de203" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/cergy/12-rue-des-chateaux-bruloir-2a8de203">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 12 Rue Des Châteaux Bruloir, Cergy" 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/uf9m0nq709u0qrz7ljyl1v12rkv0)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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" 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">Cergy</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">484 €
                  <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/lille/55-square-du-portugal-136785c2">
  <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 55 Square du Portugal, Lille" 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/h9g5oawb4ebgfaoanrny9szh47c8)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">61m²</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">Lille</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">485 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="136785c2" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/lille/55-square-du-portugal-136785c2">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 55 Square du Portugal, Lille" 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/h9g5oawb4ebgfaoanrny9szh47c8)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">61m²</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">Lille</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">485 €
                  <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/412-cours-emile-zola-efff2e49">
  <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 412 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/e1398npdm4c1kdotv5q2s8rgdu11)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 4 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">88m²</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="efff2e49" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/villeurbanne/412-cours-emile-zola-efff2e49">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 412 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/e1398npdm4c1kdotv5q2s8rgdu11)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 4 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">88m²</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/venissieux/7-avenue-marcel-paul-076f7389">
  <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 avenue Marcel Paul, 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/28fxxhzeg6epdbqwcby12gj278r8)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">5</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">559 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="076f7389" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/venissieux/7-avenue-marcel-paul-076f7389">
      <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 avenue Marcel Paul, 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/28fxxhzeg6epdbqwcby12gj278r8)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">5</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Vénissieux</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">559 €
                  <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/roubaix/25-rue-de-saint-quentin-a0069e10">
  <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 25 Rue De Saint-Quentin, Roubaix" 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/5pgamgx9wu15q6k3naaj78q5jnpi)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">94m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
              <div 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">Roubaix</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">445 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="a0069e10" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/roubaix/25-rue-de-saint-quentin-a0069e10">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 25 Rue De Saint-Quentin, Roubaix" 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/5pgamgx9wu15q6k3naaj78q5jnpi)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">94m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
                <div 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">Roubaix</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">445 €
                  <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/toulouse/13-rue-vincent-van-gogh-5e39ef7d">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 13 Rue Vincent van Gogh, Toulouse" 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/adzvjjer7o4g30khzrwqpyintnma)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">85m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">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">Toulouse</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">445 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="5e39ef7d" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/toulouse/13-rue-vincent-van-gogh-5e39ef7d">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 13 Rue Vincent van Gogh, Toulouse" 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/adzvjjer7o4g30khzrwqpyintnma)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">85m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">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">Toulouse</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">445 €
                  <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/327-avenue-du-president-salvador-allende-ea0a6d73">
  <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 327 Avenue Du Président Salvador Allende, 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/effaapimn3d4ht2rxkew2alrbs8d)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">60m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">3</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                <span class="text-sm font-md text-secondary">Balcon</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full 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">503 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="ea0a6d73" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/lormont/327-avenue-du-president-salvador-allende-ea0a6d73">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 327 Avenue Du Président Salvador Allende, 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/effaapimn3d4ht2rxkew2alrbs8d)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">60m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">3</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Balcon</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Lormont</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">503 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


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

<a href="/colocation/cenon/19-rue-du-8-mai-1945-f5a02142">
  <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 19 rue du 8 mai 1945, Cenon" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/of4reepicvvzmvzn2sx3uzj2tex2)">
        <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">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">Cenon</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="f5a02142" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/cenon/19-rue-du-8-mai-1945-f5a02142">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 19 rue du 8 mai 1945, Cenon" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/of4reepicvvzmvzn2sx3uzj2tex2)">
          <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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" 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">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">Cenon</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="/location/grenoble/t5-48-boulevard-marechal-foch-320bad39">
  <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 48 Boulevard Maréchal Foch, 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/odb2helykeee8yn9p4zg2wz1qiud)">
        <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 T5 - 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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">77m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
              <div 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">Grenoble</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">1 195 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="320bad39" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/location/grenoble/t5-48-boulevard-marechal-foch-320bad39">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 48 Boulevard Maréchal Foch, 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/odb2helykeee8yn9p4zg2wz1qiud)">
          <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 T5 - 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" 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-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-width="1.2" 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-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">77m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
                <div 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">Grenoble</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">1 195 €
                  <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=405"   >405</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
  class="drawer align--left"
  role="dialog"
  aria-modal="true"
  data-controller="OQORO--drawer--component"
  data-oqoro--drawer--component-name-value="filters"
>
  <div class="overlay" data-oqoro--drawer--component-target="overlay"></div>

  <div class="fixed inset-0 overflow-hidden drawer-box">
    <div class="absolute inset-0 overflow-hidden">
      <div class="drawer-container">
        <div class="pointer-events-auto relative w-screen max-w-md">
          <div class="flex h-full flex-col overflow-y-scroll scrollbar-hide bg-white py-6 shadow-xl p-4 sm:p-8">
            <div class="flex items-center">
              <div class="close-btn">
                <button
                  type="button"
                  class="rounded-full text-blue-main border-2 p-2 border-grey"
                  data-action="click->OQORO--drawer--component#close"
                >
                  <span class="sr-only">Fermer</span>
                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 stroke-3">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
                </button>
              </div>
              <span class="font-semibold text-blue-main text-h-xs" id="slide-over-title">Votre recherche</span>
            </div>
            <div class="flex flex-col relative mt-6 flex-1">
              

  <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" class="btn__icon stroke-2 shrink-0 stroke-2">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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 type="submit" class="button button--size-md button--color-primary button--style-solid button--align-icon-right button--submit"><span class="button__label">Actualiser ma recherche</span></button>
      </div>
    </div>

</form>
            </div>
          </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_63ee2653" 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_63ee2653" 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-drawer="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-drawer="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-drawer="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-drawer="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-drawer="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-remove-on-close-value="false" data-modal--component-confetti-value="false">
  <div class="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="3sS91ndXXaydeKCXU6tN8ZbfAbVFRVAb6kzjOk6af1X7eWSqHMEztWowptfIUzsr3YxCcW3r3jFRwhpqCgzVKw" />
        <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" class=" shrink-0 stroke-2">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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 -sm:button--icon-only"><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>