.content__title span{ font-family: 'Playfair Display', serif; font-weight: 700; }
.content__title span.horizontal-bigger{ font-size: 210px; color: #dc0000; position: relative; top: 75px; }
.content__title span.vertical-smaller{ position: absolute; left: -120px; top: -20px; color: #000; font-size: 50px; text-transform: uppercase; transform: rotate(-90deg); }
.content__title span.legende{ font-family: 'CAC Champagne'; font-size: 30px; line-height: 38px; font-weight: 400; position: absolute; width: 320px; bottom: -150px; right: -70px; }
.grid--img .grid__item{ opacity: 0.9 !important; }
/*INTRO*/
.accueil-scrapbook{ height: 100vh; width: 100vw; }
.accueil-scrapbook .dates{ text-align: center; position: relative; top: -100px; }
.accueil-scrapbook .dates p{ font-family: 'Jost', monospace; font-size: 20px; line-height: 22px; font-weight: 400; font-style: normal; display: inline-block; padding-right: 230px; }
.accueil-scrapbook .dates p span{ display: inline-block; width: 50px; position: relative; }
.accueil-scrapbook .dates p span:before{ display: inline-block; width: 46px; height: 1px; background-color: #000; position: absolute; left: 2px; bottom: 7px; content: ''; }
#accueil.contact .accueil-scrapbook main{ background-color: #111 !important; }
#accueil.contact .pos-1 {
	grid-area: 23 / 10 / 29 / 13;
}
#accueil.contact .pos-2 {
	grid-area: 13 / 41 / 18 / 45;
}
#accueil.contact .pos-3 {
	grid-area: 32 / 9 / 41 / 14;
}
#accueil.contact .pos-4 {
	grid-area: 14 / 13 / 25 / 16;
}
#accueil.contact .pos-5 {
	grid-area: 7 / 31 / 17 / 35;
}
#accueil.contact .pos-6 {
	grid-area: 10 / 15 / 17 / 20;
}
#accueil.contact .pos-7 {
	grid-area: 38 / 42 / 42 / 44;
}
#accueil.contact .pos-8 {
	grid-area: 24 / 42 / 37 / 39;
}
#accueil.contact .pos-9 {
	grid-area: 36 / 23 / 44 / 29;
}
#accueil.contact .pos-10 {
	grid-area: 37 / 39 / 48 / 47;
}
#accueil.contact .grid--img .grid__item { overflow: hidden; }
#accueil.contact .grid--img .grid__item .grid__item-img{ background-size: contain; background-repeat: no-repeat; }
#accueil.contact .content__title{ position: absolute; text-align: center; top: calc(53% - 110px); font-size: 54px; line-height: 58px; font-weight: 400; }
#accueil.contact .content__title span{ display: block; line-height: 40px }
#accueil.contact .content__title .title{ margin-bottom: 26px; padding-bottom: 34px; position: relative; display: inline-block; color: #FFF; font-family: 'Playfair Display', serif; font-size: 34px; line-height: 34px; font-weight: 400; height: auto; }
#accueil.contact .content__title .title:before{ content: ''; position: absolute; bottom: 0; left: calc(50% - 30px); height: 1px; width: 60px; background-color: #FFF; }
#accueil.contact .content__title .stand a{ display: inline-block; color: #FFF; font-family: 'Jost', serif; font-size: 24px; line-height: 32px; font-weight: 400; position: relative; }
/*#accueil.contact .content__title .stand a:hover{ text-decoration: underline; }*/

#accueil.contact .content__title .stand a:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #FFF;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s cubic-bezier(1, 0.25, 0, 0.75) 0s;
	transition: all 0.3s cubic-bezier(1, 0.25, 0, 0.75) 0s;
}

#accueil.contact .content__title .stand a:hover:before{ visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }

#accueil.contact .accueil-scrapbook main{ position: relative; }
#accueil.contact .accueil-scrapbook .fond-text-repeat{ position: absolute; top: 0; left: 0; height: 100vh; width: 100%; }
#accueil.contact .accueil-scrapbook .fond-text-repeat span{ display: block; font-family: 'Playfair Display', serif; font-size: 21.5vw; line-height: 15.9vw; color: #000; text-transform: uppercase; }
.accueil-scrapbook .content{ max-height: none; }
main footer{ display: none; visibility: hidden; }
@keyframes marquee {
	0% {
		transform: translate3d(var(--move-initial), 0, 0);
	}

	100% {
		transform: translate3d(var(--move-final), 0, 0);
	}
}

/*RESPONSIVE*/

@media screen and (max-width:1660px){
	#accueil.contact .content__title .title{ font-size: 34px; line-height: 34px; margin-bottom: 24px; padding-bottom: 30px; }
	#accueil.contact .content__title span,
	#accueil.contact .content__title .stand a{ font-size: 22px; line-height: 30px; }
	/*#accueil.contact .accueil-scrapbook .fond-text-repeat span{ font-size: 347px; line-height: 275px; }*/
}

@media screen and (max-width:1550px){
	/*#accueil.contact .accueil-scrapbook .fond-text-repeat span{ font-size: 293px; line-height: 264px; }*/
}

@media screen and (max-width:1365px){
	#accueil.contact .pos-1 {
		grid-area: 25 / 10 / 28 / 12;
	}
	#accueil.contact .pos-2 {
		grid-area: 15 / 42 / 17 / 45;
	}
	#accueil.contact .pos-4 {
		grid-area: 14 / 12 / 22 / 15;
	}
	#accueil.contact .pos-7 {
		grid-area: 39 / 42 / 40 / 43;
	}
	
	#accueil.contact .pos-3 {
		grid-area: 32 / 9 / 41 / 14;
	}
	#accueil.contact .pos-4 {
		grid-area: 14 / 13 / 25 / 16;
	}
	#accueil.contact .pos-5 {
		grid-area: 7 / 31 / 17 / 35;
	}
	#accueil.contact .pos-6 {
		grid-area: 10 / 15 / 17 / 20;
	}
	#accueil.contact .pos-7 {
		grid-area: 38 / 42 / 42 / 44;
	}
	#accueil.contact .pos-8 {
		grid-area: 24 / 42 / 37 / 39;
	}
	#accueil.contact .pos-9 {
		grid-area: 36 / 23 / 44 / 29;
	}
	#accueil.contact .content__title span, #accueil.contact .content__title .stand a {
		font-size: 22px;
		line-height: 30px;
	}
}
@media screen and (max-width:1284px){
	#accueil.contact .accueil-scrapbook .fond-text-repeat span{ line-height: 20.1vw; }
}

@media screen and (max-width:1278px){
	#accueil.contact .accueil-scrapbook .fond-text-repeat span{ font-size: 21.5vw; line-height: 18.3vw; }
}
@media screen and (max-width:1023px){

}

@media (max-width:850px) and (max-height:568px){
	.content{ height: 100vh; }
}

@media screen and (max-width:767px){
	.header-visible #header-container{ background-color: transparent; }
	.accueil-scrapbook .content{ max-height: none; }
	#accueil.contact .accueil-scrapbook .fond-text-repeat span{ line-height: 41.3vw; }
	#accueil.contact .content__title{ top: calc(63% - 110px);}
	#accueil.contact .content__title .title{ font-size: 28px; line-height: 28px; margin-bottom: 24px; padding-bottom: 30px; }
}

@media screen and (max-width:375px){

}