diff --git a/index.php b/index.php
index ee836fc..661af66 100644
--- a/index.php
+++ b/index.php
@@ -15,7 +15,7 @@
         background-size: cover;
       }
 
-      body > .grid {
+      body>.grid {
         height: 100%;
       }
 
@@ -34,7 +34,7 @@
     </style>
   </head>
 
-  <body>
+  <body class="inverted">
 
     <div class="ui middle aligned center aligned inverted grid">
       <div class="column" style="max-width: 450px;">
@@ -51,7 +51,7 @@
         <?php } ?>
 
         <form id="scanForm" class="ui large form initial inverted" action="scan.php" method="get">
-          <div class="ui left aligned stacked segment inverted">
+          <div class="ui left aligned raised segment inverted">
             <h4 class="ui header">Découvrir ou superviser un réseau</h4>
             <div class="inverted field">
               <div class="ui large input">
@@ -63,8 +63,8 @@ Exemples: <?= $_SERVER['REMOTE_ADDR']; ?>/24 <?= $_SERVER['SERVER_NAME']; ?> 10.
             <div class="field">
               <label for="nameInput">Enregistrer sous le nom (optionnel)</label>
               <div class="ui small input">
-                <input id="nameInput" type="text" name="name" placeholder="Reseau local"
-                  pattern='[0-9a-zA-Z\-_\. ]+' title="Caractères autorisés: a-z A-Z 0-9 - _ ."/>
+                <input id="nameInput" type="text" name="name" placeholder="Reseau local" pattern='[0-9a-zA-Z\-_\. ]+'
+                  title="Caractères autorisés: a-z A-Z 0-9 - _ ." />
               </div>
             </div>
             <div class="ui error message"></div>
@@ -77,7 +77,7 @@ Exemples: <?= $_SERVER['REMOTE_ADDR']; ?>/24 <?= $_SERVER['SERVER_NAME']; ?> 10.
         </form>
 
         <?php if (file_exists($SCANSDIR)) { ?>
-          <div class="ui left aligned stacked segment inverted">
+          <div class="ui left aligned raised segment inverted">
             <div class="ui inverted accordion">
               <div class="title"><i class="dropdown icon"></i></i>Scans enregistrés</div>
               <div class="content">
@@ -108,39 +108,39 @@ Exemples: <?= $_SERVER['REMOTE_ADDR']; ?>/24 <?= $_SERVER['SERVER_NAME']; ?> 10.
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.9.2/semantic.min.js"></script>
     <script>
-$('.ui.accordion').accordion()
+      $('.ui.accordion').accordion()
 
-scanForm.onsubmit = function (event) {
-  if (this.checkValidity()) {
-    scanForm.classList.add("loading")
-    $.toast({
-      title: 'Scan en cours...',
-      message: 'Merci de patienter',
-      class: 'info',
-      showIcon: 'satellite dish',
-      displayTime: 0,
-      closeIcon: true,
-      position: 'bottom right',
-    })
-    return true
-  } else {
-    event.preventDefault()
-    this.reportValidity()
-  }
-}
+      scanForm.onsubmit = function (event) {
+        if (this.checkValidity()) {
+          scanForm.classList.add("loading")
+          $.toast({
+            title: 'Scan en cours...',
+            message: 'Merci de patienter',
+            class: 'info',
+            showIcon: 'satellite dish',
+            displayTime: 0,
+            closeIcon: true,
+            position: 'bottom right',
+          })
+          return true
+        } else {
+          event.preventDefault()
+          this.reportValidity()
+        }
+      }
 
-function rescan(link) {
-    link.getElementsByTagName('i')[0].className = 'loading spinner icon'
-    $.toast({
-        title      : 'Scan en cours...',
-        message    : 'Merci de patienter',
-        class      : 'info',
-        showIcon   : 'satellite dish',
-        displayTime: 0,
-        closeIcon  : true,
-        position   : 'bottom right',
-    })
-}
+      function rescan(link) {
+        link.getElementsByTagName('i')[0].className = 'loading spinner icon'
+        $.toast({
+          title: 'Scan en cours...',
+          message: 'Merci de patienter',
+          class: 'info',
+          showIcon: 'satellite dish',
+          displayTime: 0,
+          closeIcon: true,
+          position: 'bottom right',
+        })
+      }
     </script>
 
   </body>
diff --git a/index.php.bak b/index.php.bak
index c1b0c8a..05778b9 100644
--- a/index.php.bak
+++ b/index.php.bak
@@ -24,7 +24,7 @@
   </style>
 </head>
 
-<body>
+<body class="inverted">
 
   <div class="ui middle aligned center aligned inverted grid">
     <div class="column" style="max-width: 450px;">
diff --git a/options.php b/options.php
index c38f24a..cb8d1be 100755
--- a/options.php
+++ b/options.php
@@ -3,761 +3,742 @@
 <!DOCTYPE html>
 <html lang="fr">
 
-<head>
-  <meta charset="utf-8" />
-  <title>lanScan</title>
-  <link rel="icon" href="favicon.ico" />
-  <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.3/dist/semantic.min.js"></script>
-  <link rel="stylesheet" type="text/css"
-    href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.3/dist/semantic.min.css" />
-  <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify"></script>
-  <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.polyfills.min.js"></script>
-  <link href="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.css" rel="stylesheet" type="text/css" />
-  <link href="style.css" rel="stylesheet" type="text/css" />
-</head>
+  <head>
+    <meta charset="utf-8" />
+    <title>lanScan</title>
+    <link rel="icon" href="favicon.ico" />
+    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.3/dist/semantic.min.js"></script>
+    <link rel="stylesheet" type="text/css"
+      href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.3/dist/semantic.min.css" />
+    <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.polyfills.min.js"></script>
+    <link href="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.css" rel="stylesheet" type="text/css" />
+    <link href="style.css" rel="stylesheet" type="text/css" />
+  </head>
 
-<body>
-  <nav class="ui inverted secondary menu">
-    <a href="." class="ui header button item logo">lan<?php include 'logo.svg'; ?>can</a>
-    <div class="right menu">
-      <div class="item">
-        <a class="button item" href="https://nmap.org/man/fr/index.html" target="_blank">
-          <i class="question circle icon"></i>
-        </a>
+  <body class="inverted">
+    <nav class="ui inverted secondary menu">
+      <a href="." class="ui header button item logo">lan<?php include 'logo.svg'; ?>can</a>
+      <div class="right menu">
+        <div class="item">
+          <a class="ui icon button item" href="https://nmap.org/man/fr/index.html" target="_blank">
+            <i class="question circle icon"></i>
+          </a>
+          <button id="toggleThemeButton" type="button" class="ui icon link item" title="Thème clair/sombre">
+            <i class="sun icon"></i>
+          </button>
+        </div>
       </div>
-    </div>
-  </nav>
+    </nav>
 
-  <main class="ui main container">
+    <main class="ui main container">
 
-    <h1 class="ui inverted header">Scanner un réseau</h1>
+      <h1 class="ui inverted header">Scanner un réseau</h1>
 
-    <form id="newScanForm" class="ui inverted form" method="get" action="scan.php">
-      <div class="inverted field">
-        <label for="targetsInput" title="Les cibles peuvent être spécifiées par des noms d'hôtes, des adresses IP, des adresses de réseaux, etc.
+      <form id="newScanForm" class="ui inverted form" method="get" action="scan.php">
+        <div class="inverted field">
+          <label for="targetsInput" title="Les cibles peuvent être spécifiées par des noms d'hôtes, des adresses IP, des adresses de réseaux, etc.
 Exemples: <?= $_SERVER['REMOTE_ADDR']; ?>/24 <?= $_SERVER['SERVER_NAME']; ?> 10.0-255.0-255.1-254">Cibles</label>
-        <input id="targetsInput" type="text" name="targets" placeholder="Cibles" spellcheck="false"
-          pattern="[a-zA-Z0-9._\/ \-]+" list="targetsList" title="Les cibles peuvent être spécifiées par des noms d'hôtes, des adresses IP, des adresses de réseaux, etc.
+          <input id="targetsInput" type="text" name="targets" placeholder="Cibles" spellcheck="false"
+            pattern="[a-zA-Z0-9._\/ \-]+" list="targetsList" title="Les cibles peuvent être spécifiées par des noms d'hôtes, des adresses IP, des adresses de réseaux, etc.
 Exemples: <?= $_SERVER['REMOTE_ADDR']; ?>/24 <?= $_SERVER['SERVER_NAME']; ?> 10.0-255.0-255.1-254" />
-      </div>
-
-      <div class="ui styled fluid accordion inverted field">
-        <div class="title"><i class="icon dropdown"></i>Spécification des cibles</div>
-        <div class="content">
-          <div class="inverted field">
-            <label for="excludeInput" title="--exclude">Exclure les hôtes ou réseaux</label>
-            <input id="excludeInput" type="text" name="--exclude" placeholder="Hôte/réseau" list="targetsList"
-              pattern="[a-zA-Z0-9._\/,\-]*">
-          </div>
-
-          <div class="inverted field">
-            <label for="iRInput" title="-iR">Nombre de cibles au hasard</label>
-            <input id="iRInput" type="number" min="0" name="-iR" placeholder="Nombre">
-          </div>
         </div>
 
-        <div class="title"><i class="icon dropdown"></i>Découverte des hôtes actifs</div>
-        <div class="content">
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox">
-              <input id="PnCheckbox" type="checkbox" name="-Pn" />
-              <label for="PnCheckbox" title="-Pn">Sauter cette étape (considérer tous les hôtes comme actifs)</label>
+        <div class="ui styled fluid accordion inverted field">
+          <div class="title"><i class="icon dropdown"></i>Spécification des cibles</div>
+          <div class="content">
+            <div class="inverted field">
+              <label for="excludeInput" title="--exclude">Exclure les hôtes ou réseaux</label>
+              <input id="excludeInput" type="text" name="--exclude" placeholder="Hôte/réseau" list="targetsList"
+                pattern="[a-zA-Z0-9._\/,\-]*">
+            </div>
+
+            <div class="inverted field">
+              <label for="iRInput" title="-iR">Nombre de cibles au hasard</label>
+              <input id="iRInput" type="number" min="0" name="-iR" placeholder="Nombre">
             </div>
           </div>
 
-          <div class="inverted field">
-            <label for="PSInput" title="-PS">TCP SYN</label>
-            <input id="PSInput" type="text" name="-PS" placeholder="Ports" list="servicesList"
-              pattern="([0-9\-]+|[a-z\-]+)(,[0-9\-]+|,[a-z\-]+)*"
-              title="Liste de ports ex: 22,23,25,80,200-1024,60000-">
-          </div>
+          <div class="title"><i class="icon dropdown"></i>Découverte des hôtes actifs</div>
+          <div class="content">
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox">
+                <input id="PnCheckbox" type="checkbox" name="-Pn" />
+                <label for="PnCheckbox" title="-Pn">Sauter cette étape (considérer tous les hôtes comme actifs)</label>
+              </div>
+            </div>
 
-          <div class="inverted field">
-            <label for="PAInput" title="-PA">TCP ACK</label>
-            <input id="PAInput" type="text" name="-PA" placeholder="Ports" list="servicesList"
-              pattern="([0-9\-]+|[a-z\-]+)(,[0-9\-]+|,[a-z\-]+)*"
-              title="Liste de ports ex: 22,23,25,80,200-1024,60000-">
-          </div>
+            <div class="inverted field">
+              <label for="PSInput" title="-PS">TCP SYN</label>
+              <input id="PSInput" type="text" name="-PS" placeholder="Ports" list="servicesList"
+                pattern="([0-9\-]+|[a-z\-]+)(,[0-9\-]+|,[a-z\-]+)*"
+                title="Liste de ports ex: 22,23,25,80,200-1024,60000-">
+            </div>
 
-          <div class="inverted field">
-            <label for="PUInput" title="-PU">UDP</label>
-            <input id="PUInput" type="text" name="-PU" placeholder="Ports" list="servicesList"
-              pattern="([0-9\-]+|[a-z\-]+)(,[0-9\-]+|,[a-z\-]+)*"
-              title="Liste de ports ex: 22,23,25,80,200-1024,60000-">
-          </div>
+            <div class="inverted field">
+              <label for="PAInput" title="-PA">TCP ACK</label>
+              <input id="PAInput" type="text" name="-PA" placeholder="Ports" list="servicesList"
+                pattern="([0-9\-]+|[a-z\-]+)(,[0-9\-]+|,[a-z\-]+)*"
+                title="Liste de ports ex: 22,23,25,80,200-1024,60000-">
+            </div>
+
+            <div class="inverted field">
+              <label for="PUInput" title="-PU">UDP</label>
+              <input id="PUInput" type="text" name="-PU" placeholder="Ports" list="servicesList"
+                pattern="([0-9\-]+|[a-z\-]+)(,[0-9\-]+|,[a-z\-]+)*"
+                title="Liste de ports ex: 22,23,25,80,200-1024,60000-">
+            </div>
+
+            <div class="inverted field">
+              <label>ICMP</label>
+              <div class="inline inverted fields">
+                <div class="inverted field">
+                  <div class="ui toggle inverted checkbox">
+                    <input id="PECheckbox" type="checkbox" name="-PE" />
+                    <label for="PECheckbox" title="-PE">Echo request</label>
+                  </div>
+                </div>
+                <div class="inverted field">
+                  <div class="ui toggle inverted checkbox">
+                    <input id="PPCheckbox" type="checkbox" name="-PP" />
+                    <label for="PPCheckbox" title="-PP">Timestamp request</label>
+                  </div>
+                </div>
+                <div class="inverted field">
+                  <div class="ui toggle inverted checkbox">
+                    <input id="PMCheckbox" type="checkbox" name="-PM" />
+                    <label for="PMCheckbox" title="-PM">Mask request</label>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="inverted field">
+              <label for="POInput" title="-PO">Protocole IP (par type)</label>
+              <input id="POInput" type="text" name="-PO" placeholder="Protocole" pattern="[0-9,\-]+"
+                title="[num de protocole]">
+            </div>
 
-          <div class="inverted field">
-            <label>ICMP</label>
             <div class="inline inverted fields">
               <div class="inverted field">
                 <div class="ui toggle inverted checkbox">
-                  <input id="PECheckbox" type="checkbox" name="-PE" />
-                  <label for="PECheckbox" title="-PE">Echo request</label>
+                  <input id="PRCheckbox" type="checkbox" name="-PR" />
+                  <label for="PRCheckbox" title="-PR">Ping ARP</label>
                 </div>
               </div>
               <div class="inverted field">
                 <div class="ui toggle inverted checkbox">
-                  <input id="PPCheckbox" type="checkbox" name="-PP" />
-                  <label for="PPCheckbox" title="-PP">Timestamp request</label>
-                </div>
-              </div>
-              <div class="inverted field">
-                <div class="ui toggle inverted checkbox">
-                  <input id="PMCheckbox" type="checkbox" name="-PM" />
-                  <label for="PMCheckbox" title="-PM">Mask request</label>
+                  <input id="sendIPCheckbox" type="checkbox" name="--send-ip" />
+                  <label for="sendIPCheckbox" title="--send-ip">Pas de scan ARP</label>
                 </div>
               </div>
             </div>
-          </div>
 
-          <div class="inverted field">
-            <label for="POInput" title="-PO">Protocole IP (par type)</label>
-            <input id="POInput" type="text" name="-PO" placeholder="Protocole" pattern="[0-9,\-]+"
-              title="[num de protocole]">
-          </div>
+            <div class="inline inverted fields">
+              <div class="inverted field">
+                <div class="ui toggle inverted checkbox">
+                  <input id="nCheckbox" type="checkbox" name="-n" />
+                  <label for="nCheckbox" title="-n">Ne jamais résoudre les noms DNS</label>
+                </div>
+              </div>
+              <div class="inverted field">
+                <div class="ui toggle inverted checkbox">
+                  <input id="RCheckbox" type="checkbox" name="-R" />
+                  <label for="nCheckbox" title="-R">Toujours résoudre les noms DNS<br />(par défault seuls les hôtes
+                    actifs sont résolus)</label>
+                </div>
+              </div>
+            </div>
 
-          <div class="inline inverted fields">
             <div class="inverted field">
-              <div class="ui toggle inverted checkbox">
-                <input id="PRCheckbox" type="checkbox" name="-PR" />
-                <label for="PRCheckbox" title="-PR">Ping ARP</label>
-              </div>
-            </div>
-            <div class="inverted field">
-              <div class="ui toggle inverted checkbox">
-                <input id="sendIPCheckbox" type="checkbox" name="--send-ip" />
-                <label for="sendIPCheckbox" title="--send-ip">Pas de scan ARP</label>
-              </div>
+              <label for="dnsServersInput" title="--dns-servers">Utiliser les serveurs DNS</label>
+              <input id="dnsServersInput" type="text" name="--dns-servers" placeholder="serveur"
+                pattern="[a-zA-Z0-9._,\-]*" title="serv1[,serv2],...">
             </div>
           </div>
 
-          <div class="inline inverted fields">
+          <div class="title"><i class="icon dropdown"></i>Techniques de scan de ports</div>
+          <div class="content">
             <div class="inverted field">
-              <div class="ui toggle inverted checkbox">
-                <input id="nCheckbox" type="checkbox" name="-n" />
-                <label for="nCheckbox" title="-n">Ne jamais résoudre les noms DNS</label>
+              <div class="inverted fields">
+                <div class="inverted field">
+                  <div class="ui toggle inverted checkbox">
+                    <input id="sSCheckbox" type="checkbox" name="-sS" />
+                    <label for="sSCheckbox" title="-sS">TCP SYN</label>
+                  </div>
+                </div>
+                <div class="inverted field">
+                  <div class="ui toggle inverted checkbox">
+                    <input id="sTCheckbox" type="checkbox" name="-sT" />
+                    <label for="sTCheckbox" title="-sT">TCP Connect()</label>
+                  </div>
+                </div>
+                <div class="inverted field">
+                  <div class="ui toggle inverted checkbox">
+                    <input id="sACheckbox" type="checkbox" name="-sA" />
+                    <label for="sACheckbox" title="-sA">TCP ACK</label>
+                  </div>
+                </div>
               </div>
-            </div>
-            <div class="inverted field">
-              <div class="ui toggle inverted checkbox">
-                <input id="RCheckbox" type="checkbox" name="-R" />
-                <label for="nCheckbox" title="-R">Toujours résoudre les noms DNS<br />(par défault seuls les hôtes
-                  actifs sont résolus)</label>
-              </div>
-            </div>
-          </div>
 
-          <div class="inverted field">
-            <label for="dnsServersInput" title="--dns-servers">Utiliser les serveurs DNS</label>
-            <input id="dnsServersInput" type="text" name="--dns-servers" placeholder="serveur"
-              pattern="[a-zA-Z0-9._,\-]*" title="serv1[,serv2],...">
-          </div>
-        </div>
+              <div class="inverted fields">
+                <div class="inverted field">
+                  <div class="ui toggle inverted checkbox">
+                    <input id="sWCheckbox" type="checkbox" name="-sW" />
+                    <label for="sWCheckbox" title="-sW">Fenêtre TCP</label>
+                  </div>
+                </div>
+                <div class="inverted field">
+                  <div class="ui toggle inverted checkbox">
+                    <input id="sMCheckbox" type="checkbox" name="-sM" />
+                    <label for="sMCheckbox" title="-sM">Maimon</label>
+                  </div>
+                </div>
+                <div class="inverted field">
+                  <div class="ui toggle inverted checkbox">
+                    <input id="sNCheckbox" type="checkbox" name="-sN" />
+                    <label for="sNCheckbox" title="-sN">TCP Null</label>
+                  </div>
+                </div>
+              </div>
 
-        <div class="title"><i class="icon dropdown"></i>Techniques de scan de ports</div>
-        <div class="content">
-          <div class="inverted field">
-            <div class="inverted fields">
-              <div class="inverted field">
-                <div class="ui toggle inverted checkbox">
-                  <input id="sSCheckbox" type="checkbox" name="-sS" />
-                  <label for="sSCheckbox" title="-sS">TCP SYN</label>
+              <div class="inverted fields">
+                <div class="inverted field">
+                  <div class="ui toggle inverted checkbox">
+                    <input id="sFCheckbox" type="checkbox" name="-sF" />
+                    <label for="sFCheckbox" title="-sF">TCP FIN</label>
+                  </div>
+                </div>
+                <div class="inverted field">
+                  <div class="ui toggle inverted checkbox">
+                    <input id="sXCheckbox" type="checkbox" name="-sX" />
+                    <label for="sXCheckbox" title="-sX">Sapin de Noël</label>
+                  </div>
+                </div>
+                <div class="inverted field">
+                  <div class="ui toggle inverted checkbox">
+                    <input id="sUCheckbox" type="checkbox" name="-sU" />
+                    <label for="sUCheckbox" title="-sU">UDP</label>
+                  </div>
                 </div>
               </div>
-              <div class="inverted field">
-                <div class="ui toggle inverted checkbox">
-                  <input id="sTCheckbox" type="checkbox" name="-sT" />
-                  <label for="sTCheckbox" title="-sT">TCP Connect()</label>
-                </div>
-              </div>
-              <div class="inverted field">
-                <div class="ui toggle inverted checkbox">
-                  <input id="sACheckbox" type="checkbox" name="-sA" />
-                  <label for="sACheckbox" title="-sA">TCP ACK</label>
-                </div>
-              </div>
-            </div>
 
-            <div class="inverted fields">
               <div class="inverted field">
-                <div class="ui toggle inverted checkbox">
-                  <input id="sWCheckbox" type="checkbox" name="-sW" />
-                  <label for="sWCheckbox" title="-sW">Fenêtre TCP</label>
-                </div>
+                <label for="scanflagsInput" title="--scanflags">Scan TCP personnalisé</label>
+                <input id="scanflagsInput" type="text" name="--scanflags" placeholder="Drapeaux TCP" list="flagsList"
+                  pattern="(URG|ACK|PSH|RST|SYN|FIN|,)+|[1-9]?[0-9]|[1-2][0-9][0-9]"
+                  title="Mélanger simplement les drapeaux URG, ACK, PSH, RST, SYN et FIN.">
               </div>
-              <div class="inverted field">
-                <div class="ui toggle inverted checkbox">
-                  <input id="sMCheckbox" type="checkbox" name="-sM" />
-                  <label for="sMCheckbox" title="-sM">Maimon</label>
-                </div>
-              </div>
-              <div class="inverted field">
-                <div class="ui toggle inverted checkbox">
-                  <input id="sNCheckbox" type="checkbox" name="-sN" />
-                  <label for="sNCheckbox" title="-sN">TCP Null</label>
-                </div>
-              </div>
-            </div>
 
-            <div class="inverted fields">
               <div class="inverted field">
-                <div class="ui toggle inverted checkbox">
-                  <input id="sFCheckbox" type="checkbox" name="-sF" />
-                  <label for="sFCheckbox" title="-sF">TCP FIN</label>
-                </div>
+                <label for="sIInput" title="-sI">Hôte zombie</label>
+                <input id="sIInput" type="text" name="-p" placeholder="zombie host[:probeport]"
+                  pattern="[a-zA-Z0-9._\-]+(:[0-9]+)?" title="zombie host[:probeport]">
               </div>
+
               <div class="inverted field">
-                <div class="ui toggle inverted checkbox">
-                  <input id="sXCheckbox" type="checkbox" name="-sX" />
-                  <label for="sXCheckbox" title="-sX">Sapin de Noël</label>
-                </div>
+                <label for="bInput" title="-b">Rebond FTP</label>
+                <input id="bInput" type="text" name="-p" placeholder="[<username>[:<password>]@]<server>[:<port>]"
+                  pattern="([a-zA-Z0-9._\-]+(:.+)?@)?[a-zA-Z0-9._\-]+(:[0-9]+)?"
+                  title="[<username>[:<password>]@]<server>[:<port>]">
               </div>
+
               <div class="inverted field">
                 <div class="ui toggle inverted checkbox">
                   <input id="sUCheckbox" type="checkbox" name="-sU" />
-                  <label for="sUCheckbox" title="-sU">UDP</label>
+                  <label for="sUCheckbox" title="-sO">Scan des protocoles supportés par la couche IP</label>
                 </div>
               </div>
             </div>
+          </div>
+
+          <div class="title"><i class="icon dropdown"></i>Spécifications des ports et ordre du scan</div>
+          <div class="content">
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox" title="-sP">
+                <input id="sPCheckbox" type="checkbox" name="-sP" />
+                <label for="sPCheckbox">Sauter cette étape</label>
+              </div>
+            </div>
+
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox" title="-F">
+                <input id="FCheckbox" type="checkbox" name="-F" onchange="pInput.disabled = FCheckbox.checked" />
+                <label for="FCheckbox">Scanner les ports connus</label>
+              </div>
+            </div>
 
             <div class="inverted field">
-              <label for="scanflagsInput" title="--scanflags">Scan TCP personnalisé</label>
-              <input id="scanflagsInput" type="text" name="--scanflags" placeholder="Drapeaux TCP" list="flagsList"
-                pattern="(URG|ACK|PSH|RST|SYN|FIN|,)+|[1-9]?[0-9]|[1-2][0-9][0-9]"
-                title="Mélanger simplement les drapeaux URG, ACK, PSH, RST, SYN et FIN.">
+              <label for="pInput" title="-p">Scanner les ports</label>
+              <input id="pInput" type="text" name="-p" placeholder="Ports" list="servicesList"
+                pattern="(([TU]:)?[0-9\-]+|[a-z\-]+)(,([TU]:)?[0-9\-]+|,[a-z\-]+)*"
+                title="Liste de ports ex: ssh,ftp,U:53,111,137,T:21-25,80,139,8080">
             </div>
 
-            <div class="inverted field">
-              <label for="sIInput" title="-sI">Hôte zombie</label>
-              <input id="sIInput" type="text" name="-p" placeholder="zombie host[:probeport]"
-                pattern="[a-zA-Z0-9._\-]+(:[0-9]+)?" title="zombie host[:probeport]">
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox" title="-r">
+                <input id="rCheckbox" type="checkbox" name="-r" />
+                <label for="rCheckbox">Ne pas mélanger les ports</label>
+              </div>
+            </div>
+          </div>
+
+          <div class="title"><i class="icon dropdown"></i>Détection de services et de versions</div>
+          <div class="content">
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox" title="-sV">
+                <input id="sVCheckbox" type="checkbox" name="-sV" />
+                <label for="sVCheckbox">Détection de version</label>
+              </div>
             </div>
 
-            <div class="inverted field">
-              <label for="bInput" title="-b">Rebond FTP</label>
-              <input id="bInput" type="text" name="-p" placeholder="[<username>[:<password>]@]<server>[:<port>]"
-                pattern="([a-zA-Z0-9._\-]+(:.+)?@)?[a-zA-Z0-9._\-]+(:[0-9]+)?"
-                title="[<username>[:<password>]@]<server>[:<port>]">
-            </div>
-
-            <div class="inverted field">
+            <div class="inline inverted field">
               <div class="ui toggle inverted checkbox">
-                <input id="sUCheckbox" type="checkbox" name="-sU" />
-                <label for="sUCheckbox" title="-sO">Scan des protocoles supportés par la couche IP</label>
+                <input id="allportsCheckbox" type="checkbox" name="--allports" />
+                <label for="allportsCheckbox" title="--allports">N'exclure aucun port de la détection de version</label>
               </div>
             </div>
-          </div>
-        </div>
 
-        <div class="title"><i class="icon dropdown"></i>Spécifications des ports et ordre du scan</div>
-        <div class="content">
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox" title="-sP">
-              <input id="sPCheckbox" type="checkbox" name="-sP" />
-              <label for="sPCheckbox">Sauter cette étape</label>
+            <div class="inverted field">
+              <label for="versionIntensityInput" title="--version-intensity">Intensité des tests de version</label>
+              <input type="number" min="0" max="9" id="versionIntensityInput" name="--version-intensity"
+                placeholder="0-9" title="2: léger, 9: tous, défaut: 7">
             </div>
-          </div>
 
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox" title="-F">
-              <input id="FCheckbox" type="checkbox" name="-F" onchange="pInput.disabled = FCheckbox.checked" />
-              <label for="FCheckbox">Scanner les ports connus</label>
-            </div>
-          </div>
-
-          <div class="inverted field">
-            <label for="pInput" title="-p">Scanner les ports</label>
-            <input id="pInput" type="text" name="-p" placeholder="Ports" list="servicesList"
-              pattern="(([TU]:)?[0-9\-]+|[a-z\-]+)(,([TU]:)?[0-9\-]+|,[a-z\-]+)*"
-              title="Liste de ports ex: ssh,ftp,U:53,111,137,T:21-25,80,139,8080">
-          </div>
-
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox" title="-r">
-              <input id="rCheckbox" type="checkbox" name="-r" />
-              <label for="rCheckbox">Ne pas mélanger les ports</label>
-            </div>
-          </div>
-        </div>
-
-        <div class="title"><i class="icon dropdown"></i>Détection de services et de versions</div>
-        <div class="content">
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox" title="-sV">
-              <input id="sVCheckbox" type="checkbox" name="-sV" />
-              <label for="sVCheckbox">Détection de version</label>
-            </div>
-          </div>
-
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox">
-              <input id="allportsCheckbox" type="checkbox" name="--allports" />
-              <label for="allportsCheckbox" title="--allports">N'exclure aucun port de la détection de version</label>
-            </div>
-          </div>
-
-          <div class="inverted field">
-            <label for="versionIntensityInput" title="--version-intensity">Intensité des tests de version</label>
-            <input type="number" min="0" max="9" id="versionIntensityInput" name="--version-intensity"
-              placeholder="0-9" title="2: léger, 9: tous, défaut: 7">
-          </div>
-
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox">
-              <input id="sRCheckbox" type="checkbox" name="-sR" />
-              <label for="sRCheckbox" title="-sR">Scan RPC</label>
-            </div>
-          </div>
-        </div>
-
-        <div class="title"><i class="icon dropdown"></i>Scripts</div>
-        <div class="content">
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox">
-              <input id="sCCheckbox" type="checkbox" name="-sC" />
-              <label for="sCCheckbox" title="-sC">Scripts par défaut</label>
-            </div>
-          </div>
-
-          <div class="inverted field">
-            <label for="scriptInput">Scripts</label>
-            <input id="scriptInput" type="text" name="--script" placeholder="Nom"
-              title="<catégories|répertoire|nom|all>" list="scripts" pattern="[a-z][a-z0-9\-\.\/]*">
-          </div>
-
-          <div class="inverted field">
-            <label for="scriptArgsInput" title="--script-args">Arguments des scripts</label>
-            <input id="scriptArgsInput" type="text" name="--script-args" placeholder="arg=valeur"
-              pattern='[a-zA-Z][a-zA-Z0-9\-_]*=[^"]+(,[a-zA-Z][a-zA-Z0-9\-_]*=[^"]+)?' title="<n1=v1,[n2=v2,...]>">
-          </div>
-
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox">
-              <input id="scriptTraceCheckbox" type="checkbox" name="--script-trace" />
-              <label for="scriptTraceCheckbox" title="--script-trace">Montrer toutes les données envoyées ou
-                recues</label>
-            </div>
-          </div>
-
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox">
-              <input id="scriptUpdateDBCheckbox" type="checkbox" name="--script-updatedb" />
-              <label for="scriptUpdateDBCheckbox" title="--script-updatedb">Mettre à jour la base de données des
-                scripts</label>
-            </div>
-          </div>
-        </div>
-
-        <div class="title"><i class="icon dropdown"></i>Détection du système d'exploitation</div>
-        <div class="content">
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox">
-              <input id="OCheckbox" type="checkbox" name="-O" />
-              <label for="OCheckbox" title="-O">Détecter le système d'exploitation</label>
-            </div>
-          </div>
-
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox">
-              <input id="osscanLimitCheckbox" type="checkbox" name="--osscan-limit" />
-              <label for="osscanLimitCheckbox" title="--osscan-limit">Seulement les cibles prometteuses</label>
-            </div>
-          </div>
-
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox">
-              <input id="osscanGuessCheckbox" type="checkbox" name="--osscan-guess" />
-              <label for="osscanGuessCheckbox" title="--osscan-guess">Essayer de deviner</label>
-            </div>
-          </div>
-
-          <div class="inverted field">
-            <label for="maxOSTriesInput" title="--max-os-tries">Nombre d'essais maximum</label>
-            <input type="number" min="0" id="maxOSTriesInput" name="--max-os-tries" placeholder="Nombre">
-          </div>
-        </div>
-
-        <div class="title"><i class="icon dropdown"></i>Temporisation et performances</div>
-        <div class="content">
-          <div class="inverted field">
-            <label for="TSelect" title="--T">Intensité des tests de version</label>
-            <select id="TSelect" class="ui clearable dropdown" name="-T">
-              <option>Paranoïaque</option>
-              <option>Sournois</option>
-              <option>Poli</option>
-              <option>Normal</option>
-              <option>Aggressif</option>
-              <option>Dément</option>
-            </select>
-          </div>
-
-          <div class="inverted field">
-            <label>Tailles des groupes d'hôtes à scanner en parallèle</label>
-            <div class="two inverted fields">
-              <div class="inverted field">
-                <label for="minHostgroupInput" title="--min-hostgroup">Minimum</label>
-                <input id="minHostgroupInput" type="number" min="0" placeholder="Nombre"
-                  oninput="maxHostgroupInput.min = minHostgroupInput.value">
-              </div>
-              <div class="inverted field">
-                <label for="maxHostgroupInput" title="--max-hostgroup">Maximum</label>
-                <input id="maxHostgroupInput" type="number" min="0" placeholder="Nombre"
-                  oninput="minHostgroupInput.max = maxHostgroupInput.value">
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox">
+                <input id="sRCheckbox" type="checkbox" name="-sR" />
+                <label for="sRCheckbox" title="-sR">Scan RPC</label>
               </div>
             </div>
           </div>
 
-          <div class="inverted field">
-            <label>Parallélisation des paquets de tests</label>
-            <div class="two inverted fields">
-              <div class="inverted field">
-                <label for="minParallelismInput" title="--min-parallelism">Minimum</label>
-                <input id="minParallelismInput" type="number" min="0" placeholder="Nombre"
-                  oninput="maxParallelismInput.min = minParallelismInput.value">
+          <div class="title"><i class="icon dropdown"></i>Scripts</div>
+          <div class="content">
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox">
+                <input id="sCCheckbox" type="checkbox" name="-sC" />
+                <label for="sCCheckbox" title="-sC">Scripts par défaut</label>
               </div>
-              <div class="inverted field">
-                <label for="maxParallelismInput" title="--max-parallelism">Maximum</label>
-                <input id="maxParallelismInput" type="number" min="0" placeholder="Nombre"
-                  oninput="minParallelismInput.max = maxParallelismInput.value">
+            </div>
+
+            <div class="inverted field">
+              <label for="scriptInput">Scripts</label>
+              <input id="scriptInput" type="text" name="--script" placeholder="Nom"
+                title="<catégories|répertoire|nom|all>" list="scripts" pattern="[a-z][a-z0-9\-\.\/]*">
+            </div>
+
+            <div class="inverted field">
+              <label for="scriptArgsInput" title="--script-args">Arguments des scripts</label>
+              <input id="scriptArgsInput" type="text" name="--script-args" placeholder="arg=valeur"
+                pattern='[a-zA-Z][a-zA-Z0-9\-_]*=[^"]+(,[a-zA-Z][a-zA-Z0-9\-_]*=[^"]+)?' title="<n1=v1,[n2=v2,...]>">
+            </div>
+
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox">
+                <input id="scriptTraceCheckbox" type="checkbox" name="--script-trace" />
+                <label for="scriptTraceCheckbox" title="--script-trace">Montrer toutes les données envoyées ou
+                  recues</label>
+              </div>
+            </div>
+
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox">
+                <input id="scriptUpdateDBCheckbox" type="checkbox" name="--script-updatedb" />
+                <label for="scriptUpdateDBCheckbox" title="--script-updatedb">Mettre à jour la base de données des
+                  scripts</label>
               </div>
             </div>
           </div>
 
-          <div class="inverted field">
-            <label>Temps d'aller-retour des paquets de tests</label>
-            <div class="three inverted fields">
-              <div class="inverted field">
-                <label for="initialRTTNumber" title="--initial-rtt-timeout">Initial</label>
-                <div class="ui right labeled input">
-                  <input type="number" min="0" id="initialRTTNumber" placeholder="Durée"
-                    oninput="initialRTTHidden.value = initialRTTNumber.value? initialRTTNumber.value+initialRTTUnit.value: ''; maxRTTHidden.initial=initialRTTHidden.value">
-                  <select id="initialRTTUnit" class="ui clearable dropdown label"
-                    oninput="initialRTTHidden.value = initialRTTNumber.value? initialRTTNumber.value+initialRTTUnit.value: ''">
-                    <option value="">ms</option>
-                    <option value="s">secondes</option>
-                    <option value="m">minutes</option>
-                    <option value="h">heures</option>
-                  </select>
-                </div>
-                <input id="initialRTTHidden" type="hidden" name="--initial-rtt-timeout">
+          <div class="title"><i class="icon dropdown"></i>Détection du système d'exploitation</div>
+          <div class="content">
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox">
+                <input id="OCheckbox" type="checkbox" name="-O" />
+                <label for="OCheckbox" title="-O">Détecter le système d'exploitation</label>
               </div>
-              <div class="inverted field">
-                <label for="minRTTNumber" title="--min-rtt-timeout">Minimum</label>
-                <div class="ui right labeled input">
-                  <input type="number" min="0" id="minRTTNumber" placeholder="Durée"
-                    oninput="minRTTHidden.value = minRTTNumber.value? minRTTNumber.value+minRTTUnit.value: ''; maxRTTHidden.min=minRTTHidden.value">
-                  <select id="minRTTUnit" class="ui clearable dropdown label"
-                    oninput="minRTTHidden.value = minRTTNumber.value? minRTTNumber.value+minRTTUnit.value: ''">
-                    <option value="">ms</option>
-                    <option value="s"
-                      secondes
-                      </option>
-                    <option value="m"
-                      minutes
-                      </option>
-                    <option value="h"
-                      heures
-                      </option>
-                  </select>
-                </div>
-                <input id="minRTTHidden" type="hidden" name="--min-rtt-timeout">
+            </div>
+
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox">
+                <input id="osscanLimitCheckbox" type="checkbox" name="--osscan-limit" />
+                <label for="osscanLimitCheckbox" title="--osscan-limit">Seulement les cibles prometteuses</label>
               </div>
-              <div class="inverted field">
-                <label for="maxRTTNumber" title="--max-rtt-timeout">Maximum</label>
-                <div class="ui right labeled input">
-                  <input type="number" min="0" id="maxRTTNumber" placeholder="Durée"
-                    oninput="maxRTTHidden.value = maxRTTNumber.value? maxRTTNumber.value+maxRTTUnit.value: ''; minRTTHidden.max=maxRTTHidden.value">
-                  <select id="maxRTTUnit" class="ui clearable dropdown label"
-                    oninput="maxRTTHidden.value = maxRTTNumber.value? maxRTTNumber.value+maxRTTUnit.value: ''">
-                    <option value="">ms</option>
-                    <option value="s"
-                      secondes
-                      </option>
-                    <option value="m"
-                      minutes
-                      </option>
-                    <option value="h"
-                      heures
-                      </option>
-                  </select>
-                </div>
-                <input id="maxRTTHidden" type="hidden" name="--max-rtt-timeout">
+            </div>
+
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox">
+                <input id="osscanGuessCheckbox" type="checkbox" name="--osscan-guess" />
+                <label for="osscanGuessCheckbox" title="--osscan-guess">Essayer de deviner</label>
               </div>
             </div>
+
+            <div class="inverted field">
+              <label for="maxOSTriesInput" title="--max-os-tries">Nombre d'essais maximum</label>
+              <input type="number" min="0" id="maxOSTriesInput" name="--max-os-tries" placeholder="Nombre">
+            </div>
           </div>
 
-          <div class="inverted field">
-            <label for="maxRetriesInput" title="--max-retries">Nombre de retransmissions des paquets de tests des
-              scans de ports</label>
-            <input type="number" min="0" id="maxRetriesInput" name="--max-retries" placeholder="Nombre">
-          </div>
-
-          <div class="inverted field">
-            <label for="hostTimoutInput" title="--host-timeout">Délai d'expiration du scan d'un hôte trop lent</label>
-            <div class="ui right labeled input">
-              <input type="number" min="0" id="hostTimoutNumber" placeholder="Durée"
-                oninput="hostTimoutHidden.value = hostTimoutNumber.value? hostTimoutNumber.value+hostTimoutUnit.value: ''">
-              <select id="hostTimoutUnit" class="ui clearable dropdown label"
-                oninput="hostTimoutHidden.value = hostTimoutNumber.value? hostTimoutNumber.value+hostTimoutUnit.value: ''">
-                <option value="">ms</option>
-                <option value="s" secondes
-                  </option>
-                <option value="m" minutes
-                  </option>
-                <option value="h" heures
-                  </option>
+          <div class="title"><i class="icon dropdown"></i>Temporisation et performances</div>
+          <div class="content">
+            <div class="inverted field">
+              <label for="TSelect" title="--T">Intensité des tests de version</label>
+              <select id="TSelect" class="ui clearable dropdown" name="-T">
+                <option>Paranoïaque</option>
+                <option>Sournois</option>
+                <option>Poli</option>
+                <option>Normal</option>
+                <option>Aggressif</option>
+                <option>Dément</option>
               </select>
             </div>
-            <input id="hostTimoutHidden" type="hidden" name="--host-timeout">
+
+            <div class="inverted field">
+              <label>Tailles des groupes d'hôtes à scanner en parallèle</label>
+              <div class="two inverted fields">
+                <div class="inverted field">
+                  <label for="minHostgroupInput" title="--min-hostgroup">Minimum</label>
+                  <input id="minHostgroupInput" type="number" min="0" placeholder="Nombre"
+                    oninput="maxHostgroupInput.min = minHostgroupInput.value">
+                </div>
+                <div class="inverted field">
+                  <label for="maxHostgroupInput" title="--max-hostgroup">Maximum</label>
+                  <input id="maxHostgroupInput" type="number" min="0" placeholder="Nombre"
+                    oninput="minHostgroupInput.max = maxHostgroupInput.value">
+                </div>
+              </div>
+            </div>
+
+            <div class="inverted field">
+              <label>Parallélisation des paquets de tests</label>
+              <div class="two inverted fields">
+                <div class="inverted field">
+                  <label for="minParallelismInput" title="--min-parallelism">Minimum</label>
+                  <input id="minParallelismInput" type="number" min="0" placeholder="Nombre"
+                    oninput="maxParallelismInput.min = minParallelismInput.value">
+                </div>
+                <div class="inverted field">
+                  <label for="maxParallelismInput" title="--max-parallelism">Maximum</label>
+                  <input id="maxParallelismInput" type="number" min="0" placeholder="Nombre"
+                    oninput="minParallelismInput.max = maxParallelismInput.value">
+                </div>
+              </div>
+            </div>
+
+            <div class="inverted field">
+              <label>Temps d'aller-retour des paquets de tests</label>
+              <div class="three inverted fields">
+                <div class="inverted field">
+                  <label for="initialRTTNumber" title="--initial-rtt-timeout">Initial</label>
+                  <div class="ui right labeled input">
+                    <input type="number" min="0" id="initialRTTNumber" placeholder="Durée"
+                      oninput="initialRTTHidden.value = initialRTTNumber.value? initialRTTNumber.value+initialRTTUnit.value: ''; maxRTTHidden.initial=initialRTTHidden.value">
+                    <select id="initialRTTUnit" class="ui clearable dropdown label"
+                      oninput="initialRTTHidden.value = initialRTTNumber.value? initialRTTNumber.value+initialRTTUnit.value: ''">
+                      <option value="">ms</option>
+                      <option value="s">secondes</option>
+                      <option value="m">minutes</option>
+                      <option value="h">heures</option>
+                    </select>
+                  </div>
+                  <input id="initialRTTHidden" type="hidden" name="--initial-rtt-timeout">
+                </div>
+                <div class="inverted field">
+                  <label for="minRTTNumber" title="--min-rtt-timeout">Minimum</label>
+                  <div class="ui right labeled input">
+                    <input type="number" min="0" id="minRTTNumber" placeholder="Durée"
+                      oninput="minRTTHidden.value = minRTTNumber.value? minRTTNumber.value+minRTTUnit.value: ''; maxRTTHidden.min=minRTTHidden.value">
+                    <select id="minRTTUnit" class="ui clearable dropdown label"
+                      oninput="minRTTHidden.value = minRTTNumber.value? minRTTNumber.value+minRTTUnit.value: ''">
+                      <option value="">ms</option>
+                      <option value="s" secondes </option>
+                      <option value="m" minutes </option>
+                      <option value="h" heures </option>
+                    </select>
+                  </div>
+                  <input id="minRTTHidden" type="hidden" name="--min-rtt-timeout">
+                </div>
+                <div class="inverted field">
+                  <label for="maxRTTNumber" title="--max-rtt-timeout">Maximum</label>
+                  <div class="ui right labeled input">
+                    <input type="number" min="0" id="maxRTTNumber" placeholder="Durée"
+                      oninput="maxRTTHidden.value = maxRTTNumber.value? maxRTTNumber.value+maxRTTUnit.value: ''; minRTTHidden.max=maxRTTHidden.value">
+                    <select id="maxRTTUnit" class="ui clearable dropdown label"
+                      oninput="maxRTTHidden.value = maxRTTNumber.value? maxRTTNumber.value+maxRTTUnit.value: ''">
+                      <option value="">ms</option>
+                      <option value="s" secondes </option>
+                      <option value="m" minutes </option>
+                      <option value="h" heures </option>
+                    </select>
+                  </div>
+                  <input id="maxRTTHidden" type="hidden" name="--max-rtt-timeout">
+                </div>
+              </div>
+            </div>
+
+            <div class="inverted field">
+              <label for="maxRetriesInput" title="--max-retries">Nombre de retransmissions des paquets de tests des
+                scans de ports</label>
+              <input type="number" min="0" id="maxRetriesInput" name="--max-retries" placeholder="Nombre">
+            </div>
+
+            <div class="inverted field">
+              <label for="hostTimoutInput" title="--host-timeout">Délai d'expiration du scan d'un hôte trop lent</label>
+              <div class="ui right labeled input">
+                <input type="number" min="0" id="hostTimoutNumber" placeholder="Durée"
+                  oninput="hostTimoutHidden.value = hostTimoutNumber.value? hostTimoutNumber.value+hostTimoutUnit.value: ''">
+                <select id="hostTimoutUnit" class="ui clearable dropdown label"
+                  oninput="hostTimoutHidden.value = hostTimoutNumber.value? hostTimoutNumber.value+hostTimoutUnit.value: ''">
+                  <option value="">ms</option>
+                  <option value="s" secondes </option>
+                  <option value="m" minutes </option>
+                  <option value="h" heures </option>
+                </select>
+              </div>
+              <input id="hostTimoutHidden" type="hidden" name="--host-timeout">
+            </div>
+
+            <div class="two inverted fields">
+              <div class="inverted field">
+                <label for="scanDelayNumber" title="--scan-delay">Délai entre les paquets de tests</label>
+                <div class="ui right labeled input">
+                  <input type="number" min="0" id="scanDelayNumber" placeholder="Durée"
+                    oninput="scanDelayHidden.value = scanDelayNumber.value? scanDelayNumber.value+scanDelayUnit.value: ''">
+                  <select id="scanDelayUnit" class="ui clearable dropdown label"
+                    oninput="scanDelayHidden.value = scanDelayNumber.value? scanDelayNumber.value+scanDelayUnit.value: ''">
+                    <option value="">ms</option>
+                    <option value="s" secondes </option>
+                    <option value="m" minutes </option>
+                    <option value="h" heures </option>
+                  </select>
+                </div>
+                <input id="scanDelayHidden" type="hidden" name="--scan-delay">
+              </div>
+              <div class="inverted field">
+                <label for="maxScanDelay" title="--max-scan-delay">Maximum</label>
+                <div class="ui right labeled input">
+                  <input type="number" min="0" id="maxScanDelay" placeholder="Durée"
+                    oninput="maxRTTHidden.value = maxScanDelay.value? maxScanDelay.value+maxRTTUnit.value: ''">
+                  <select id="maxRTTUnit" class="ui clearable dropdown label"
+                    oninput="maxRTTHidden.value = maxScanDelay.value? maxScanDelay.value+maxRTTUnit.value: ''">
+                    <option value="">ms</option>
+                    <option value="s" secondes </option>
+                    <option value="m" minutes </option>
+                    <option value="h" heures </option>
+                  </select>
+                </div>
+                <input id="maxRTTHidden" type="hidden" name="--max-scan-delay">
+              </div>
+            </div>
+            <div class="inline inverted field">
+              <div class="ui toggle inverted checkbox">
+                <input id="defeatRSTRateLimitCheckbox" type="checkbox" name="--defeat-rst-ratelimit" />
+                <label for="defeatRSTRateLimitCheckbox" title="--defeat-rst-ratelimit">Ignorer les limitations de
+                  paquets RST</label>
+              </div>
+            </div>
           </div>
 
-          <div class="two inverted fields">
+          <div class="title"><i class="icon dropdown"></i>Évitement de pare-feux/IDS et mystification</div>
+          <div class="content">
             <div class="inverted field">
-              <label for="scanDelayNumber" title="--scan-delay">Délai entre les paquets de tests</label>
-              <div class="ui right labeled input">
-                <input type="number" min="0" id="scanDelayNumber" placeholder="Durée"
-                  oninput="scanDelayHidden.value = scanDelayNumber.value? scanDelayNumber.value+scanDelayUnit.value: ''">
-                <select id="scanDelayUnit" class="ui clearable dropdown label"
-                  oninput="scanDelayHidden.value = scanDelayNumber.value? scanDelayNumber.value+scanDelayUnit.value: ''">
-                  <option value="">ms</option>
-                  <option value="s" secondes
-                    </option>
-                  <option value="m" minutes
-                    </option>
-                  <option value="h" heures
-                    </option>
-                </select>
+              <div class="ui toggle inverted checkbox">
+                <input type="checkbox" id="f" name="-f">
+                <label for="f" title="-f">Fragmentation des paquets</label>
               </div>
-              <input id="scanDelayHidden" type="hidden" name="--scan-delay">
             </div>
+
+            <div class="two inverted fields">
+              <div class="inverted field">
+                <label for="mtu" title="--mtu">Taille des paquets</label>
+                <input type="number" id="mtu" name="--mtu" min="0">
+              </div>
+
+              <div class="inverted field">
+                <label for="d" title="-d">Délai entre les paquets</label>
+                <input type="number" id="d" name="-d" min="0">
+              </div>
+            </div>
+
             <div class="inverted field">
-              <label for="maxScanDelay" title="--max-scan-delay">Maximum</label>
-              <div class="ui right labeled input">
-                <input type="number" min="0" id="maxScanDelay" placeholder="Durée"
-                  oninput="maxRTTHidden.value = maxScanDelay.value? maxScanDelay.value+maxRTTUnit.value: ''">
-                <select id="maxRTTUnit" class="ui clearable dropdown label"
-                  oninput="maxRTTHidden.value = maxScanDelay.value? maxScanDelay.value+maxRTTUnit.value: ''">
-                  <option value="">ms</option>
-                  <option value="s"
-                    secondes
-                    </option>
-                  <option value="m"
-                    minutes
-                    </option>
-                  <option value="h" heures
-                    </option>
-                </select>
-              </div>
-              <input id="maxRTTHidden" type="hidden" name="--max-scan-delay">
+              <label for="g" title="-g">Port source</label>
+              <input type="number" id="g" name="-g" min="0" max="65535">
             </div>
-          </div>
-          <div class="inline inverted field">
-            <div class="ui toggle inverted checkbox">
-              <input id="defeatRSTRateLimitCheckbox" type="checkbox" name="--defeat-rst-ratelimit" />
-              <label for="defeatRSTRateLimitCheckbox" title="--defeat-rst-ratelimit">Ignorer les limitations de
-                paquets RST</label>
+
+            <div class="inverted field">
+              <label for="data-length" title="--data-length">Longueur des données</label>
+              <input type="number" id="data-length" name="--data-length" min="0">
+            </div>
+
+            <div class="inverted field">
+              <label for="D" title="-D">Leurre</label>
+              <input type="text" id="D" name="-D">
+            </div>
+
+            <div class="inverted field">
+              <label for="S" title="-S">Usurpation d'adresse IP</label>
+              <input type="text" id="S" name="-S">
+            </div>
+
+            <div class="inverted field">
+              <label for="ttl" title="--ttl">Valeur TTL</label>
+              <input type="number" id="ttl" name="--ttl" min="0" max="255">
+            </div>
+
+            <div class="inverted field">
+              <label for="scan-delay" title="--scan-delay">Délai entre les scans</label>
+              <input type="number" id="scan-delay" name="--scan-delay" min="0">
+            </div>
+
+            <div class="inverted field">
+              <div class="ui checkbox">
+                <input type="checkbox" id="badsum" name="--badsum">
+                <label for="badsum" title="--badsum">Checksum incorrect</label>
+              </div>
             </div>
           </div>
         </div>
 
-        <div class="title"><i class="icon dropdown"></i>Évitement de pare-feux/IDS et mystification</div>
-        <div class="content">
-          <div class="inverted field">
-            <div class="ui toggle inverted checkbox">
-              <input type="checkbox" id="f" name="-f">
-              <label for="f" title="-f">Fragmentation des paquets</label>
-            </div>
-          </div>
+        <button type="submit" class="ui teal submit button">Démarrer</button>
+      </form>
+    </main>
 
-          <div class="two inverted fields">
-            <div class="inverted field">
-              <label for="mtu" title="--mtu">Taille des paquets</label>
-              <input type="number" id="mtu" name="--mtu" min="0">
-            </div>
-
-            <div class="inverted field">
-              <label for="d" title="-d">Délai entre les paquets</label>
-              <input type="number" id="d" name="-d" min="0">
-            </div>
-          </div>
-
-          <div class="inverted field">
-            <label for="g" title="-g">Port source</label>
-            <input type="number" id="g" name="-g" min="0" max="65535">
-          </div>
-
-          <div class="inverted field">
-            <label for="data-length" title="--data-length">Longueur des données</label>
-            <input type="number" id="data-length" name="--data-length" min="0">
-          </div>
-
-          <div class="inverted field">
-            <label for="D" title="-D">Leurre</label>
-            <input type="text" id="D" name="-D">
-          </div>
-
-          <div class="inverted field">
-            <label for="S" title="-S">Usurpation d'adresse IP</label>
-            <input type="text" id="S" name="-S">
-          </div>
-
-          <div class="inverted field">
-            <label for="ttl" title="--ttl">Valeur TTL</label>
-            <input type="number" id="ttl" name="--ttl" min="0" max="255">
-          </div>
-
-          <div class="inverted field">
-            <label for="scan-delay" title="--scan-delay">Délai entre les scans</label>
-            <input type="number" id="scan-delay" name="--scan-delay" min="0">
-          </div>
-
-          <div class="inverted field">
-            <div class="ui checkbox">
-              <input type="checkbox" id="badsum" name="--badsum">
-              <label for="badsum" title="--badsum">Checksum incorrect</label>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <button type="submit" class="ui teal submit button">Démarrer</button>
-    </form>
-  </main>
-
-  <datalist id='targetsList'>
-    <option value="<?= $_SERVER['REMOTE_ADDR']; ?>/24"></option>
-    <option value="<?= $_SERVER['SERVER_NAME']; ?>"></option>
-    <?php
-    if (file_exists($SCANSDIR)) {
-      foreach (scandir($SCANSDIR) as $filename) {
-        if (substr($filename, -4) === '.xml') {
-          $name = substr($filename, 0, -4);
-          $name = str_replace("!", "/", $name);
-          echo "              <option value='$name'>$name</option>\n";
-        }
-      }
-    }
-    ?>
-  </datalist>
-
-  <datalist id='servicesList'>
-    <?php
-    $services = [];
-    foreach ([$DATADIR, $NMAPDIR] as $dir) {
-      echo "<!-- nmap_services -->\n";
-      if (file_exists("$dir/nmap-services")) {
-        $nmap_services = file("$dir/nmap-services");
-        foreach ($nmap_services as $service) {
-          if (0 !== strpos($service, '#')) {
-            [$name, $port] = explode("\t", $service);
-            $services[$name] = explode("/", $port);
+    <datalist id='targetsList'>
+      <option value="<?= $_SERVER['REMOTE_ADDR']; ?>/24"></option>
+      <option value="<?= $_SERVER['SERVER_NAME']; ?>"></option>
+      <?php
+      if (file_exists($SCANSDIR)) {
+        foreach (scandir($SCANSDIR) as $filename) {
+          if (substr($filename, -4) === '.xml') {
+            $name = substr($filename, 0, -4);
+            $name = str_replace("!", "/", $name);
+            echo "              <option value='$name'>$name</option>\n";
           }
         }
       }
-    }
-    foreach ($services as $name => [$portid, $protocol]) {
-      echo "    <option value='$name'></option>\n";
-    }
-    ?>
-  </datalist>
+      ?>
+    </datalist>
 
-  <datalist id="flagsList">
-    <option value="URG"></option>
-    <option value="ACK"></option>
-    <option value="PSH"></option>
-    <option value="RST"></option>
-    <option value="SYN"></option>
-    <option value="FIN"></option>
-  </datalist>
-
-  <datalist id="scripts">
-    <!-- categories -->
-    <option value="auth"></option>
-    <option value="broadcast"></option>
-    <option value="brute"></option>
-    <option value="default"></option>
-    <option value="ddiscovery"></option>
-    <option value="dos"></option>
-    <option value="exploit"></option>
-    <option value="external"></option>
-    <option value="fuzzer"></option>
-    <option value="intrusive"></option>
-    <option value="malware"></option>
-    <option value="safe"></option>
-    <option value="version"></option>
-    <option value="vuln"></option>
-    <!-- names -->
-    <?php
-    foreach ([$DATADIR, $NMAPDIR] as $dir) {
-      foreach (scandir("$dir/scripts") as $filename) {
-        if (substr($filename, -4) === '.nse') {
-          $name = substr($filename, 0, -4);
-          echo "    <option value='$name'></option>\n";
+    <datalist id='servicesList'>
+      <?php
+      $services = [];
+      foreach ([$DATADIR, $NMAPDIR] as $dir) {
+        echo "<!-- nmap_services -->\n";
+        if (file_exists("$dir/nmap-services")) {
+          $nmap_services = file("$dir/nmap-services");
+          foreach ($nmap_services as $service) {
+            if (0 !== strpos($service, '#')) {
+              [$name, $port] = explode("\t", $service);
+              $services[$name] = explode("/", $port);
+            }
+          }
         }
       }
-    }
-    ?>
-  </datalist>
-
-  <script>
-    class TagsInput extends Tagify {
-      constructor(input, options = {}, delim = ",") {
-        if (!options.delimiters) options.delimiters = " |,"
-        if (!options.originalInputValueFormat) options.originalInputValueFormat = tags => tags.map(tag => tag.value).join(delim)
-        if (input.list) options.whitelist = Array.from(input.list.options).map(option => option.value)
-        super(input, options)
+      foreach ($services as $name => [$portid, $protocol]) {
+        echo "    <option value='$name'></option>\n";
       }
-    }
+      ?>
+    </datalist>
 
-    $(".ui.accordion").accordion()
+    <datalist id="flagsList">
+      <option value="URG"></option>
+      <option value="ACK"></option>
+      <option value="PSH"></option>
+      <option value="RST"></option>
+      <option value="SYN"></option>
+      <option value="FIN"></option>
+    </datalist>
 
-    $(".ui.clearable.dropdown").dropdown({
-      clearable: true
-    })
-    $(".ui:not(.clearable).dropdown").dropdown({
-      clearable: false
-    })
-
-    new TagsInput(targetsInput, {}, " ")
-    new TagsInput(excludeInput)
-    new TagsInput(PSInput)
-    new TagsInput(PAInput)
-    new TagsInput(PUInput)
-    new TagsInput(POInput)
-    var pTagsInput = new TagsInput(pInput)
-    FCheckbox.onchange = () => {
-      pInput.disabled = FCheckbox.checked
-      pTagsInput.setDisabled(FCheckbox.checked)
-    }
-    new TagsInput(dnsServersInput)
-    new TagsInput(scanflagsInput)
-    new TagsInput(scriptInput, {
-      enforceWhitelist: true
-    })
-    new TagsInput(scriptArgsInput, {
-      delimiters: ','
-    })
-
-    newScanForm.onsubmit = function(event) {
-      if (this.checkValidity()) {
-        newScanForm.classList.add("loading")
-        $.toast({
-          title: 'Scan en cours...',
-          message: 'Merci de patienter',
-          class: 'info',
-          showIcon: 'satellite dish',
-          displayTime: 0,
-          closeIcon: true,
-          position: 'bottom right',
-        })
-        return true
-      } else {
-        event.preventDefault()
-        this.reportValidity()
+    <datalist id="scripts">
+      <!-- categories -->
+      <option value="auth"></option>
+      <option value="broadcast"></option>
+      <option value="brute"></option>
+      <option value="default"></option>
+      <option value="ddiscovery"></option>
+      <option value="dos"></option>
+      <option value="exploit"></option>
+      <option value="external"></option>
+      <option value="fuzzer"></option>
+      <option value="intrusive"></option>
+      <option value="malware"></option>
+      <option value="safe"></option>
+      <option value="version"></option>
+      <option value="vuln"></option>
+      <!-- names -->
+      <?php
+      foreach ([$DATADIR, $NMAPDIR] as $dir) {
+        foreach (scandir("$dir/scripts") as $filename) {
+          if (substr($filename, -4) === '.nse') {
+            $name = substr($filename, 0, -4);
+            echo "    <option value='$name'></option>\n";
+          }
+        }
       }
-    }
-  </script>
-</body>
+      ?>
+    </datalist>
+
+    <script>
+      toggleThemeButton.onclick = function(event) {
+        if (document.body.classList.contains('inverted')) {
+          $(".inverted").addClass("light").removeClass("inverted")
+          $("#toggleThemeButton i").addClass("moon").removeClass("sun")
+        } else {
+          $(".light").addClass("inverted").removeClass("light")
+          $("#toggleThemeButton i").addClass("sun").removeClass("moon")
+        }
+      }
+
+      $(".ui.accordion").accordion()
+
+      $(".ui.clearable.dropdown").dropdown({
+        clearable: true
+      })
+      $(".ui:not(.clearable).dropdown").dropdown({
+        clearable: false
+      })
+
+      new TagsInput(targetsInput, {}, " ")
+      new TagsInput(excludeInput)
+      new TagsInput(PSInput)
+      new TagsInput(PAInput)
+      new TagsInput(PUInput)
+      new TagsInput(POInput)
+      var pTagsInput = new TagsInput(pInput)
+      FCheckbox.onchange = () => {
+        pInput.disabled = FCheckbox.checked
+        pTagsInput.setDisabled(FCheckbox.checked)
+      }
+      new TagsInput(dnsServersInput)
+      new TagsInput(scanflagsInput)
+      new TagsInput(scriptInput, {
+        enforceWhitelist: true
+      })
+      new TagsInput(scriptArgsInput, {
+        delimiters: ','
+      })
+
+      newScanForm.onsubmit = function (event) {
+        if (this.checkValidity()) {
+          newScanForm.classList.add("loading")
+          $.toast({
+            title: 'Scan en cours...',
+            message: 'Merci de patienter',
+            class: 'info',
+            showIcon: 'satellite dish',
+            displayTime: 0,
+            closeIcon: true,
+            position: 'bottom right',
+          })
+          return true
+        } else {
+          event.preventDefault()
+          this.reportValidity()
+        }
+      }
+    </script>
+  </body>
 
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 3208e0d..e77fdfc 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,4 @@
-body {
+body.inverted {
   background-color: #1b1c1d;
 }
 
diff --git a/stylesheets/hostScan.xsl b/stylesheets/hostScan.xsl
index cad6a80..bcd7f14 100644
--- a/stylesheets/hostScan.xsl
+++ b/stylesheets/hostScan.xsl
@@ -11,18 +11,14 @@
   <xsl:output indent="yes" />
   <xsl:strip-space elements='*' />
 
-  <xsl:variable name="stylesheetURL"
-    select="substring-before(substring-after(processing-instruction('xml-stylesheet'),'href=&quot;'), '?')" />
+  <xsl:variable name="stylesheetURL" select="substring-before(substring-after(processing-instruction('xml-stylesheet'),'href=&quot;'), '?')" />
   <xsl:variable name="base" select="concat($stylesheetURL, '/../../')" />
-  <xsl:variable name="name"
-    select="substring-before(substring-after(processing-instruction('xml-stylesheet'),'name='), '&quot;')" />
+  <xsl:variable name="name" select="substring-before(substring-after(processing-instruction('xml-stylesheet'),'name='), '&quot;')" />
 
   <xsl:template match="nmaprun">
     <xsl:variable name="targets" select="substring-after(@args, '-oX - ')" />
-    <xsl:variable
-      name="current" select="." />
-    <xsl:variable name="init"
-      select="document(concat($base, 'scans/', $name, '.xml'))/nmaprun" />
+    <xsl:variable name="current" select="." />
+    <xsl:variable name="init" select="document(concat($base, 'scans/', $name, '.xml'))/nmaprun" />
 
     <html lang="fr">
       <xsl:apply-templates select="." mode="head">
@@ -31,14 +27,13 @@
         <xsl:with-param name="targets" select="$targets" />
       </xsl:apply-templates>
 
-      <body>
+      <body class="inverted">
         <xsl:apply-templates select="." mode="nav">
           <xsl:with-param name="name" select="$name" />
         </xsl:apply-templates>
 
         <main class="ui main container inverted segment">
-          <xsl:apply-templates
-            select="$current/host | $init/host[not(address/@addr=$current/host/address/@addr)][not(status/@state='down')]">
+          <xsl:apply-templates select="$current/host | $init/host[not(address/@addr=$current/host/address/@addr)][not(status/@state='down')]">
             <xsl:with-param name="init" select="$init" />
             <xsl:with-param name="current" select="$current" />
           </xsl:apply-templates>
@@ -60,12 +55,9 @@ $('.ui.dropdown').dropdown()
   <xsl:template match="host">
     <xsl:param name="init" />
     <xsl:param name="current" />
-    <xsl:variable name="addr"
-      select="address/@addr" />
-    <xsl:variable name="initHost"
-      select="$init/host[address/@addr=$addr]" />
-    <xsl:variable name="currentHost"
-      select="$current/host[address/@addr=$addr]" />
+    <xsl:variable name="addr" select="address/@addr" />
+    <xsl:variable name="initHost" select="$init/host[address/@addr=$addr]" />
+    <xsl:variable name="currentHost" select="$current/host[address/@addr=$addr]" />
     <xsl:variable name="hostAddress">
       <xsl:choose>
         <xsl:when test="hostnames/hostname/@name">
@@ -77,12 +69,11 @@ $('.ui.dropdown').dropdown()
       </xsl:choose>
     </xsl:variable>
 
-    <h1
-      class="ui header">
+    <h1 class="ui header">
       <div>
         <xsl:attribute name="class">
           <xsl:text>ui horizontal label </xsl:text>
-        <xsl:choose>
+          <xsl:choose>
             <xsl:when test="$currentHost/status/@state='up'">green</xsl:when>
             <xsl:otherwise>red</xsl:otherwise>
           </xsl:choose>
@@ -99,8 +90,7 @@ $('.ui.dropdown').dropdown()
       </xsl:choose>
     </h1>
 
-    <table
-      class="ui inverted table" style="width: max-content">
+    <table class="ui inverted table" style="width: max-content">
       <thead>
         <tr>
           <xsl:if test="address[@addrtype='ipv4']/@addr">
@@ -160,8 +150,7 @@ $('.ui.dropdown').dropdown()
       </tbody>
     </table>
 
-    <xsl:if
-      test="hostscript/script">
+    <xsl:if test="hostscript/script">
       <div class="ui inverted tree accordion">
         <div class="title">
           <i class="dropdown icon"></i> Informations supplémentaires </div>
@@ -171,32 +160,26 @@ $('.ui.dropdown').dropdown()
       </div>
     </xsl:if>
 
-    <h2
-      class="ui header">Services</h2>
+    <h2 class="ui header">Services</h2>
 
     <div class="ui cards">
-      <xsl:apply-templates
-        select="$currentHost/ports/port | $initHost/ports/port[not(@portid=$currentHost/ports/port/@portid)][not(state/@state='closed')]">
+      <xsl:apply-templates select="$currentHost/ports/port | $initHost/ports/port[not(@portid=$currentHost/ports/port/@portid)][not(state/@state='closed')]">
         <xsl:with-param name="initHost" select="$initHost" />
         <xsl:with-param name="currentHost" select="$currentHost" />
         <xsl:with-param name="hostAddress" select="$hostAddress" />
       </xsl:apply-templates>
     </div>
 
-    <xsl:apply-templates
-      select="trace" />
+    <xsl:apply-templates select="trace" />
   </xsl:template>
 
   <xsl:template match="port">
     <xsl:param name="hostAddress" />
     <xsl:param name="initHost" />
     <xsl:param name="currentHost" />
-    <xsl:variable
-      name="portid" select="@portid" />
-    <xsl:variable name="initPort"
-      select="$initHost/ports/port[@portid=$portid]" />
-    <xsl:variable name="currentPort"
-      select="$currentHost/ports/port[@portid=$portid]" />
+    <xsl:variable name="portid" select="@portid" />
+    <xsl:variable name="initPort" select="$initHost/ports/port[@portid=$portid]" />
+    <xsl:variable name="currentPort" select="$currentHost/ports/port[@portid=$portid]" />
     <xsl:variable name="color">
       <xsl:choose>
         <xsl:when test="$currentPort/script[@id='http-info']/elem[@key='status']>=500">red</xsl:when>
@@ -208,8 +191,7 @@ $('.ui.dropdown').dropdown()
       </xsl:choose>
     </xsl:variable>
 
-    <div
-      class="ui inverted card {$color}">
+    <div class="ui inverted card {$color}">
       <div class="content">
         <div class="header">
           <div class="ui {$color} ribbon label">
@@ -257,8 +239,7 @@ $('.ui.dropdown').dropdown()
           </div>
         </div>
       </div>
-      <xsl:if
-        test="service/@name='ftp' or service/@name='ssh' or service/@name='http' or service/@name='https' or service/@name='ms-wbt-server'">
+      <xsl:if test="service/@name='ftp' or service/@name='ssh' or service/@name='http' or service/@name='https' or service/@name='ms-wbt-server'">
         <a class="ui {$color} button" target="_blank">
           <xsl:attribute name="href">
             <xsl:choose>
@@ -266,8 +247,7 @@ $('.ui.dropdown').dropdown()
                 <xsl:text>rdp.php?v=</xsl:text>
                 <xsl:value-of select="$hostAddress" />
                 <xsl:text>&amp;p=</xsl:text>
-                <xsl:value-of
-                  select="@portid" />
+                <xsl:value-of select="@portid" />
               </xsl:when>
               <xsl:otherwise>
                 <xsl:choose>
@@ -279,8 +259,7 @@ $('.ui.dropdown').dropdown()
                   </xsl:otherwise>
                 </xsl:choose>
                 <xsl:text>://</xsl:text>
-                <xsl:value-of
-                  select="$hostAddress" />
+                <xsl:value-of select="$hostAddress" />
                 <xsl:text>:</xsl:text>
                 <xsl:value-of select="@portid" />
               </xsl:otherwise>
@@ -295,13 +274,11 @@ $('.ui.dropdown').dropdown()
           <xsl:attribute name="style">
             <xsl:for-each select="$currentPort/script[@id='smb-shares-size']/table">
               <xsl:sort select="elem[@key='FreeSize'] div elem[@key='TotalSize']" order="ascending" />
-              <xsl:if
-                test="position()=1">
+              <xsl:if test="position()=1">
                 <xsl:text>--free: </xsl:text>
                 <xsl:value-of select="elem[@key='FreeSize']" />
                 <xsl:text>; --total: </xsl:text>
-                <xsl:value-of
-                  select="elem[@key='TotalSize']" />
+                <xsl:value-of select="elem[@key='TotalSize']" />
               </xsl:if>
             </xsl:for-each>
           </xsl:attribute>
@@ -335,8 +312,7 @@ $('.ui.dropdown').dropdown()
                 </tbody>
               </table>
             </xsl:if>
-            <xsl:apply-templates
-              select="table" />
+            <xsl:apply-templates select="table" />
           </xsl:when>
           <xsl:otherwise>
             <xsl:value-of select="@output" />
@@ -389,9 +365,7 @@ $('.ui.dropdown').dropdown()
 
   <xsl:template match="table">
     <xsl:param name="hostAddress" />
-    <a class="item share-size"
-      href="file://///{$hostAddress}/{@key}" target="_blank" rel="noopener noreferrer"
-      style="--free: {elem[@key='FreeSize']}; --total: {elem[@key='TotalSize']}">
+    <a class="item share-size" href="file://///{$hostAddress}/{@key}" target="_blank" rel="noopener noreferrer" style="--free: {elem[@key='FreeSize']}; --total: {elem[@key='TotalSize']}">
       <xsl:value-of select="@key" />
     </a>
   </xsl:template>
diff --git a/stylesheets/lanScan.xsl b/stylesheets/lanScan.xsl
index 88a4ca6..7fadd5b 100644
--- a/stylesheets/lanScan.xsl
+++ b/stylesheets/lanScan.xsl
@@ -26,12 +26,12 @@
         <xsl:with-param name="targets" select="$targets" />
       </xsl:apply-templates>
 
-      <body>
+      <body class="inverted">
         <xsl:apply-templates select="." mode="nav">
           <xsl:with-param name="name" select="$name" />
         </xsl:apply-templates>
 
-        <main class="ui main container inverted segment">
+        <main class="ui main container inverted vertical segment">
           <h1 class="ui header">
             <xsl:choose>
               <xsl:when test="$name">
diff --git a/stylesheets/lib/nav.xsl b/stylesheets/lib/nav.xsl
index 48934ff..0781075 100644
--- a/stylesheets/lib/nav.xsl
+++ b/stylesheets/lib/nav.xsl
@@ -55,25 +55,39 @@
       </svg>
     can</a>
     <div class="right menu">
-      <form class="ui right aligned category search item" id="scanForm" action="scan.php" method="get">
-        <div class="ui inverted icon input" id="targetsInputDiv">
-          <input name="lan" class="prompt" type="text" placeholder="Scanner un réseau" pattern="[a-zA-Z0-9._\/ \-]+" title="Les cibles peuvent être spécifiées par des noms d'hôtes, des adresses IP, des adresses de réseaux, etc.
+      <div class="ui right aligned category search item">
+        <form id="scanForm" action="scan.php" method="get">
+          <div class="ui inverted icon input" id="targetsInputDiv">
+            <input name="lan" class="prompt" type="text" placeholder="Scanner un réseau" pattern="[a-zA-Z0-9._\/ \-]+" title="Les cibles peuvent être spécifiées par des noms d'hôtes, des adresses IP, des adresses de réseaux, etc.
 Exemples: 192.168.1.0/24 scanme.nmap.org 10.0-255.0-255.1-254" />
-          <i class="satellite dish icon"></i>
-        </div>
-        <a class="button item" href="options.php" title="Options avancées">
+            <i class="satellite dish icon"></i>
+          </div>
+        </form>
+        <a class="ui icon button item" href="options.php" title="Options avancées">
           <i class="settings icon"></i>
         </a>
         <xsl:if test="$name">
-          <a class="button item" id="refreshLink" href="rescan.php?name={$name}" title="Actualiser">
+          <a class="ui icon button item" id="refreshLink" href="rescan.php?name={$name}" title="Actualiser">
             <i class='sync icon'></i>
           </a>
         </xsl:if>
-      </form>
+        <button id="toggleThemeButton" type="button" class="ui icon link item" title="Thème clair/sombre">
+          <i class="sun icon"></i>
+        </button>
+      </div>
     </div>
   </nav>
 
   <script>
+toggleThemeButton.onclick = function(event) {
+  if (document.body.classList.contains('inverted')) {
+    $(".inverted").addClass("light").removeClass("inverted")
+    $("#toggleThemeButton i").addClass("moon").removeClass("sun")
+  } else {
+    $(".light").addClass("inverted").removeClass("light")
+    $("#toggleThemeButton i").addClass("sun").removeClass("moon")
+  }
+}
 scanForm.onsubmit = function(event) {
   if (scanForm.checkValidity()) {
     targetsInputDiv.classList.add('loading')
@@ -88,7 +102,7 @@ scanForm.onsubmit = function(event) {
     })
   }
 }
-<xsl:if test="$name">
+    <xsl:if test="$name">
 refreshLink.onclick = function(event) {
     refreshLink.getElementsByTagName('i')[0].className = 'loading spinner icon'
     $.toast({
@@ -101,7 +115,7 @@ refreshLink.onclick = function(event) {
         position   : 'bottom right',
     })
 }
-</xsl:if>
+    </xsl:if>
   </script>
 </xsl:template>
 </xsl:stylesheet>
\ No newline at end of file
