/* ----------------- Styles GRYFFON TUTO COMMON ----------------- */
	body {
		width: 100%;
		margin: 0;
		background-color: #333;
		}
	#central {
		position: relative;
		margin: 0 auto;
		width: 1024px;
		background-color: white;
		}
	a {
		text-decoration: none;
		}
	a:hover {
		color: #E0115F;
		}
	.lien {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.2em;
		color: #6495ED;
		}
	h3 {
		font-size: 1.8em;
		color: orange;
		}
	p {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.2em;
		color: dimgrey;
		}
	.mg3 {
		margin-left: 30px;
		}
	.mg5 {
		margin-left: 50px;
		width: 900px;
		}
	.mg8 {
		margin-left: 80px;
		}
	.liste {
		display: block;
		margin-bottom: 5px;
		}
	ul {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.2em;
		color: purple;
		}
	li {
		padding: 4px;
		}
	#loupe_p {
		position: absolute;
		bottom: 0;
		left: 40px;
		width: 40px;
		padding: 20px 40px 20px 20px;
	}
	#logo_txt_gris {
		position: absolute;
		bottom: 0;
		left: 900px;
		width: 40px;
		padding: 20px 40px 20px 20px;
	}
	#plancher {
		position: relative;
		height: 40px;
		background-color: whitesmoke;
		border-top: 2px solid #FFE4E1;
		}
/* ----------------- RESPONSIVE DESIGN ----------------- */
	@media(orientation:portrait){
		.lien {
			font-family: "Times New Roman", Times, serif;
			font-size: 1.5em;
			color: #6495ED;
		}
		h3 {
			font-size: 2.5em;
		}
		p {
			font-size: 1.5em;
		}
		ul {
			font-size: 1.5em;
		}
		li {
			padding: 5px;
		}
	}