/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                   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;
	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 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	min-height: 0;
	min-width: 0;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                   Entete                                                                             */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
.content-item-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;*/
}
.content-item-header i a {
	color: rgb(150,150,150);
}
.touche_nav {
	float: left;
	font-size: clamp(1rem, 1.5vw, 2rem);
	width: 10%;
	color: rgb(250,250,250);
}
.touche_nav a {
	color: rgb(250,250,250);
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                   Corps                                                                              */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
.content-item {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: start;
	height: 92vh;
	width: 80%;
	max-width: 1536px;
	/*background-color: #118855;*/
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
.article {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	overflow: hidden;
	width: 100%;
	color: rgb(150,150,150);
	/*background-color: #334455;*/
}
.content-footer {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	height: 3vh;
	width: 100%;
	/*background-color: #228844;*/
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/