SaeDEV2.2/css/style.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 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;
	}

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


	
	.content_cours {
		width: 400px;
		height: 400px;
		margin: 100px auto ; /* Augmenter la marge en haut à 100px */
		padding: 40px;
		background-color: #f2f2f2;
		border: 5px solid #ccc;
		border-radius: 90px;
		text-align: center;
		font-size: 130%;
	}