modifications minimes

footer.php

@@ -19,17 +19,25 @@
                     <br>
                     <div class="col-sm-3">
                         <ul class="list-unstyled">
-                            <h4>Connection et autres</h4>
+                            <h4>Connexion et autres</h4>
                             <div class="divider"></div>
+                            <?php if ($_SESSION['authent']==0){echo "
 								<li>
-                                <a href="sinscrire.php" class="">S'inscrire</a>
+									<a href=\"sinscrire.php\">S'inscrire</a>
 								</li>
 								<li>
-                                <a href="" class="">Se connecter</a>
-                            </li>
+									<a href=\"#\" data-toggle=\"modal\" data-target=\"#connexion\">Se connecter</a>
+								</li>";}
+							if ($_SESSION["authent"]==1){
+								echo "
 								<li>
-                                <a href="moncompte.php" class="">Mon compte</a>
+									<a href=\"tab.php\">Tableau de bord</a>
 								</li>
+								<li>
+									<a href=\"deconnexion.php\">Déconnexion</a>
+								</li>";
+							}
+							?>
                         </ul>
                     </div>
                     <br>

javascript-bottom.php

@@ -20,18 +20,6 @@ if($(document).scrollTop()>0){
 });
 </script>
 
-<script>
-	// Get the modal
-	var modal = document.getElementById('id01');
-
-	// When the user clicks anywhere outside of the modal, close it
-	window.onclick = function(event) {
-		if (event.target == modal) {
-			modal.style.display = "none";
-		}
-	}
-</script>
-
 <script>
     new WOW().init();
 </script>

ressources/css/global.css

@@ -458,65 +458,8 @@ h5.yt-videos-title {
 
 * {box-sizing: border-box}
 
-/* style the container */
-.container_connexion {
-  position: relative;
-  border-radius: 5px;
-  background-color: #f2f2f2;
-  padding: 20px 0 30px 0;
-}
-
-
-
-/* Two-column layout */
-.col_connexion {
-  float: left; 
-  width: 90%;
-  margin: auto;
-  padding: 0 50px;
-  margin-top: 6px;
-}
-
-.col1 {
-  float: left;
-  width: 50%;
-  margin: auto;
-  padding: 0 50px;
-  margin-top: 6px;
-}
-
-/* Clear floats after the columns */
-.row:after {
-  content: "";
-  display: table;
-  clear: both;
-}
 
 
-
-/* text inside the vertical line */
-.inner {
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  background-color: #f1f1f1;
-  border: 1px solid #ccc;
-  border-radius: 50%;
-  padding: 8px 10px;
-}
-
-/* hide some text on medium and large screens */
-.hide-md-lg {
-  display: none;
-}
-
-/* bottom container */
-.bottom-container {
-  text-align: center;
-  background-color: #666;
-  border-radius: 0px 0px 4px 4px;
-}
-
 /* Responsive layout - when the screen is less than 650px wide, make the two columns stack on top of each other instead of next to each other */