diff --git a/index.html b/index.html
index ba7ac10..4597315 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,11 @@
           <li class="nav-item">
             <a class="nav-link" aria-current="page" data-bs-toggle="modal" data-bs-target="#map-selection-modal" href="#">Choix d'une carte</a>
           </li>
-          <li class="nav-item dropdown">
+
+          <li class="nav-item">
+            <a class="nav-link" aria-current="page" data-bs-toggle="modal" data-bs-target="#room-research-modal" href="#">Recherche d'une salle</a>
+          </li>
+          <!--<li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
               Rechercher une salle
             </a>
@@ -31,7 +35,7 @@
               <li><a class="dropdown-item" href="#">Par nom</a></li>
               <li><a class="dropdown-item" href="#">Par occupant</a></li>
             </ul>
-          </li>
+          </li>-->
           <li class="nav-item">
             <a class="nav-link" aria-current="page" data-bs-toggle="modal" data-bs-target="#about-modal" href="#">À propos</a>
           </li>
@@ -87,6 +91,53 @@
     </div>
   </div>
 
+  <!-- Room research modal -->
+  <div class="modal fade" id="room-research-modal" tabindex="-1" aria-labelledby="room-research-modal-label" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title" id="room-research-modal-label">Rechercher une salle</h5>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          <form>
+            <div class="mb-3">
+              <label for="research" class="form-label">Recherche</label>
+              <input type="text" class="form-control" id="research" aria-describedby="research-label">
+              <div id="research-label" class="form-text">Nom de la salle, code, occupants, ...</div>
+            </div>
+            <button type="button" class="btn btn-primary" onclick="researchRoom();">Rechercher</button>
+          </form>
+
+          <hr/>
+
+          <!-- Research results -->
+          <table class="table">
+            <thead>
+              <tr>
+                <th scope="col">Nom</th>
+                <th scope="col">Occupants</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <th scope="row">Amphi B</th>
+                <td></td>
+              </tr>
+              <tr>
+                <th scope="row">GN1.326</th>
+                <td>Elise JANNEAU, Eddy CARON</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn" data-bs-dismiss="modal">Fermer</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <!-- About modal -->
   <div class="modal fade" id="about-modal" tabindex="-1" aria-labelledby="about-modal-label" aria-hidden="true">
     <div class="modal-dialog">
diff --git a/resources/script.js b/resources/script.js
index e85050f..6bc2476 100644
--- a/resources/script.js
+++ b/resources/script.js
@@ -10,6 +10,13 @@ function httpGetAsync(theUrl, callback)
   xmlHttp.send(null);
 }
 
+function researchRoom()
+{
+  let text = document.getElementById('research').value;
+
+  
+}
+
 function putWaitNetworkScreen()
 {
   outputDiv.innerHTML = "Récupération des informations auprès du serveur...";