@font-face {
  font-family: 'Montserrat 700';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat/montserrat-v12-latin-700.woff2") format("woff2"),url("../fonts/montserrat/montserrat-v12-latin-700.woff") format("woff");
}
@font-face {
  font-family: 'Montserrat 500';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat/montserrat-v12-latin-500.woff2") format("woff2"),url("../fonts/montserrat/montserrat-v12-latin-500.woff") format("woff");
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat/montserrat-v12-latin-regular.woff2") format("woff2"),url("../fonts/montserrat/montserrat-v12-regular-400.woff") format("woff");
}
@font-face {
  font-family: 'Montserrat 300';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat/montserrat-v12-latin-300.woff2") format("woff2"),url("../fonts/montserrat/montserrat-v12-latin-300.woff") format("woff");
}
@font-face {
  font-family: 'Montserrat 200';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/montserrat/montserrat-v12-latin-200.woff2") format("woff2"),url("../fonts/montserrat/montserrat-v12-latin-200.woff") format("woff");
}@font-face {
  font-family: 'Montserrat 100';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/montserrat/montserrat-v12-latin-100.woff2") format("woff2"),url("../fonts/montserrat/montserrat-v12-latin-100.woff") format("woff");
}

body{
	
	
		background-color:#eea791; 
	color:#fff;
	font-family: 'Montserrat';
	-webkit-text-size-adjust: 100%;
 	-ms-text-size-adjust: 100%;
 	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	font-smoothing: antialiased;
  	text-rendering: optimizeLegibility;
}
.bgd-attente{
	z-index: 1;
	background-image:url('../imgs/bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: fixed;
	width: 100vw;
	height:100vh;
}
/*
.bgd-2ndplan{
	z-index: 3;
	background-image:url('../imgs/2nd-plan.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: fixed;
	width: 100vw;
	height:100vh;
}*/
.bgd-top{
	z-index: 3;
	background-image:url('../imgs/bg-topright.png');
	background-size: 100% 100%;
	background-position: bottom 0 right 0;
	background-repeat: no-repeat;
	position: fixed;
	width: 100vw;
	height:10vh;
}
.bgd-left{
/*	z-index: 3;
	background-image:url('../imgs/bg-left.png');
	background-size: auto 100%;
	background-position: center right;
	background-repeat: no-repeat;
	position: fixed;
	width: 15vw;
	height:100vh;*/
}
.bgd-right{
	/*z-index: 3;
	background-image:url('../imgs/bg-bottom-right.png');
	background-size: 100% auto;
	background-position: bottom right -10px;
	background-repeat: no-repeat;
	position: fixed;
	width: 20vw;
	height:80vh;
	bottom:0;
	right: 0;*/
}

.bgd-escalier{
	z-index: 4;
	background-image:url('../imgs/escalier.png');
	background-size: 100% auto;
	background-position: bottom right;
	background-repeat: no-repeat;
	position: fixed;
	width: 100vw;
	height:250px;
	bottom:0;
	right:0;
}
.bgd-people{
	z-index: 4;
	background-image:url('../imgs/people-2.png');
	background-size: 100% auto;
	background-position: top left;
	background-repeat: no-repeat;
	position: fixed;
	width: 50vw;
	height:150px;
}
.bgd-vector{
	position: fixed;
	top:-60px;
	left:12.6%;
	
	fill: #B3978E;
	mix-blend-mode: multiply;
	filter: blur(10px); 
	z-index:3
}
.attente{
	z-index: 2;
	position: relative;
	width:100%;
	max-width: 500px;
	margin:0 auto;
	padding:0 20px 50px;
}
.attente section{
	min-height:100vh;
	text-align: center;
}

.attente section.s1{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	text-align: center;	
}

.attente section.s1 div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;	
}

.attente section.s1 .defiler{
	position: relative;
	top:-80px;	
}

.attente h1{
	width:100%;
	margin:0 auto 30px;	
}
.attente section.s1 .defiler span{
	background-image:url('../imgs/defiler.png');
	background-size:	9px 21px;
	background-repeat: no-repeat;
	background-position: 50% 25px;
	padding-bottom:30px;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: normal;
}

.attente section.s2{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;	
	font-family: 'Georgia';
	font-size:32px;
	font-style: italic;
	font-weight: normal;
	line-height: normal;
}

.attente section.s2 strong{
	font-weight:700;
	font-size:48px;	
}.attente section.s2 p.para strong{
	font-weight:700;
	font-size:32px;	
}


.attente section.s3 p.attente-txt{
	font-family: 'Montserrat';
	font-size: 22px;	
	margin:0 0 40px 0;
}
.attente section.s3 p.attente-txt strong{
	font-family:'Montserrat 700';
	font-weight:700;	
}
.attente section.s3 .attente-paragraphe-liste span.paragraphe-titre{
	font-family: 'Montserrat 700';
	font-weight: 700;
	font-size: 32px;
}

.attente section.s3 .attente-paragraphe-liste ul{
	border-top:1px solid #fff;
	border-bottom: 1px solid #fff;
	padding:40px;
	list-style-type: none;
	width:350px;
	margin:40px auto;
	font-family: 'Montserrat';
	font-size: 16px;
}
.attente section.s3 .attente-paragraphe-liste ul li{
	padding:8px 0;
}
.attente section.s3 .attente-paragraphe-liste ul li span{
	font-family: 'Montserrat 700';
	font-size: 24px;
	font-weight: 700;
}
.attente section.s3 .attente-txt-liste{
	font-size: 14px;
	font-family: 'Montserrat';
	text-align: left;
	max-width:350px;
	margin:0 auto;
}
.attente section.s3 .attente-txt-liste strong{
	font-family:'Montserrat 700';
	font-weight:700;	
}
.attente section.s3 .attente-txt-liste ul{	
	padding:0 0 0 20px;
}

.attente section.s4{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;	
	z-index: 5;
	height: 300px;
	min-height:300px;
}

.attente section.s4 .attente-txt-contact{
	font-family: 'Montserrat';
	font-size: 20px;
}
.attente section.s4 .attente-txt-contact span{
	font-size: 16px;
}
.attente section.s4 .attente-txt-contact strong{
	font-size: 30px;
	font-family: 'Montserrat 700';
	font-weight:bold;
}

.attente section.s4 .attente-txt-contact a{
	color:#fff;
	cursor: pointer;
	font-size: 20px;
}



@media screen and (min-width: 640px) {
	.attente{
	width:100%;
	min-width: 600px;
	max-width:654px;
	margin:0 auto;
	padding:0 0 50px;
}

.bgd-top{
	z-index: 3;
	background-image:url('../imgs/bg-topright.png');
	background-size: 100% 100%;
	background-position: bottom 0 right 0;
	background-repeat: no-repeat;
	position: fixed;
	width: 100vw;
	height:30vh;
}
.bgd-left{
	z-index: 3;
	background-image:url('../imgs/bg-left.png');
	background-size: auto 100%;
	background-position: center right;
	background-repeat: no-repeat;
	position: fixed;
	width: 15vw;
	height:100vh;
}
.bgd-right{
	z-index: 3;
	background-image:url('../imgs/bg-bottom-right.png');
	background-size: 100% auto;
	background-position: bottom right -10px;
	background-repeat: no-repeat;
	position: fixed;
	width: 20vw;
	height:80vh;
	bottom:0;
	right: 0;
}

.bgd-escalier{
	z-index: 4;
	background-image:url('../imgs/escalier.png');
	background-size: 100% auto;
	background-position: bottom right;
	background-repeat: no-repeat;
	position: fixed;
	width: 20vw;
	height:100vh;
	bottom:0;
	right:0;
}
.bgd-people{
	z-index: 4;
	background-image:url('../imgs/people-2.png');
	background-size: 100% auto;
	background-position: top left;
	background-repeat: no-repeat;
	position: fixed;
	width: 30vw;
	height:100vh;
}
.bgd-vector{
	position: fixed;
	top:-60px;
	left:12.6%;
	
	fill: #B3978E;
	mix-blend-mode: multiply;
	filter: blur(10px); 
	z-index:3
}
	
.attente section.s3 .attente-paragraphe-liste ul{
	width:560px;
}
.attente section.s3 .attente-txt-liste{
	max-width:560px;
}
.attente section.s4 .attente-txt-contact a{
	font-size:24px;
}

}

@media screen and (min-width: 1000px) {
	.attente section.s1 .defiler{
	position: relative;
	top: inherit;	
}
	.bgd-top{
			z-index: 3;
			background-image:url('../imgs/bg-topright.png');
			background-size: 100% 100%;
			background-position: bottom 0 right 0;
			background-repeat: no-repeat;
			position: fixed;
			width: 100vw;
			height:30vh;
		}
		.bgd-left{
			z-index: 3;
			background-image:url('../imgs/bg-left.png');
			background-size: auto 100%;
			background-position: center right;
			background-repeat: no-repeat;
			position: fixed;
			width: 20vw;
			height:100vh;
		}
		.bgd-right{
			z-index: 3;
			background-image:url('../imgs/bg-bottom-right.png');
			background-size: 100% auto;
			background-position: bottom right -10px;
			background-repeat: no-repeat;
			position: fixed;
			width: 30vw;
			height:80vh;
			bottom:0;
			right: 0;
		}

		.bgd-escalier{
			z-index: 4;
			background-image:url('../imgs/escalier.png');
			background-size: 100% auto;
			background-position: bottom right;
			background-repeat: no-repeat;
			position: fixed;
			width: 30vw;
			height:100vh;
			bottom:0;
			right:0;
		}
		.bgd-people{
			z-index: 4;
			background-image:url('../imgs/people-2.png');
			background-size: 100% auto;
			background-position: top left;
			background-repeat: no-repeat;
			position: fixed;
			width: 30vw;
			height:100vh;
		}
		.bgd-vector{
			position: fixed;
			top:-130px;
			left:5.6%;
			
			fill: #B3978E;
			mix-blend-mode: multiply;
			filter: blur(10px); 
			z-index:3
		}
}
@media screen and (min-width: 15000px) {
			
		.bgd-top{
			z-index: 3;
			background-image:url('../imgs/bg-topright.png');
			background-size: 100% 100%;
			background-position: bottom 0 right 0;
			background-repeat: no-repeat;
			position: fixed;
			width: 100vw;
			height:30vh;
		}
		.bgd-left{
			z-index: 3;
			background-image:url('../imgs/bg-left.png');
			background-size: auto 100%;
			background-position: center left;
			background-repeat: no-repeat;
			position: fixed;
			width: 30vw;
			height:100vh;
		}
		.bgd-right{
			z-index: 3;
			background-image:url('../imgs/bg-bottom-right.png');
			background-size: 100% auto;
			background-position: bottom right -10px;
			background-repeat: no-repeat;
			position: fixed;
			width: 35vw;
			height:80vh;
			bottom:0;
			right: 0;
		}

		.bgd-escalier{
			z-index: 4;
			background-image:url('../imgs/escalier.png');
			background-size: 100% auto;
			background-position: bottom right;
			background-repeat: no-repeat;
			position: fixed;
			width: 35vw;
			height:100vh;
			bottom:0;
			right:0;
		}
		.bgd-people{
			z-index: 4;
			background-image:url('../imgs/people-2.png');
			background-size: 100% auto;
			background-position: top left;
			background-repeat: no-repeat;
			position: fixed;
			width: 30vw;
			height:100vh;
		}
		.bgd-vector{
			position: fixed;
			top:-60px;
			left:12.6%;
			
			fill: #B3978E;
			mix-blend-mode: multiply;
			filter: blur(10px); 
			z-index:3
		}
}