Actualiser css/style.css

travail en colab avec alexis et nicolas sur un partage

css/style.css

@@ -1,89 +1,86 @@
 /*Pour toutes les pages : */
-
-body{background-color: #ffffff}
-
-header {font-size: 23px;
-	background-image: url(ouiouibaguette.jpg);
-    padding: 10px 0;
-    text-align: center;
+html, body {
+    height: 100%;
+    margin: 0;
 }
 
-h1.Hello {font-size: 50px;
-	text-align: center;
-	color: white;}
-
-header nav {margin-left: auto;
-	margin-right: auto;
-    width: 90%;
+body {
     display: flex;
-    align-items: center;
-    justify-content: space-between;}
+    flex-direction: column;
+    min-height: 100%;
+}
 
-header nav a {color : black;
-    text-decoration: none;}
+#content.index {
+    flex: 1;
+}
+
+footer {
+    font-size: 15px; /* Taille de police réduite */
+    color: #ffffff;
+    text-align: center;
+    background-color: #000000e2;
+    padding: 5px 0; /* Padding réduit pour moins d'espace vertical */
+    margin-top: auto; /* Assure que le footer pousse vers le bas */
+}
+
+footer .licence {
+    margin: 0; /* Réduit les marges internes */
+    padding: 0; /* Réduit les padding internes */
+}
+
+footer .licence p {
+    margin: 5px 0; /* Réduit les marges des paragraphes */
+}
+
+footer .licence img {
+    width: 30px; /* Taille réduite de l'image */
+    vertical-align: middle; /* Aligne verticalement l'image avec le texte */
+}
+
+footer .licence a {
+    display: inline-block;
+    margin: 0 5px; /* Marges réduites autour des liens */
+	color: #ffffff;
+}
 
 
-p.html{font-size: 30px;
-	margin-left: 2%;}
+	header {font-size: 23px;
+		background-image: url(../img/ouiouibaguette.jpg);
+		padding: 10px;
+		text-align: center;
+	}
+
+	a.categorie{
+		border-radius: 30px;
+		background-color: #FFFF;
+		padding: 6px;}
+
+	header nav {margin-left: auto;
+		margin-right: auto;
+		width: 90%;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+	
+	header nav a {color : black;
+		text-decoration: none;
+	}
 
 
-/*Pour la page index*/
+	
 
-h1{text-align: center;
-	font-size: 100px;
-	font-family:monospace; }
+/* index.php */
 
-h2.nsi{text-align: center;
-	font-family: cursive;
-	font-size: 170%;
-	margin-top: -1%}
+	h1.Hello {font-size: 50px;
+		text-align: center;
+		color: white;
+	}
 
-p.presentation{font-size: 165%;
-	margin-top: 85px;
-	margin-left: 11%;
-	margin-right: 11%;
-	text-align: justify;}
-
-p.coco{
+	p.coco{
 		font-size: 125%;
 		margin-top: 75px;
 		margin-right: 30%;
 		margin-left: 5%;
-		line-height: 130%;
-		}
-
-div.licence{text-align: center;
-	font-size: 26px;}
-
-
-/*Pour la page cours :*/
-
-h1.cours{font-size: 60px;}
-
-div.presentation{font-size: 20px;}
-
-div.presentation a {color : #50468C;
-    text-decoration: none;
-	font-size: 17px}
-
-div.presentation a.hdp {color : blue;
-	text-decoration: none;
-	font-size: 25px}
-
-div.presentation td{text-align:center;}
-
-div.presentation a.btn:hover{color: white;
-	background-color: #50468C;
-	transition: 0.3s all;}
-
-a.eve{
-	border-radius: 30px;
-	background-color: #FFFF;
-	padding: 6px;}
-
-
-footer {font-size: 23px;
-    color: #fff;
-    padding: 10px 0;
-    text-align: right;
-}
+		line-height: 135%;
+	}