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