/*-------------------------------------------------------------------------------------------------*/
/*                                                   css pour page item                            */
/*-------------------------------------------------------------------------------------------------*/
html, body {
	height: 100vh;
	width: 100%;
	margin: 0;
	padding: 0;
	background: linear-gradient(45deg, rgb(46, 48, 52), rgb(130, 130, 130), rgb(187, 185, 180));
	border: 0px solid transparent;
	color: rgb(240,240,240);
	font-family: Constantia;
	font-size: 1em; /* Ideal: 16px */
}
html {
	zoom: 1.0;
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a:link {
	color: rgb(240,240,240);
	text-align: center;
	text-decoration: none;
}
a:visited {
	color: rgb(240,240,240);
	text-align: center;
}
ul {
	padding-left: 0;
}
li {
	padding-left: 0;
}

img, object, embed, canvas, video, audio, picture {
	max-width: 100%;
	height: auto;
	display: block;
}
.clear {
	clear: both;
}
/*-------------------------------------------------------------------------------------------------*/
/*                                                   Page			                               */
/*-------------------------------------------------------------------------------------------------*/
#content {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	display: grid;
	grid-template-areas:
		"header"
		"article"
		"footer";
	grid-template-rows: 6vh 92vh 2vh;
	/*background-color: #119955;*/
/*-------------------------------------------------------------------------------------------------*/
/*                                                  Entête			                               */
/*-------------------------------------------------------------------------------------------------*/
	header {
		grid-area: header;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-family: Constantia;
		font-style: Italic;
		font-size: clamp(0.8rem, 1.5vw + 0.6rem, 2.2rem);
		color: rgb(250,250,250);
		/*background-color: #442255;*/

		.touche_nav {
			font-style: normal;
			width: 5%;
		}

		.filler_header {
			width: 5%;
		}
	}
/*-------------------------------------------------------------------------------------------------*/
/*                                                  Corps			                               */
/*-------------------------------------------------------------------------------------------------*/
	article {
		height: 92vh;
		width: 80%;
		max-width: 1536px;
		margin: auto;
		grid-area: article;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: start;
		overflow: hidden;
		/*background-color: #662255;*/
	}
/*-------------------------------------------------------------------------------------------------*/
/*                                                 Pied				                               */
/*-------------------------------------------------------------------------------------------------*/
	footer {
		height: 2vh;
		grid-area: footer;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		overflow: hidden;
		/*background-color: #663311;*/
	}
}