@font-face {
    font-family: 'Khand Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Khand Regular'), url('../font/Khand-Regular.woff') format('woff');
 }

@font-face {
	font-family: 'Khand Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Khand Bold'), url('../font/Khand-Bold.woff') format('woff');
}


*{
	margin: 0;
	padding: 0;
	font-family: 'Khand Regular';
}

main{
	width: 100%;
	height: 100vh;
}

#lateral{
	width: 195px;
	height: 100vh;
	background: url("../img/fd-zk-gauch.png") top center no-repeat #FFF;
	background-size: auto 60%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	position: relative;
	z-index: 99;
}

#lateral a{
	margin-bottom: 20px;
}

#btnTexte img{
	width: 71px;
}

#btnContact img{
	width: 77px;
}

#prev{
	position: absolute;
	left: 255px;
	top: 50%;
	transition: transform 0.2s;
}

#prev:hover{
	transform: scale(1.1);
}

#next{
	position: absolute;
	right: 60px;
	top: 50%;
	transition: transform 0.2s;
}

#next:hover{
	transform: scale(1.1);
}

#texte{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	min-height: 100vh;
	background-color: #323a36;
}

#texte article{
	width: 20%;
	margin-top: 10%;
	margin-right: 50px;
}

p.left{
	font-size: 3em;
	color: #1a1d1b;
	font-weight: bold;
	text-align: right;
}

p.center1{
	font-size: 2em;
	color: #51625a;
	font-weight: bold;
	text-align: left;
	padding-top: 9px;
}

p.center2{
	font-size: 1em;
	color: #fc5483;
	font-weight: normal;
	text-align: left;
	margin-top: 20px;
}

p.right{
	font-size: 1.5em;
	color: #8aa498;
	font-weight: normal;
	text-align: left;
	padding-top: 12px;
}

ul{
	list-style: none;
	font-size: 1em;
	color: #8aa498;
	font-weight: normal;
	text-align: left;
}

.rose{
	color: #fc5483;
}

#turn{
	display: none;
}

@media (max-width: 1024px) and (orientation: portrait) {
  #turn{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100vh;
		position: absolute;
		z-index: 100;
		top: 0;
		left: 0;
		background-color: #FFFFFFE2;
	}
}

@media (max-width: 1024px){
  #lateral{
		width: 100px;
		height: 100vh;
		background: url("../img/fd-zk-gauch.png") top center no-repeat #FFF;
		background-size: auto 40%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		flex-direction: column;
		position: relative;
		z-index: 99;
		padding-bottom: 50px;
	}

	#lateral a{
		margin-bottom: 20px;
	}

	#btnTexte img{
		width: 40px;
	}

	#btnContact img{
		width: 43px;
	}

	#prev{
		position: absolute;
		left: 120px;
		top: 50%;
		transition: transform 0.2s;
	}

	#next{
		position: absolute;
		right: 20px;
		top: 50%;
		transition: transform 0.2s;
	}
}