/*Pour toutes les pages : */ html, body { height: 100%; margin: 0; } body { display: flex; flex-direction: column; min-height: auto; /* Utilisez 100vh pour une hauteur complète de la fenêtre */ background-image: url(../img/jo20244.jpeg); } #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 0; text-align: center; /*background-color: #000000e2;*/ } a.categorie{ margin-top: 1%; margin-bottom: 1%; border-radius: 30px; background-color: #f2f2f2; padding: 8px;} 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 { margin-top: 0%; font-size: 50px; text-align: center; color: white; } p.coco{ font-size: 145%; margin-top: 10%; margin-right: 15%; margin-left: 48%; line-height: 160%; color: #ffffff; } /* Inscription et connextion */ div.error-message { color: red; } .connexion { width: 400px; height: 400px; margin: 100px auto ; /* Augmenter la marge en haut à 100px */ padding: 40px; background-color: #d4d4d4; border: none; border-radius: 50px; text-align: center; font-size: 140%; } .inscription { width: 400px; height: 580px; margin: 100px auto ; /* Augmenter la marge en haut à 100px */ padding: 40px; background-color: #d4d4d4; border: none; border-radius: 50px; text-align: center; font-size: 140%; } .compteUser{ font-size: 70%; } .compteUser a{ color: #000000; } .submit { font-size: 100%; } /* profil*/ .page_profil { width: 400px; height: 400px; margin: 100px auto ; /* Augmenter la marge en haut à 100px */ padding: 40px; background-color: #d4d4d4; border: none; border-radius: 50px; text-align: center; font-size: 140%; } img.profil { max-width : 15%; }