/* --------------- Styles GRYFFON TUTO MENU --------------- */
	body {
		margin-left: 50px;
		background-color: whitesmoke;
	}
	h1 {
		text-align: left;
		font-size: 1.8em;
		color: orange;
	}
	p {
		font-family: verdana;
		font-size: 20px;
		color: grey;
	}
	.survol:hover {
		cursor: pointer;
	}
	a {
		color: purple;
		text-decoration: none;
	}
	p {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.2em;
		color: dimgrey;
	}
	ul {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.2em;
		color: purple;
	}
	li {
		padding: 4px;
	}
	#liste {
		width: 480px;
		margin-top: 60px;
		padding: 20px;
		background-color: white;
		border-radius: 16px;
	}
/* ----------------- RESPONSIVE DESIGN ----------------- */
	@media(orientation:portrait){
		h1 {
			font-size: 2.5em;
		}
		p {
			font-size: 1.5em;
		}
		ul {
			font-size: 1.5em;
		}
		li {
			padding: 5px;
		}
	}