/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                   css pour page item   ok                                                            */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
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;
}
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;
}
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-columns: 1fr;
	grid-template-areas:
		"header"
		"article"
		"footer";
	/*background-color: #119955;*/

	header {
		height: 6vh;
		grid-area: header;
		display: flex;
		justify-content: center;
		overflow: hidden;
		/*background-color: #442255;*/
		.content-header {
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 0;
			min-width: 0;
			height: 5vh;
			width: 100%;
			color: rgb(240,240,240);
			font-size: clamp(1rem, 1.7vw, 2rem);
			/*background-color: #117755;*/
			.touche_nav {
				font-size: clamp(1rem, 1.5vw, 2rem);
				width: 10%;
			}
		}
	}
	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;*/
	}
	footer {
		height: 2vh;
		grid-area: footer;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		overflow: hidden;
		/*background-color: #663311;*/
	}
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/