diff --git a/index.php b/index.php
index cdb8da0..83b9714 100644
--- a/index.php
+++ b/index.php
@@ -33,7 +33,7 @@
 					</ul>
 					<ul class="nav navbar-nav navbar-right">
 						<li><?php echo '<img src="http://gravatar.com/avatar/'.$hash.'?s=50" alt="gravatar" />';	?> <strong>HEUZEF</strong></li>
-						<li><a href="#"><i class="glyphicon glyphicon-log-out"></i>&nbsp;&nbsp;DECONNEXION</a></li>
+						<li><a data-toggle="modal" data-target="#modal_login"><i class="glyphicon glyphicon-log-in"></i>&nbsp;&nbsp;CONNEXION</a></li>
 					</ul>
 				</div>
 			</div>
@@ -201,6 +201,30 @@
 		<div class="col-lg-1"></div>
 	</div>
 
+	<div class="modal fade" id="modal_login">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<a type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color:black;">X</a>
+					<h4 class="modal-title"><i class="glyphicon glyphicon-log-in"></i>&nbsp;&nbsp;CONNEXION</h4>
+				</div>
+				<div class="modal-body">
+					<div class="form-group">
+						<label class="control-label" for="focusedInput">Identifiant :</label>
+						<input class="form-control" id="focusedInput" type="text">
+					</div>
+					<div class="form-group">
+						<label class="control-label" for="focusedInput">Mot de passe :</label>
+						<input class="form-control" id="focusedInput" type="password">
+					</div>
+				</div>
+				<div class="modal-footer">
+					<button type="button" class="btn btn-info">Connexion</button>
+				</div>
+			</div>
+		</div>
+	</div>
+
 	<script src="./js/jquery-1.10.2.min.js"></script>
 	<script src="./js/bootstrap.min.js"></script>
 	<script src="./js/bootswatch.js"></script>
diff --git a/session.php b/session.php
new file mode 100644
index 0000000..e69de29