diff --git a/index.html b/index.html
index 94ae261..3cb6636 100644
--- a/index.html
+++ b/index.html
@@ -23,34 +23,44 @@
     <main>
       <h1>Kikikoz</h1>
 
-    <p class="orateurice" visible="true">
-      <span id="orateurice" class="personne" onclick="intervalle_orateurice()">Personne</span> <span id="compte"></span> <button onclick="next()">Hop!</button>
-    </p>
+      <p class="orateurice" visible="true">
+	<span id="orateurice" class="personne" onclick="intervalle_orateurice()">Personne</span> <span id="compte"></span> <button onclick="next()">Hop!</button>
+      </p>
 
-    <section id="queues">
-    <section class="queue courante" id="queue_a">
-      <h3>Queue A</h3>
-      <ol>
+      <section id="queues">
+	<section class="queue courante" id="queue_a">
+	  <h3>Queue A</h3>
+	  <ol>
 
-      </ol>
-      <p class="finisseur">Ajouter: <input type="text" onkeypress='ajoute_kp(event, "queue_a")'/>
-	<button onclick='ajoute("queue_a")'>+</button></p>
-    </section>
-    
-    <section class="queue attente" id="queue_b">
-      <h3>Queue B</h3>
-      <ol>
+	  </ol>
+	  <p class="finisseur">Ajouter: <input type="text" onkeypress='ajoute_kp(event, "queue_a")'/>
+	    <button onclick='ajoute("queue_a")'>+</button></p>
+	</section>
+	
+	<section class="queue attente" id="queue_b">
+	  <h3>Queue B</h3>
+	  <ol>
 
-      </ol>
-      <p class="finisseur">Ajouter: <input type="text" onkeypress='ajoute_kp(event, "queue_b")'/>
-	<button onclick='ajoute("queue_b")'>+</button></p>
-    </section>
-    </section>
-    <button onClick="toggle_conf_visible()">Configuration</button>
+	  </ol>
+	  <p class="finisseur">Ajouter: <input type="text" onkeypress='ajoute_kp(event, "queue_b")'/>
+	    <button onclick='ajoute("queue_b")'>+</button></p>
+	</section>
+      </section>
+      <button onClick="toggle_conf_visible()">Configuration</button>
     </main>
     <aside id="configuration" class="hidden">
       <h2>Configuration</h2>
-      <p> Pas d'options pour le moment, revenez dans une version ultérieure.</p>
+      <h3>Queue A</h3>
+      <p>Ordre</p>
+      <div id="queue_A_config_mode">
+      <input type="radio" name="queue_A_mode" value="random" checked="true">Aléatoire</input>
+      <input type="radio"  name="queue_A_mode" value="chrono">Par ordre d'arrivée</input>
+      </div>
+      <h3>Queue B</h3>
+      <div id="queue_B_config_mode">
+      <input type="radio" name="queue_B_mode" value="random" checked="true">Aléatoire</input>
+      <input type="radio"  name="queue_B_mode" value="chrono">Par ordre d'arrivée</input>
+      </div>
     </aside>
 
   </body>
diff --git a/src/lib.rs b/src/lib.rs
index 2f5a50d..527f4a9 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -105,6 +105,34 @@ pub fn ajoute_kp(ev: web_sys::KeyboardEvent, id: &str) {
     }
 }
 
+enum ModeAjout {
+    Aleatoire,
+    Chrono,
+}
+
+enum Queue {
+    A,
+    B,
+}
+
+fn get_mode_ajout(document: web_sys::Document, queue: Queue) -> ModeAjout {
+    let div_name = match queue {
+        A => "queue_A_config_mode",
+        B => "queue_B_config_mode",
+    };
+    let div = document
+        .get_element_by_id(div_name)
+        .expect("panneau de configuration absent");
+    let val = {
+        let mut that = "";
+        for i in div.get_elements_by_tag_name("input") {
+            let i = i.unwrap();
+        }
+    };
+
+    todo!()
+}
+
 #[wasm_bindgen]
 pub fn ajoute(id: &str) {
     let window = web_sys::window().expect("no global `window` exists");