/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*													css pour page galeries balades photographiques														*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
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;
}
figure {
	margin: auto;
}
.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;
	display: grid;
	grid-area: header;
	grid-template-columns: repeat(auto-fit, minmax(20% 50%));
	padding-right: 35%;
	padding-left: 25%;
}
article {
	height: 90vh;
	grid-area: article;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: start;
/*	background-color: #669977;*/
}
footer {
	height: 4vh;
	grid-area: footer;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
/*	background-color: #663311;*/
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*													Entete																								*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
.content-header {
	height: 6vh;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	color: rgb(240,240,240);
	/*	background-color: #118833;*/
}
	.content-header p {
		text-align: center;
		font-family: Constantia;
		font-style: Italic;
		font-size: clamp(0.7rem, 1.7vw + 0.4rem, 2.5rem);
	}
		.content-header p a {
			font-style: Normal;
		}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*													Corps					                                                                            */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
.content-article-galerie {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: space-around;
	height: 100%;
	width: 85%;
	overflow: hidden;
	border: 1px solid rgb(190,190,190);
	/*background-color: #995511;*/
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
.content-article-galerie-left {
	height: 100%;
	width: 8%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: rgb(240,240,240);
	/*background-color: #112233;*/
}
.content-article-galerie-left p {
	writing-mode: vertical-rl;
	-ms-writing-mode: bt-rl;
	text-orientation: upright;
	font-size: clamp(0.1rem, 1.1vw + 0.4rem, 2.8rem);
}

.content-article-galerie-body {
	height: 100%;
	width: 84%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: clamp(0.2rem, 0.8vw, 1.2rem);
	justify-content: space-around;
	align-items: center;
	font-size: clamp(0.3rem, 1.3vw, 2rem);
	/*background-color: #552233;*/
}
@media only screen and (max-width: 760px) and (orientation: portrait) {
	.content-article-galerie-body {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: clamp(0.2rem, 1.2vw, 1.2rem);
	}
}

.content-article-galerie-right {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	height: 100%;
	width: 8%;
	/*background-color: #778811;*/
}
.vign-galerie {
	color: rgb(240,240,240);
	margin-left: 0;
	margin-right: 0;
	/*background-color: #228811;*/
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*													Gestion texte					                                                                    */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
.texte_petit {
	float: right;
	margin : 0.5% 0 0 0;
	font-size: clamp(0.7rem, 1vw, 1.5rem);
	color: rgb(240,240,240);
}
.texte_vignette {
	float: left;
	font-size: clamp(0.7rem, 1vw, 1.5rem);
	color: rgb(240,240,240);
}