<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;:6623,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;459eaab0&quot;,&quot;short_public_uid&quot;:&quot;4734R&quot;,&quot;lot_id&quot;:6623,&quot;slug&quot;:&quot;/colocation/nantes/1-allee-de-la-martinique-459eaab0&quot;,&quot;available_date&quot;:&quot;2025-11-23&quot;,&quot;city&quot;:&quot;Nantes&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;44300&quot;,&quot;address_street&quot;:&quot;1 Allée De La Martinique&quot;,&quot;departement&quot;:&quot;loire-atlantique&quot;,&quot;region&quot;:&quot;pays-de-la-loire&quot;,&quot;location&quot;:{&quot;lat&quot;:47.2425759,&quot;lon&quot;:-1.5717167},&quot;loyer_cc&quot;:452.08,&quot;honoraires_frais_mise_en_location&quot;:226.04,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;100.0&quot;,&quot;nb_available_rooms&quot;:3,&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;parking&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;,&quot;ascenseur&quot;,&quot;gardien&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/3458hphx5h0r7jb8yvgs2hqnh97y&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;:452.08,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:6622,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;c5d0c6c9&quot;,&quot;short_public_uid&quot;:&quot;5666A&quot;,&quot;lot_id&quot;:6622,&quot;slug&quot;:&quot;/colocation/nantes/1-allee-de-la-martinique-c5d0c6c9&quot;,&quot;available_date&quot;:&quot;2025-11-28&quot;,&quot;city&quot;:&quot;Nantes&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;44300&quot;,&quot;address_street&quot;:&quot;1 Allée De La Martinique&quot;,&quot;departement&quot;:&quot;loire-atlantique&quot;,&quot;region&quot;:&quot;pays-de-la-loire&quot;,&quot;location&quot;:{&quot;lat&quot;:47.2425759,&quot;lon&quot;:-1.5717167},&quot;loyer_cc&quot;:497.59,&quot;honoraires_frais_mise_en_location&quot;:248.8,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;100.0&quot;,&quot;nb_available_rooms&quot;:3,&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;parking&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;,&quot;ascenseur&quot;,&quot;gardien&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/fn65oqabjdx9tjq2m0a01f5fvy3r&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;:497.59,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:18570,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;377c1b72&quot;,&quot;short_public_uid&quot;:&quot;2492L&quot;,&quot;lot_id&quot;:18570,&quot;slug&quot;:&quot;/colocation/toulouse/119-avenue-de-fronton-377c1b72&quot;,&quot;available_date&quot;:&quot;2025-12-19&quot;,&quot;city&quot;:&quot;Toulouse&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;31200&quot;,&quot;address_street&quot;:&quot;119 Avenue De Fronton&quot;,&quot;departement&quot;:&quot;haute-garonne&quot;,&quot;region&quot;:&quot;occitanie&quot;,&quot;location&quot;:{&quot;lat&quot;:43.634687,&quot;lon&quot;:1.433023},&quot;loyer_cc&quot;:490.0,&quot;honoraires_frais_mise_en_location&quot;:245.0,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t6&quot;,&quot;property_area&quot;:&quot;98.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:5,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;,&quot;television&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;bureau&quot;,&quot;refrigerateur&quot;,&quot;internet&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/1eg0bxifqyfkqi37ivww913enxvm&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;:8577,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;81a538fd&quot;,&quot;short_public_uid&quot;:&quot;0017Z&quot;,&quot;lot_id&quot;:8577,&quot;slug&quot;:&quot;/colocation/lyon-3/165-cours-docteur-long-81a538fd&quot;,&quot;available_date&quot;:&quot;2025-12-20&quot;,&quot;city&quot;:&quot;Lyon 3eme arrondissement&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69003&quot;,&quot;address_street&quot;:&quot;165 Cours Docteur Long&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7525512,&quot;lon&quot;:4.8935483},&quot;loyer_cc&quot;:485.0,&quot;honoraires_frais_mise_en_location&quot;:216.48,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t4&quot;,&quot;property_area&quot;:&quot;66.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;: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;parking&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/lm458y5uo251oo0an73aupgsiqev&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;:7860,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;592d10bf&quot;,&quot;short_public_uid&quot;:&quot;4567F&quot;,&quot;lot_id&quot;:7860,&quot;slug&quot;:&quot;/colocation/villeurbanne/9-allee-des-cedres-592d10bf&quot;,&quot;available_date&quot;:&quot;2025-12-26&quot;,&quot;city&quot;:&quot;Villeurbanne&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69100&quot;,&quot;address_street&quot;:&quot;9 Allée Des Cèdres&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7561355,&quot;lon&quot;:4.9110171},&quot;loyer_cc&quot;:500.0,&quot;honoraires_frais_mise_en_location&quot;:250.0,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t4&quot;,&quot;property_area&quot;:&quot;71.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;jardin&quot;,&quot;loggia&quot;,&quot;parking&quot;,&quot;terrasse&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/w91bogolpejm91mocmjo105x04n4&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:500.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:8881,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;f643c393&quot;,&quot;short_public_uid&quot;:&quot;6063P&quot;,&quot;lot_id&quot;:8881,&quot;slug&quot;:&quot;/colocation/tourcoing/39-quai-des-mariniers-f643c393&quot;,&quot;available_date&quot;:&quot;2025-12-26&quot;,&quot;city&quot;:&quot;Tourcoing&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;59200&quot;,&quot;address_street&quot;:&quot;39 Quai Des Mariniers&quot;,&quot;departement&quot;:&quot;nord&quot;,&quot;region&quot;:&quot;hauts-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:50.701106,&quot;lon&quot;:3.155191},&quot;loyer_cc&quot;:393.0,&quot;honoraires_frais_mise_en_location&quot;:196.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;110.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:1,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/tvl95b5vd92dy4xejgur1u8pxymk&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;:393.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:8578,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;db7d4d8e&quot;,&quot;short_public_uid&quot;:&quot;7033K&quot;,&quot;lot_id&quot;:8578,&quot;slug&quot;:&quot;/colocation/lyon-3/165-cours-docteur-long-db7d4d8e&quot;,&quot;available_date&quot;:&quot;2026-01-04&quot;,&quot;city&quot;:&quot;Lyon 3eme arrondissement&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69003&quot;,&quot;address_street&quot;:&quot;165 Cours Docteur Long&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7525512,&quot;lon&quot;:4.8935483},&quot;loyer_cc&quot;:495.0,&quot;honoraires_frais_mise_en_location&quot;:216.48,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t4&quot;,&quot;property_area&quot;:&quot;66.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;: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;parking&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/96xop6oh1w0fow0y5infjh8m86hz&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;:16459,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;1434fba3&quot;,&quot;short_public_uid&quot;:&quot;4123S&quot;,&quot;lot_id&quot;:16459,&quot;slug&quot;:&quot;/colocation/creteil/4-rue-des-archives-1434fba3&quot;,&quot;available_date&quot;:&quot;2026-01-12&quot;,&quot;city&quot;:&quot;Créteil&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;94000&quot;,&quot;address_street&quot;:&quot;4 Rue Des Archives&quot;,&quot;departement&quot;:&quot;val-de-marne&quot;,&quot;region&quot;:&quot;ile-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:48.783474,&quot;lon&quot;:2.455732},&quot;loyer_cc&quot;:680.0,&quot;honoraires_frais_mise_en_location&quot;:328.0,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t8&quot;,&quot;property_area&quot;:&quot;200.0&quot;,&quot;nb_available_rooms&quot;:3,&quot;nb_bedrooms&quot;:8,&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;parking&quot;,&quot;terrasse&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/iz0wm4iv942p5yzd9nxk7gvobm8u&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;:680.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:9344,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;0548f2a5&quot;,&quot;short_public_uid&quot;:&quot;4627Y&quot;,&quot;lot_id&quot;:9344,&quot;slug&quot;:&quot;/colocation/lyon-9/37-rue-professeur-patel-0548f2a5&quot;,&quot;available_date&quot;:&quot;2026-01-30&quot;,&quot;city&quot;:&quot;Lyon 9eme arrondissement&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69009&quot;,&quot;address_street&quot;:&quot;37 Rue Professeur Patel&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7662114,&quot;lon&quot;:4.7927668},&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;: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;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/p8t146nt7kl4jd1etpm77qszhybk&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;:2671,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;67f1220f&quot;,&quot;short_public_uid&quot;:&quot;8755L&quot;,&quot;lot_id&quot;:2671,&quot;slug&quot;:&quot;/colocation/saint-herblain-44800/15-rue-des-hauts-moulins-67f1220f&quot;,&quot;available_date&quot;:&quot;2026-02-08&quot;,&quot;city&quot;:&quot;Saint-Herblain&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;44800&quot;,&quot;address_street&quot;:&quot;15 Rue Des Hauts Moulins&quot;,&quot;departement&quot;:&quot;loire-atlantique&quot;,&quot;region&quot;:&quot;pays-de-la-loire&quot;,&quot;location&quot;:{&quot;lat&quot;:47.2228476,&quot;lon&quot;:-1.6090681},&quot;loyer_cc&quot;:494.0,&quot;honoraires_frais_mise_en_location&quot;:247.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;73.0&quot;,&quot;nb_available_rooms&quot;:2,&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;cave&quot;,&quot;parking&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/anyuhildhi7p1hxhjveuafxisk8d&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;:494.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:1201,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;b8503325&quot;,&quot;short_public_uid&quot;:&quot;0752D&quot;,&quot;lot_id&quot;:1201,&quot;slug&quot;:&quot;/colocation/clermont-ferrand/31-rue-philippe-lebon-b8503325&quot;,&quot;available_date&quot;:&quot;2026-02-09&quot;,&quot;city&quot;:&quot;Clermont-Ferrand&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;63000&quot;,&quot;address_street&quot;:&quot;31 rue Philippe Lebon&quot;,&quot;departement&quot;:&quot;puy-de-dome&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7707777,&quot;lon&quot;:3.0904929},&quot;loyer_cc&quot;:433.64,&quot;honoraires_frais_mise_en_location&quot;:216.82,&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;81.0&quot;,&quot;nb_available_rooms&quot;:4,&quot;nb_bedrooms&quot;:5,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[],&quot;additional_spaces&quot;:[&quot;balcon&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/f7hypensitwc9f1cblhll8ovod6i&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;:433.64,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:21883,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;fa1ccbc1&quot;,&quot;short_public_uid&quot;:&quot;2164Z&quot;,&quot;lot_id&quot;:21883,&quot;slug&quot;:&quot;/colocation/rennes/10-square-de-terre-neuve-fa1ccbc1&quot;,&quot;available_date&quot;:&quot;2026-02-18&quot;,&quot;city&quot;:&quot;Rennes&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;35000&quot;,&quot;address_street&quot;:&quot;10 Square de Terre Neuve&quot;,&quot;departement&quot;:&quot;ille-et-vilaine&quot;,&quot;region&quot;:&quot;bretagne&quot;,&quot;location&quot;:{&quot;lat&quot;:48.085584,&quot;lon&quot;:-1.683455},&quot;loyer_cc&quot;:440.0,&quot;honoraires_frais_mise_en_location&quot;:198.62,&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;89.47&quot;,&quot;nb_available_rooms&quot;:5,&quot;nb_bedrooms&quot;:5,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;,&quot;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;additional_spaces&quot;:[&quot;balcon&quot;,&quot;cave&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;,&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/jwp3zh5kw8wmbfqsdujpu7dbz6uk&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;:19281,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;33682b52&quot;,&quot;short_public_uid&quot;:&quot;5370C&quot;,&quot;lot_id&quot;:19281,&quot;slug&quot;:&quot;/colocation/l-hay-les-roses/118-rue-de-chevilly-33682b52&quot;,&quot;available_date&quot;:&quot;2026-02-18&quot;,&quot;city&quot;:&quot;L&#39;Haÿ-les-Roses&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;94240&quot;,&quot;address_street&quot;:&quot;118 Rue De Chevilly&quot;,&quot;departement&quot;:&quot;val-de-marne&quot;,&quot;region&quot;:&quot;ile-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:48.77431,&quot;lon&quot;:2.349112},&quot;loyer_cc&quot;:775.0,&quot;honoraires_frais_mise_en_location&quot;:381.54,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;100.87&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;television&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;bureau&quot;,&quot;dressing&quot;,&quot;refrigerateur&quot;,&quot;internet&quot;],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/i74xr7i8qmk65auoteaoeg7atg61&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;:775.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:508,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;ce214bf0&quot;,&quot;short_public_uid&quot;:&quot;6279C&quot;,&quot;lot_id&quot;:508,&quot;slug&quot;:&quot;/colocation/lyon-7/48-rue-de-la-madeleine-ce214bf0&quot;,&quot;available_date&quot;:&quot;2026-03-01&quot;,&quot;city&quot;:&quot;Lyon 7eme arrondissement&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69007&quot;,&quot;address_street&quot;:&quot;48 rue de la Madeleine &quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7473883,&quot;lon&quot;:4.8479377},&quot;loyer_cc&quot;:675.0,&quot;honoraires_frais_mise_en_location&quot;:282.08,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;86.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:1,&quot;equipments&quot;:[],&quot;additional_spaces&quot;:[&quot;cave&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/5skk77jz6p02ciqxd5azenplnsfn&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;:675.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:19736,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;34c8f309&quot;,&quot;short_public_uid&quot;:&quot;3272P&quot;,&quot;lot_id&quot;:19736,&quot;slug&quot;:&quot;/colocation/annemasse/46c-rue-du-brouaz-34c8f309&quot;,&quot;available_date&quot;:&quot;2026-03-02&quot;,&quot;city&quot;:&quot;Annemasse&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;74100&quot;,&quot;address_street&quot;:&quot;46c Rue Du Brouaz&quot;,&quot;departement&quot;:&quot;haute-savoie&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:46.185539,&quot;lon&quot;:6.229129},&quot;loyer_cc&quot;:700.0,&quot;honoraires_frais_mise_en_location&quot;:255.51,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;77.9&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;refrigerateur&quot;,&quot;internet&quot;],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/aka7484degbnxflk6m9hsogps9nb&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;:700.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:16001,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;3300bd96&quot;,&quot;short_public_uid&quot;:&quot;8805N&quot;,&quot;lot_id&quot;:16001,&quot;slug&quot;:&quot;/colocation/merignac/37-avenue-du-truc-3300bd96&quot;,&quot;available_date&quot;:&quot;2026-03-07&quot;,&quot;city&quot;:&quot;Mérignac&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;33700&quot;,&quot;address_street&quot;:&quot;37 Avenue Du Truc&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.846747,&quot;lon&quot;:-0.64976},&quot;loyer_cc&quot;:552.1,&quot;honoraires_frais_mise_en_location&quot;:272.24,&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;166.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:8,&quot;nb_private_bathrooms&quot;:1,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;,&quot;jardin&quot;,&quot;terrasse&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/r5tlexzdg8i7p569c1auzuwayv2j&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;:552.1,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:8121,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;ba0f188f&quot;,&quot;short_public_uid&quot;:&quot;2881H&quot;,&quot;lot_id&quot;:8121,&quot;slug&quot;:&quot;/colocation/herouville-saint-clair-14200/1408-boulevard-de-la-grande-delle-ba0f188f&quot;,&quot;available_date&quot;:&quot;2026-03-09&quot;,&quot;city&quot;:&quot;Hérouville-Saint-Clair&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;14200&quot;,&quot;address_street&quot;:&quot;1408 Boulevard De La Grande Delle&quot;,&quot;departement&quot;:&quot;calvados&quot;,&quot;region&quot;:&quot;normandie&quot;,&quot;location&quot;:{&quot;lat&quot;:49.2068248,&quot;lon&quot;:-0.3407319},&quot;loyer_cc&quot;:446.0,&quot;honoraires_frais_mise_en_location&quot;:208.13,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;75.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:5,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;],&quot;additional_spaces&quot;:[&quot;parking&quot;],&quot;common_equipments&quot;:[&quot;gardien&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/iigpdrjgkkp624d5fz55yo9rumsk&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;:446.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:22560,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;379a1c70&quot;,&quot;short_public_uid&quot;:&quot;3100T&quot;,&quot;lot_id&quot;:22560,&quot;slug&quot;:&quot;/location/roubaix/t2-51-rue-du-general-sarrail-379a1c70&quot;,&quot;available_date&quot;:&quot;2026-03-16&quot;,&quot;city&quot;:&quot;Roubaix&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;59100&quot;,&quot;address_street&quot;:&quot;51 Rue du Général Sarrail&quot;,&quot;departement&quot;:&quot;nord&quot;,&quot;region&quot;:&quot;hauts-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:50.691312,&quot;lon&quot;:3.170155},&quot;loyer_cc&quot;:625.0,&quot;honoraires_frais_mise_en_location&quot;:373.4,&quot;is_single_lot&quot;:true,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t2&quot;,&quot;property_area&quot;:&quot;28.46&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:1,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;lave-linge&quot;,&quot;television&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;refrigerateur&quot;],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/rul4o8zweywbxwof28xdnvlk1k59&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;:625.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:2252,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;74b0d940&quot;,&quot;short_public_uid&quot;:&quot;8385E&quot;,&quot;lot_id&quot;:2252,&quot;slug&quot;:&quot;/colocation/cenon/9-rue-camille-pelletan-74b0d940&quot;,&quot;available_date&quot;:&quot;2026-03-16&quot;,&quot;city&quot;:&quot;Cenon&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;33150&quot;,&quot;address_street&quot;:&quot;9 Rue Camille Pelletan&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.86281,&quot;lon&quot;:-0.519891},&quot;loyer_cc&quot;:525.0,&quot;honoraires_frais_mise_en_location&quot;:262.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;90.0&quot;,&quot;nb_available_rooms&quot;:3,&quot;nb_bedrooms&quot;:5,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;,&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/go20hff7mvmgjk5k9v87wafj7rcr&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;}]"></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_459eaab0" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_459eaab0" target="_blank" href="/colocation/nantes/1-allee-de-la-martinique-459eaab0">
  <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/3458hphx5h0r7jb8yvgs2hqnh97y)">
      <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">100m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
            <span class="text-sm font-md text-secondary">Balcon</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Nantes</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_c5d0c6c9" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_c5d0c6c9" target="_blank" href="/colocation/nantes/1-allee-de-la-martinique-c5d0c6c9">
  <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/fn65oqabjdx9tjq2m0a01f5fvy3r)">
      <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">100m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
            <span class="text-sm font-md text-secondary">Balcon</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Nantes</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_377c1b72" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_377c1b72" target="_blank" href="/colocation/toulouse/119-avenue-de-fronton-377c1b72">
  <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/1eg0bxifqyfkqi37ivww913enxvm)">
      <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">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_81a538fd" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_81a538fd" target="_blank" href="/colocation/lyon-3/165-cours-docteur-long-81a538fd">
  <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/lm458y5uo251oo0an73aupgsiqev)">
      <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">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">Lyon 3eme arrondissement</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_592d10bf" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_592d10bf" target="_blank" href="/colocation/villeurbanne/9-allee-des-cedres-592d10bf">
  <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/w91bogolpejm91mocmjo105x04n4)">
      <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">71m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M6.61969 8.33997L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.31996C8.12969 7.78996 7.21969 7.78996 6.61969 8.32996V8.33997Z" fill="currentColor"></path>
<path d="M9.23973 12.76H6.21973V15.78H9.23973V12.76Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.61969 8.34001L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.32001C8.12969 7.79001 7.21969 7.79001 6.61969 8.33001V8.34001Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.9199 8.37001L14.6399 4.26001L19.6199 9.73001H16.7599L20.7699 14.78H17.2099L21.8199 19.74H14.8699" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">Jardin</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Villeurbanne</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_f643c393" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_f643c393" target="_blank" href="/colocation/tourcoing/39-quai-des-mariniers-f643c393">
  <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/tvl95b5vd92dy4xejgur1u8pxymk)">
      <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">110m²</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">Tourcoing</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_db7d4d8e" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_db7d4d8e" target="_blank" href="/colocation/lyon-3/165-cours-docteur-long-db7d4d8e">
  <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/96xop6oh1w0fow0y5infjh8m86hz)">
      <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">Lyon 3eme arrondissement</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_1434fba3" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_1434fba3" target="_blank" href="/colocation/creteil/4-rue-des-archives-1434fba3">
  <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/iz0wm4iv942p5yzd9nxk7gvobm8u)">
      <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">200m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">8</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="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">Créteil</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_0548f2a5" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_0548f2a5" target="_blank" href="/colocation/lyon-9/37-rue-professeur-patel-0548f2a5">
  <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/p8t146nt7kl4jd1etpm77qszhybk)">
      <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">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">Lyon 9eme arrondissement</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_67f1220f" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_67f1220f" target="_blank" href="/colocation/saint-herblain-44800/15-rue-des-hauts-moulins-67f1220f">
  <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/anyuhildhi7p1hxhjveuafxisk8d)">
      <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">Saint-Herblain</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_b8503325" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_b8503325" target="_blank" href="/colocation/clermont-ferrand/31-rue-philippe-lebon-b8503325">
  <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/f7hypensitwc9f1cblhll8ovod6i)">
      <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">81m²</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">Clermont-Ferrand</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_fa1ccbc1" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_fa1ccbc1" target="_blank" href="/colocation/rennes/10-square-de-terre-neuve-fa1ccbc1">
  <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/jwp3zh5kw8wmbfqsdujpu7dbz6uk)">
      <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">5</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
            <span class="text-sm font-md text-secondary">Balcon</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Rennes</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_33682b52" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_33682b52" target="_blank" href="/colocation/l-hay-les-roses/118-rue-de-chevilly-33682b52">
  <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/i74xr7i8qmk65auoteaoeg7atg61)">
      <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">100m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
      </div>
      <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">L&#39;Haÿ-les-Roses</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_ce214bf0" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_ce214bf0" target="_blank" href="/colocation/lyon-7/48-rue-de-la-madeleine-ce214bf0">
  <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/5skk77jz6p02ciqxd5azenplnsfn)">
      <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">86m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">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">Lyon 7eme arrondissement</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_34c8f309" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_34c8f309" target="_blank" href="/colocation/annemasse/46c-rue-du-brouaz-34c8f309">
  <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/aka7484degbnxflk6m9hsogps9nb)">
      <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">77m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Annemasse</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_3300bd96" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_3300bd96" target="_blank" href="/colocation/merignac/37-avenue-du-truc-3300bd96">
  <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/r5tlexzdg8i7p569c1auzuwayv2j)">
      <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">166m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">8</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" 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">Mérignac</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_ba0f188f" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_ba0f188f" target="_blank" href="/colocation/herouville-saint-clair-14200/1408-boulevard-de-la-grande-delle-ba0f188f">
  <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/iigpdrjgkkp624d5fz55yo9rumsk)">
      <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">75m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">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="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">Hérouville-Saint-Clair</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_379a1c70" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_379a1c70" target="_blank" href="/location/roubaix/t2-51-rue-du-general-sarrail-379a1c70">
  <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/rul4o8zweywbxwof28xdnvlk1k59)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Appartement T2 - location 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">28m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">1</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Roubaix</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_74b0d940" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_74b0d940" target="_blank" href="/colocation/cenon/9-rue-camille-pelletan-74b0d940">
  <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/go20hff7mvmgjk5k9v87wafj7rcr)">
      <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">90m²</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">Cenon</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 • 7726 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/nantes/1-allee-de-la-martinique-459eaab0">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 1 Allée De La Martinique, Nantes" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/3458hphx5h0r7jb8yvgs2hqnh97y)">
        <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">100m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                <span class="text-sm font-md text-secondary">Balcon</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Nantes</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">452 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

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

  <div class="-sm:hidden">
    <a data-id="c5d0c6c9" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/nantes/1-allee-de-la-martinique-c5d0c6c9">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 1 Allée De La Martinique, Nantes" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/fn65oqabjdx9tjq2m0a01f5fvy3r)">
          <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">100m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Balcon</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Nantes</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">498 €
                  <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/119-avenue-de-fronton-377c1b72">
  <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 119 Avenue De Fronton, 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/1eg0bxifqyfkqi37ivww913enxvm)">
        <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">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">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="377c1b72" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/toulouse/119-avenue-de-fronton-377c1b72">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 119 Avenue De Fronton, 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/1eg0bxifqyfkqi37ivww913enxvm)">
          <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">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">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/lyon-3/165-cours-docteur-long-81a538fd">
  <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 165 Cours Docteur Long, Lyon 3eme arrondissement" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/lm458y5uo251oo0an73aupgsiqev)">
        <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">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">Lyon 3eme arrondissement</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="81a538fd" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/lyon-3/165-cours-docteur-long-81a538fd">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 165 Cours Docteur Long, Lyon 3eme arrondissement" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/lm458y5uo251oo0an73aupgsiqev)">
          <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">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">Lyon 3eme arrondissement</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/9-allee-des-cedres-592d10bf">
  <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 9 Allée Des Cèdres, 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/w91bogolpejm91mocmjo105x04n4)">
        <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">71m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M6.61969 8.33997L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.31996C8.12969 7.78996 7.21969 7.78996 6.61969 8.32996V8.33997Z" fill="currentColor"></path>
<path d="M9.23973 12.76H6.21973V15.78H9.23973V12.76Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.61969 8.34001L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.32001C8.12969 7.79001 7.21969 7.79001 6.61969 8.33001V8.34001Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.9199 8.37001L14.6399 4.26001L19.6199 9.73001H16.7599L20.7699 14.78H17.2099L21.8199 19.74H14.8699" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">Jardin</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Villeurbanne</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">500 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="592d10bf" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/villeurbanne/9-allee-des-cedres-592d10bf">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 9 Allée Des Cèdres, 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/w91bogolpejm91mocmjo105x04n4)">
          <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">71m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M6.61969 8.33997L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.31996C8.12969 7.78996 7.21969 7.78996 6.61969 8.32996V8.33997Z" fill="currentColor"></path>
<path d="M9.23973 12.76H6.21973V15.78H9.23973V12.76Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.61969 8.34001L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.32001C8.12969 7.79001 7.21969 7.79001 6.61969 8.33001V8.34001Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.9199 8.37001L14.6399 4.26001L19.6199 9.73001H16.7599L20.7699 14.78H17.2099L21.8199 19.74H14.8699" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Jardin</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Villeurbanne</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">500 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


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

<a href="/colocation/tourcoing/39-quai-des-mariniers-f643c393">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 39 Quai Des Mariniers, Tourcoing" 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/tvl95b5vd92dy4xejgur1u8pxymk)">
        <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">110m²</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">Tourcoing</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">393 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="f643c393" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/tourcoing/39-quai-des-mariniers-f643c393">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 39 Quai Des Mariniers, Tourcoing" 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/tvl95b5vd92dy4xejgur1u8pxymk)">
          <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">110m²</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">Tourcoing</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">393 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


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

<a href="/colocation/lyon-3/165-cours-docteur-long-db7d4d8e">
  <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 165 Cours Docteur Long, Lyon 3eme arrondissement" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/96xop6oh1w0fow0y5infjh8m86hz)">
        <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">Lyon 3eme arrondissement</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="db7d4d8e" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/lyon-3/165-cours-docteur-long-db7d4d8e">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 165 Cours Docteur Long, Lyon 3eme arrondissement" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/96xop6oh1w0fow0y5infjh8m86hz)">
          <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">Lyon 3eme arrondissement</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/creteil/4-rue-des-archives-1434fba3">
  <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 4 Rue Des Archives, Créteil" 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/iz0wm4iv942p5yzd9nxk7gvobm8u)">
        <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">200m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">8</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="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">Créteil</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">680 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="1434fba3" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/creteil/4-rue-des-archives-1434fba3">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 4 Rue Des Archives, Créteil" 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/iz0wm4iv942p5yzd9nxk7gvobm8u)">
          <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">200m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">8</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="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">Créteil</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">680 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


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

<a href="/colocation/lyon-9/37-rue-professeur-patel-0548f2a5">
  <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 37 Rue Professeur Patel, Lyon 9eme arrondissement" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/p8t146nt7kl4jd1etpm77qszhybk)">
        <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">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">Lyon 9eme arrondissement</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="0548f2a5" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/lyon-9/37-rue-professeur-patel-0548f2a5">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 37 Rue Professeur Patel, Lyon 9eme arrondissement" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/p8t146nt7kl4jd1etpm77qszhybk)">
          <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">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">Lyon 9eme arrondissement</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/saint-herblain-44800/15-rue-des-hauts-moulins-67f1220f">
  <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 15 Rue Des Hauts Moulins, Saint-Herblain" 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/anyuhildhi7p1hxhjveuafxisk8d)">
        <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">Saint-Herblain</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">494 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="67f1220f" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/saint-herblain-44800/15-rue-des-hauts-moulins-67f1220f">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 15 Rue Des Hauts Moulins, Saint-Herblain" 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/anyuhildhi7p1hxhjveuafxisk8d)">
          <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">Saint-Herblain</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">494 €
                  <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/clermont-ferrand/31-rue-philippe-lebon-b8503325">
  <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 31 rue Philippe Lebon, Clermont-Ferrand" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/f7hypensitwc9f1cblhll8ovod6i)">
        <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">81m²</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">Clermont-Ferrand</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">434 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="b8503325" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/clermont-ferrand/31-rue-philippe-lebon-b8503325">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 31 rue Philippe Lebon, Clermont-Ferrand" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/f7hypensitwc9f1cblhll8ovod6i)">
          <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">81m²</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">Clermont-Ferrand</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">434 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


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

<a href="/colocation/rennes/10-square-de-terre-neuve-fa1ccbc1">
  <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 Square de Terre Neuve, Rennes" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/jwp3zh5kw8wmbfqsdujpu7dbz6uk)">
        <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">5</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                <span class="text-sm font-md text-secondary">Balcon</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Rennes</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">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="fa1ccbc1" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/rennes/10-square-de-terre-neuve-fa1ccbc1">
      <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 Square de Terre Neuve, Rennes" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/jwp3zh5kw8wmbfqsdujpu7dbz6uk)">
          <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">5</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Balcon</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Rennes</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">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/l-hay-les-roses/118-rue-de-chevilly-33682b52">
  <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 118 Rue De Chevilly, L&#39;Haÿ-les-Roses" 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/i74xr7i8qmk65auoteaoeg7atg61)">
        <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">100m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
          </div>
      </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">L&#39;Haÿ-les-Roses</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">775 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="33682b52" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/l-hay-les-roses/118-rue-de-chevilly-33682b52">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 118 Rue De Chevilly, L&#39;Haÿ-les-Roses" 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/i74xr7i8qmk65auoteaoeg7atg61)">
          <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">100m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
            </div>
            <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">L&#39;Haÿ-les-Roses</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">775 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


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

<a href="/colocation/lyon-7/48-rue-de-la-madeleine-ce214bf0">
  <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 rue de la Madeleine , Lyon 7eme arrondissement" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/5skk77jz6p02ciqxd5azenplnsfn)">
        <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">86m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">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">Lyon 7eme arrondissement</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">675 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="ce214bf0" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/lyon-7/48-rue-de-la-madeleine-ce214bf0">
      <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 rue de la Madeleine , Lyon 7eme arrondissement" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/5skk77jz6p02ciqxd5azenplnsfn)">
          <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">86m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">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">Lyon 7eme arrondissement</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">675 €
                  <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/annemasse/46c-rue-du-brouaz-34c8f309">
  <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 46c Rue Du Brouaz, Annemasse" 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/aka7484degbnxflk6m9hsogps9nb)">
        <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">77m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full 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">Annemasse</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">700 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="34c8f309" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/annemasse/46c-rue-du-brouaz-34c8f309">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 46c Rue Du Brouaz, Annemasse" 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/aka7484degbnxflk6m9hsogps9nb)">
          <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">77m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Annemasse</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">700 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


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

<a href="/colocation/merignac/37-avenue-du-truc-3300bd96">
  <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 37 Avenue Du Truc, Mérignac" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/r5tlexzdg8i7p569c1auzuwayv2j)">
        <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">166m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">8</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" 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">Mérignac</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">552 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="3300bd96" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/merignac/37-avenue-du-truc-3300bd96">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 37 Avenue Du Truc, Mérignac" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/r5tlexzdg8i7p569c1auzuwayv2j)">
          <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">166m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">8</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" 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">Mérignac</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">552 €
                  <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/herouville-saint-clair-14200/1408-boulevard-de-la-grande-delle-ba0f188f">
  <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 1408 Boulevard De La Grande Delle, Hérouville-Saint-Clair" 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/iigpdrjgkkp624d5fz55yo9rumsk)">
        <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">75m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">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="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">Hérouville-Saint-Clair</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">446 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="ba0f188f" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/herouville-saint-clair-14200/1408-boulevard-de-la-grande-delle-ba0f188f">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 1408 Boulevard De La Grande Delle, Hérouville-Saint-Clair" 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/iigpdrjgkkp624d5fz55yo9rumsk)">
          <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">75m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">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="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">Hérouville-Saint-Clair</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">446 €
                  <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/roubaix/t2-51-rue-du-general-sarrail-379a1c70">
  <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 51 Rue du Général Sarrail, 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/rul4o8zweywbxwof28xdnvlk1k59)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Appartement T2 - location 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">28m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">1</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full 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">625 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="379a1c70" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/location/roubaix/t2-51-rue-du-general-sarrail-379a1c70">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 51 Rue du Général Sarrail, 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/rul4o8zweywbxwof28xdnvlk1k59)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Appartement T2 - location 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">28m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">1</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Roubaix</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">625 €
                  <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/9-rue-camille-pelletan-74b0d940">
  <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 9 Rue Camille Pelletan, 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/go20hff7mvmgjk5k9v87wafj7rcr)">
        <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">90m²</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">Cenon</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="74b0d940" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/cenon/9-rue-camille-pelletan-74b0d940">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 9 Rue Camille Pelletan, 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/go20hff7mvmgjk5k9v87wafj7rcr)">
          <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">90m²</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">Cenon</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>
            <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=387"   >387</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_2746e72c" 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_2746e72c" 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="2nouEz_xwQzBHRkc7P--phHJVWz5e-sFWWQ_KQJ4PzsSjDSajYmBOTw0tSJFsaWoSPr1hDVr4MLExTnMp2Wj6g" />
        <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>