SaeDEV2.2/css/style.css
Rafael GHOUAR-TOUSSAINT eafb3633a9 Actualiser css/style.css
travail en colab avec alexis et nicolas sur un partage
2024-06-13 18:01:13 +02:00

87 lines
1.5 KiB
CSS

/*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 {
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;
}
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%;
}