@font-face {
 font-family: "AvenirNextLTPro-Heavy";
 src: url("fonts/AvenirNextLTPro-Heavy.otf") format("OpenType");
}


:root{
	--espace: 4rem;
}

@media only screen and (max-width: 1300px) {
	:root{
		--espace: 3rem;
	}
}

@media only screen and (max-width: 800px) {
	:root{
		--espace: 2rem;
	}
}

*, *::before, *::after{
	box-sizing:border-box;
}


body{
	font-weight: 100;
	letter-spacing: 0;
	word-spacing: -.03em;
	font-feature-settings: "onum" 1,"pnum" 1,"kern" 1,"liga" 1;
	font-family: "Times New Roman", serif;
	text-rendering: optimizeLegibility;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 200;
	margin: 0;
}

@media only screen and (max-width: 1300px) {
	body{
		margin: 0em 1em 0em 1em;
	}
}

@media only screen and (max-width: 800px) {
	body{
		margin: 0em 1em 0em 1em;
	}
}

p{
	text-align: justify;
}

p, figcaption{
	font-size: 19px;
	line-height: 22.5px;
	color: #222;
}

@media only screen and (max-width: 1300px) {
	p, figcaption{
		line-height: 21.5px;
		font-size: 17.5px;
	}
}

@media only screen and (max-width: 800px) {
	p, figcaption{
		line-height: 20.5px;
		font-size: 16px;
	}
}


h1 + p{
	margin-top: 0;
}

a, a:focus{
	color:inherit;
	font-weight: 700;
}

a:hover{
	text-decoration: none;
}

img{
	max-width:100%;
	max-height:70vh;
	width:auto;
	height:auto;
}

body > *:not(hr){
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

body > *:not(hr, header, .shopify-buy-frame){
	margin-top: var(--espace);
	margin-bottom: var(--espace);
}

.expo{
	margin-top: 2em !important;
	margin-bottom: 2em !important;
	
}

.expo-texte{
	margin-bottom: 2em !important;
}

.expo img{

}

body > hr{
	max-width: 1200px;
}

hr{
	border-top: .25px solid black;
}

h1{
	font-family: "AvenirNextLTPro-Heavy";
	text-transform: uppercase;
	font-size: 2.5em;
	margin: 1rem 0rem .25rem 0rem;
}

figure{
	margin: 0;
}

blockquote{
	margin: 0;
	font-weight: bold;
}

blockquote > p:first-child{
	margin-top: 0;
}

blockquote > p:last-child{
	margin-bottom: 0;
}

/*************************/
/****** HEADER ***********/
/*************************/

header{
	padding: 1.5em 0em 0em 0em;
	position: sticky;
	top: 0;
	background-color: white;
	max-width: 1200px !important;
}

header > div{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

header svg, .titre-store svg{
	max-width: 200px;
}

header h3{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 300;
	margin-bottom: 0;
	margin-top: 0;
}

/*************************/
/****** MAIN ***********/
/*************************/

.big-text{
	font-size: 1.5em;
	line-height: 1.25em;
}

@media only screen and (max-width: 1300px) {
	.big-text{
		font-size: 1.35em;
	}
}

@media only screen and (max-width: 800px) {
	.big-text{
		font-size: 1.2em;
	}
}

.note{
	font-size: .9em;
	color: gray;
}

.quote{
	margin-bottom: var(--espace);
}



.text-bio{
	margin-top: var(--espace);
}

.titre-store{
	margin-bottom: 1rem !important;
	position: sticky;
	top: 0;
	background-color: white;
	z-index: 99;
}

.titre-store  h1{
	margin-bottom: 0;
	line-height: 1em;
}

.titre-store h3{
	font-family: "Helvetica Neue", sans-serif;
	text-transform: uppercase;
	font-size: 2.5em;
	margin: 0rem 0rem 1rem 0rem;
	font-weight: 300;
	line-height: 1em;
}

.produit{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: var(--espace);
}

.produit > *{
	text-align: center;
}

.produit h2{
	font-family: "Helvetica Neue", sans-serif;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 200;
}

@media only screen and (max-width: 1300px) {
	.produit h2{
		font-size: 1.75em;
	}
}

@media only screen and (max-width: 800px) {
	.produit h2{
		font-size: 1.5em;
	}
}

.posters{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2em;
	margin-top: 2em;
}

@media only screen and (max-width: 1300px) {
	.posters{
		grid-template-columns: 1fr 1fr;
		gap: 1.5em;
		margin-top: 1.5em;
	}
}

@media only screen and (max-width: 800px) {
	.posters{
		grid-template-columns: 1fr;
		gap: 1em;
		margin-top: 1em;
	}
}

.oeuvre-originale{
	text-align: center;
}

/*.titre-store{
	margin-top: 2rem !important;
}*/

/************************/
/***** FOOTER ***********/
/***********************/

/**************/
/**** FOOTER **/
/***************/

footer{
	background-color: white;
	padding-bottom: 1em;
	padding-top: 1em;
}

.footer-ul{
	margin: 0;
	list-style: none;
	font-size: 1.4em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
}

.footer-li{
	margin-right: .75em;
}