/*Pour toutes les pages : */ html, body { height: 100%; margin: 0; } body { display: flex; flex-direction: column; min-height: 100%; } #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 p { margin: 5px 0; /* Réduit les marges des paragraphes */ } footer .licence a { color: #ffffff; } 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; } /* index.php */ h1.Hello {font-size: 50px; text-align: center; color: white; } p.coco{ font-size: 125%; margin-top: 75px; margin-right: 30%; margin-left: 5%; line-height: 135%; }