:root {
	--primary :			#cfe8e2;	/* Vert */
	--secondary:		#debc86;	/* Or */
	--sec-dark:			#cdab75; 	/* Or foncé */
}

* {
	font-family: 		'arial';
	font-size:			1em;
	font-weight: 		normal;
	color: 				#000;
}

html, body {
	margin: 			0;
	min-height: 		100%;
}

html {
	height: 			100%;
	scroll-padding-top: 100vh;
	scroll-behavior:	smooth;
}

body {
	display: 			flex;
	flex-direction: 	column;
}

main {
	margin: 			0 12vw;
	flex: 				1;
}

.title {
	font-family: 		'garamond', 'times new roman';
	font-weight: 		bold;
	font-size:			1.875em;
}

.title-main {
	font-family: 		'garamond', 'times new roman';
	font-weight: 		bold;
	font-size: 			3em;
	text-decoration: 	none;
}


.title-small {
	font-size: 			75%;
}
.title-sub {
	font-size:			1.5em;
}
.title-mini {
	font-size:			1.25em;
	font-style: 		italic;
}
.title-sub, .title-mini {
	margin-block-end: 	0;
}

h1 {
	margin: 			0.25em 0;
}

header, footer {
	background-color: 	var(--primary);
	margin: 			0;
	padding:			1em;
}

footer {
	bottom: 			0;
	border-top: 		5px solid var(--secondary);
	text-align: center;
}

header {
	border-bottom: 		5px solid var(--secondary);
	position: 			sticky;
	top: 				0;
}

header nav ul {
	display: 			flex;
	list-style-type: 	none;
	padding-left: 		0;
}

header nav ul li {
	padding-right: 		1em;
}

header nav ul li a {
	text-decoration: 	none;
	text-transform: 	uppercase;
	letter-spacing: 	0.1em;
	padding-right: 		2em;
	font-size: 			0.8125em;
	color:				#000000;
}

footer ul {
	list-style-type: 	none;
	padding-left: 		0;
}

footer a {
	text-decoration: 	none;
	text-transform: 	uppercase;
	font-size:			0.75em;
}

footer li a {
	padding-right: 		1em;
}

figure, blockquote {
	margin-bottom: 		2em;
}

figure {
	display: 			flex;
	flex-direction: 	column;
	align-items: 		center;
	padding: 			1.5em;
}

figure img {
	display: 			flex;
	max-width: 			50vw;
}

figcaption {
	font-style: 		italic;
	font-size:			0.875em;
	text-align: 		center;
	margin: 			1em 0;
}

blockquote {
	background-color: 	var(--secondary);
	border-radius: 		15px;
	padding: 			2.5em;
	font-weight: 		bold;
}

blockquote > q {
	font-style: 		italic;
	font-size: 			1.25em;
}

blockquote > cite {
	display: 			block;
	font-style: 		normal;
	margin-top:			1em;
}

blockquote > q, cite {
	color:				#fff;
}

article {
	margin-top:			3em;
	margin-bottom: 		5em;
}

section {
	padding-bottom: 	2em;
}

main a {
	color: 				var(--sec-dark);
}

.print {
	display: 			none;
}

/* MEDIA QUERY POUR MOBILE */
@media screen and (max-width: 600px) {
	main {
		margin: 	0 1em;
	}

	.title-main {
		font-size: 	1.75em;
	}

	header nav ul {
		flex-direction: column;
	}

	figure {
		padding: 	0;
	}

	figure img {
		max-width: 	95%;
	}
}