diff --git a/app_new/templates/equipments/index.html b/app_new/templates/equipments/index.html
index bdb2a67..301a847 100644
--- a/app_new/templates/equipments/index.html
+++ b/app_new/templates/equipments/index.html
@@ -5,6 +5,10 @@
 <div class="d-flex justify-content-between align-items-center mb-3">
     <h2 class="mb-0 h5"><i class="bi bi-pc-display"></i> Équipements par zone</h2>
     <div>
+        <div class="btn-group btn-group-sm me-2">
+            <a class="btn {{ 'btn-primary' if view == 'zones' else 'btn-outline-primary' }}" href="{{ url_for('equipments.index', view='zones') }}"><i class="bi bi-signpost-split"></i> Zones / salles</a>
+            <a class="btn {{ 'btn-primary' if view != 'zones' else 'btn-outline-primary' }}" href="{{ url_for('equipments.index', view='families') }}"><i class="bi bi-diagram-3"></i> Familles</a>
+        </div>
         <a href="{{ url_for('wizard.equipment_wizard') }}" class="btn btn-success btn-sm me-2">
             <i class="bi bi-magic"></i> <span class="d-none d-sm-inline">Inventaire guidé</span>
         </a>
@@ -54,6 +58,11 @@
     </div>
 </div>
 
+{% if view == 'zones' %}
+<div class="alert alert-info py-2"><i class="bi bi-info-circle"></i> Quantités regroupées par zone, salle et type d’équipement.</div>
+{% for building in zone_tree %}<div class="card mb-3 border-0 shadow-sm"><div class="card-header fw-semibold"><i class="bi bi-building"></i> {{ building.name }}</div><div class="card-body">
+{% for zone in building.zones %}<h6 class="mt-2"><i class="bi bi-signpost-split"></i> {{ zone.name }}</h6>{% for room in zone.rooms %}<div class="border rounded p-2 mb-2 ms-3"><strong><i class="bi bi-door-open"></i> {{ room.name }}</strong><table class="table table-sm mb-0 mt-1"><tbody>{% for item in room.types %}<tr><td>{{ item.name }}</td><td class="text-muted">{{ item.category }}</td><td class="text-end"><span class="badge bg-primary">{{ item.quantity }}</span></td></tr>{% endfor %}</tbody></table></div>{% endfor %}{% endfor %}</div></div>{% else %}<div class="text-muted text-center py-4">Aucun équipement localisé.</div>{% endfor %}
+{% else %}
 {% if parents %}
 <div class="accordion" id="parentsAccordion">
     {% for parent in parents %}
@@ -176,6 +185,7 @@
     <p class="mt-2">Aucun équipement</p>
 </div>
 {% endif %}
+{% endif %}
 
 {% if pagination and pagination.pages > 1 %}
 <nav aria-label="Pagination équipements" class="mt-3">