diff --git a/public/css/dnsmanager.css b/public/css/dnsmanager.css
new file mode 100644
index 0000000..19d1c57
--- /dev/null
+++ b/public/css/dnsmanager.css
@@ -0,0 +1,12 @@
+.input-menu-mobile {
+    width: 200px;
+    margin: 0 0 10px 10px;
+}
+
+.sidebar-group {
+    width: 100%;
+}
+
+.sidebar-group > a > button {
+    margin-bottom: 10px !important;
+}
diff --git a/views/header.tt b/views/header.tt
index 881a455..bbee627 100644
--- a/views/header.tt
+++ b/views/header.tt
@@ -1,17 +1,46 @@
 
 <!-- Fixed navbar -->
-<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-    <div class="container">
-        <div class="navbar-header">
-            <a class="navbar-brand" href="/">NetLib.re</a>
-            <p class="navbar-brand">
-            Un nom de domaine gratuit, administrable facilement.
-            </p>
-        </div>
+<nav class="navbar navbar-inverse  navbar-fixed-top">
+  <div class="container-fluid">
+    <!-- Brand and toggle get grouped for better mobile display -->
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mobile-menu" aria-expanded="false">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" href="/">NetLib.re</a>
+      <span class="navbar-brand hidden-xs">Un nom de domaine gratuit, administrable facilement.</span>
     </div>
-</div>
-<br />
-<br />
-<br />
-<br />
 
+    <!-- Collect the nav links, forms, and other content for toggling -->
+    <div class="collapse navbar-collapse" id="mobile-menu">
+      <ul class="nav navbar-nav navbar-right visible-xs">
+        <% IF login.defined %>
+            <li><a href="/user/home">Ma page</a></li>
+            <% IF admin == 1 %>
+                <li><a href="/admin">Administration</a></li>
+            <% END %>
+            <li><a href="/user/logout">Déconnexion</a></li>
+
+        <% ELSE %>
+        <form class="navbar-form"  role="form" action="/user/login" method="post" accept-charset="utf-8">
+            <div class="form-group">
+                <input type="text" name="login" class="form-control input-menu-mobile" id="login" placeholder="Votre identifiant" />
+                <input type="password" name="password" class="form-control input-menu-mobile" id="password" placeholder="Mot de passe" />
+            </div>
+            <button type="submit" class="btn btn-default input-menu-mobile">Connexion &rarr;</button>
+        </form>
+        <% END %>
+
+      </ul>
+    </div><!-- /.navbar-collapse -->
+  </div><!-- /.container-fluid -->
+</nav>
+
+
+<br />
+<br />
+<br />
+<br />
diff --git a/views/home.tt b/views/home.tt
index b6c0abb..064e5fd 100644
--- a/views/home.tt
+++ b/views/home.tt
@@ -6,7 +6,7 @@
 
 
     <div class="row">
-        <div class="col-sm-5">
+        <div class="col-md-12">
             <% IF domains && domains.size %>
             <h3>Vos domaines</h3>
             <table class="table">
@@ -35,20 +35,21 @@
             <p class="text-danger">Pas encore de nom de domaine ?</p>
             <p>Réservez-en un ! \o/</p>
             <% END %>
+        </div>
+    </div>
 
+    <div class="row">
+        <div class="col-md-12">
             <h3>Nouveau domaine</h3>
             <hr />
             <form class="form-inline" role="form" action='/domain/add/' method="post">
-                <div class="input-group">
                     <div class="form-group">
-                <% IF domainName.defined %>
-                <input  size="15" class="form-control" type='text' name='domain' value="<% domainName %>" />
-                <% ELSE %>
-                <input  size="15" class="form-control" type='text' name='domain' placeholder='domaine' />
-                <% END %>
-                    </div>
+                        <% IF domainName.defined %>
+                        <input  size="15" class="form-control" type='text' name='domain' value="<% domainName %>" />
+                        <% ELSE %>
+                        <input  size="15" class="form-control" type='text' name='domain' placeholder='domaine' />
+                        <% END %>
 
-                    <div class="form-group">
                         <select name='tld' class='form-control' >
                             <% FOREACH dom in provideddomains %>
                             <option><% dom %></option>
@@ -57,22 +58,31 @@
                     </div>
                     <input type='submit' name='submit' value="Créer mon domaine!"
                                                        class='btn btn-primary' />
-                </div>
             </form>
+        </div>
+    </div>
 
-            <br/>
+    <br/>
 
+    <!-- Mot de passe -->
+    <div class="row">
+        <div class="col-md-12">
             <h3>Nouveau mot de passe</h3>
             <hr />
-            <form class="form" action='/user/changepasswd' method="post" >
-                <input type='password' name='password'/>
+            <form class="form-inline" action='/user/changepasswd' method="post" >
+                <div class="form-group">
+                <input class="form-control" type='password' name='password'/>
                 <input type='submit' name='submit' value="Changer mon mot de passe"
                                                    class='btn btn-primary' />
+                </div>
             </form>
-
         </div>
+    </div>
 
-        <div class="col-sm-5 col-sm-offset-1">
+    <br/>
+
+    <div class="row">
+        <div class="col-md-5 col-xs-12">
             <h3>Rappels sur l'administration d'un domaine</h3>
             <ul>
                 <li>
@@ -87,7 +97,9 @@
                     </ul>
                 </li>
             </ul>
+        </div>
 
+        <div class="col-md-5 col-sm-offset-1 col-xs-12">
             <h3>Les mises à jour automatiques</h3>
             <p>Si vous souhaitez une mise à jour de l'adresse IP indiquée dans votre zone, aucun problème !
             <a href='https://git.karchnu.fr/Karchnu/dnsmanager/raw/0c0cedddb0aea0cfe2fb546b01e5862b4d613fe5/cli/daemon/daemon.pl' >Téléchargez l'application</a> (clic droit, enregistrer sous), modifiez le fichier pour y mettre vos informations puis appelez ce programme régulièrement.
diff --git a/views/layouts/main.tt b/views/layouts/main.tt
index 7d8b0de..83ea7ae 100644
--- a/views/layouts/main.tt
+++ b/views/layouts/main.tt
@@ -10,6 +10,7 @@
 
 <link rel="stylesheet" href="/css/bootstrap-theme.min.css">
 <link rel="stylesheet" href="/css/bootstrap.min.css">
+<link rel="stylesheet" href="/css/dnsmanager.css">
 <script src="/js/bootstrap.min.js"></script>
 <script src="/js/npm.js"></script>
 
@@ -17,16 +18,19 @@
 
     <body>
 
-        <% content %>
+        <div class="container">
+            <% content %>
 
-        <div class="row">
-            <div class="col-sm-8 col-sm-offset-3">
-                <div class="well" id="footer">
-                    Fièrement aidé par <a href="http://perldancer.org/">Dancer</a> <% dancer_version %> ♥<br/>
-                    Le code est disponible <a href="https://github.com/KaneRoot/dnsmanager">ici</a> ! \o/
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="well" id="footer">
+                        Fièrement aidé par <a href="http://perldancer.org/">Dancer</a> <% dancer_version %> ♥<br/>
+                        Le code est disponible <a href="https://github.com/KaneRoot/dnsmanager">ici</a> ! \o/
+                    </div>
                 </div>
             </div>
-        </div>
+        </div> <!-- Fin du container footer -->
+
     </body>
 
 </html>
diff --git a/views/sidebar.tt b/views/sidebar.tt
index fe55026..417b197 100644
--- a/views/sidebar.tt
+++ b/views/sidebar.tt
@@ -1,121 +1,103 @@
 <div class="row">
-<div class="col-sm-2 col-sm-offset-1">
+	<div class="col-md-3 col-sm-4 hidden-xs">
 
-    <div class="panel panel-primary">
-        <div class="panel-heading">
-            <h3 class="panel-title">Navigation</h3>
-        </div>
+		<div class="panel panel-primary">
+			<div class="panel-heading">
+				<h3 class="panel-title">Navigation</h3>
+			</div>
 
-        <div class="panel-body">
-            <% IF login.defined %>
+			<div class="panel-body">
+				<% IF login.defined %>
 
-            Salut <% login %> !
-            <hr />
+					Salut
+					<% login %> !
+						<hr />
 
-            <div class="btn-group-vertical" role="group">
-                <a href="/user/logout">
-                    <button type="button"
-                            class="btn btn-default btn-lg list-group-item">
-                        Déconnexion
-                    </button>
-                </a>
-                <a href='/user/home'>
-                    <button type="button"
-                            class="btn btn-default btn-lg list-group-item">
-                        Ma page
-                    </button>
-                </a>
+						<div class="btn-group-vertical sidebar-group" role="group">
+							<a href="/user/logout">
+								<button type="button" class="btn btn-default btn-lg list-group-item">Déconnexion</button>
+							</a>
+							<a href='/user/home'>
+								<button type="button" class="btn btn-default btn-lg list-group-item">Ma page</button>
+							</a>
 
-                <% IF admin == 1 %>
-                <a href='/admin'>
-                    <button type="button"
-                            class="btn btn-default btn-lg list-group-item">
-                        Administration
-                    </button>
-                </a>
-                <% END %>
+							<% IF admin == 1 %>
+								<a href='/admin'>
+									<button type="button" class="btn btn-default btn-lg list-group-item">Administration</button>
+								</a>
+							<% END %>
 
-                <% IF domain.defined %>
-                <!-- Button trigger modal -->
-                <button type="button"
-                        class="btn btn-danger btn-lg"
-                        data-toggle="modal"
-                        data-target="#suppressionZoneModal">
-                    Supprimer
-                </button>
+							<% IF domain.defined %>
+								<!-- Button trigger modal -->
+								<button type="button" class="btn btn-danger btn-lg" data-toggle="modal" data-target="#suppressionZoneModal">Supprimer</button>
 
-                <!-- Modal -->
-                <div class="modal fade" id="suppressionZoneModal"
-                                        tabindex="-1"
-                                        role="dialog"
-                                        aria-labelledby="myModalLabel">
-                    <div class="modal-dialog" role="document">
-                        <div class="modal-content">
-                            <div class="modal-header">
+								<!-- Modal -->
+								<div class="modal fade" id="suppressionZoneModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+									<div class="modal-dialog" role="document">
+										<div class="modal-content">
+											<div class="modal-header">
 
-                                <button type="button" class="close"
-                                                      data-dismiss="modal"
-                                                      aria-label="Close">
-                                    <span aria-hidden="true">&times;</span>
-                                </button>
+												<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                                    <span aria-hidden="true">&times;</span>
+                                                </button>
 
-                                <h4 class="modal-title"
-                                    id="suppressionZoneModalLabel">
-                                    Voulez-vous vraiment supprimer la zone ?
-                                </h4>
-                            </div>
+												<h4 class="modal-title" id="suppressionZoneModalLabel">
+                                                    Voulez-vous vraiment supprimer la zone ?
+                                                </h4>
+											</div>
 
-                            <div class="modal-body">
-                                Supprimer sa zone est irréversible.
-                            </div>
+											<div class="modal-body">
+												Supprimer sa zone est irréversible.
+											</div>
 
-                            <div class="modal-footer">
-                                <button type="button" class="btn btn-default"
-                                                      data-dismiss="modal">
-                                    Non j'aime ma zone !
-                                </button>
-                                <a href="/domain/del/<% domain %>">
-                                    <button type="button"
-                                            class="btn btn-danger">
-                                        Supprimer la zone
-                                    </button>
-                                </a>
-                            </div>
+											<div class="modal-footer">
+												<button type="button" class="btn btn-default" data-dismiss="modal">
+                                                    Non j'aime ma zone !
+                                                </button>
+                                                <a href="/domain/del/<% domain %>">
+												    <button type="button" class="btn btn-danger">
+                                                    Supprimer la zone
+                                                    </button>
+												</a>
+											</div>
 
-                        </div>
-                    </div>
-                </div>
+										</div>
+									</div>
+								</div>
 
-                <% END %>
-            </div>
+							<% END %>
+						</div>
 
-            <% IF domains.defined && domains.size > 0 %>
-            <hr />
-            <p>Mes domaines</p>
-            <% FOREACH domain IN domains %>
-            <a href="/domain/details/<% domain.domain %>"><% domain.domain %></a><br />
-            <% END %>
-            <% END %>
+						<% IF domains.defined && domains.size > 0 %>
+							<hr />
+							<p>Mes domaines</p>
+							<% FOREACH domain IN domains %>
+								<a href="/domain/details/<% domain.domain %>">
+									<% domain.domain %>
+								</a><br />
+							<% END %>
+						<% END %>
 
-            <% ELSE %>
-            <form class="form" role="form" action="/user/login" method="post" accept-charset="utf-8">
-                <div class="form-group">
-                    <fieldset>
-                        <legend>Se connecter :</legend>
-                        <label for="login">Votre identifiant : </label>
-                        <input type="text" name="login" class="form-control" id="login" placeholder="Votre identifiant" />
+						<% ELSE %>
+							<form class="form" role="form" action="/user/login" method="post" accept-charset="utf-8">
+								<div class="form-group">
+									<fieldset>
+										<legend>Se connecter :</legend>
+										<label for="login">Votre identifiant : </label>
+										<input type="text" name="login" class="form-control" id="login" placeholder="Votre identifiant" />
 
-                        <label for="password">Votre mot de passe : </label>
-                        <input type="password" name="password" class="form-control" id="password" placeholder="Mot de passe" />
+										<label for="password">Votre mot de passe : </label>
+										<input type="password" name="password" class="form-control" id="password" placeholder="Mot de passe" />
 
-                        <br />
-                        <button type="submit" class="btn btn-default">Connexion &rarr;</button>
-                    </fieldset>
-                </div>
-            </form>
+										<br />
+										<button type="submit" class="btn btn-default">Connexion &rarr;</button>
+									</fieldset>
+								</div>
+							</form>
 
-            <% END %>
-        </div>
-    </div>
-</div><!-- /.col-sm-2 -->
-<div class="col-sm-8">
+						<% END %>
+			</div>
+		</div>
+	</div>
+	<!-- /.col-sm-2 -->
+	<div class="col-sm-8">