@font-face {
	font-family: "nyghtSerifMediumItalic";
	src: url("fonts/nyght/NyghtSerif-MediumItalic.otf");
  }

@font-face {
	font-family: "nyghtSerifMedium";
	src: url("fonts/nyght/NyghtSerif-Medium.otf");
  }

@font-face {
	font-family: "HKGrotesk_light";
	src: url("fonts/HKGrotesk/HKGrotesk-Light.otf");
  }

@font-face {
	font-family: "HKGrotesk_bold";
	src: url("fonts/HKGrotesk/HKGrotesk-Bold.otf");
  }

body{
	margin: 12px;
	overflow-x: hidden;
}

header{
	display: flex;
	justify-content: space-between;
}

.iconeimage{

}

p{
	font-family: HKGrotesk_light;
	font-size: 1vw;
	padding: 0;
	margin: 0;
}

.containertitre{
	padding-top: 30vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.titre{
	margin: auto;
}

.iconelogovide{
	position: absolute;
	z-index: 1;	
	margin-top: -9%;
	margin-left: 15.5%;
}

:hover.iconelogovide{
	width: 5%;
	margin-left: 24%;
	margin-top: -5%;
}

h1{
	font-family: nyghtSerifMediumItalic;
	font-size: 15vw;
	padding: 0;
	margin: 0;
	line-height : .7;
}

.blocfooter{
	display: flex;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	bottom: 0;

}

.bloccontact{
	bottom: 0;
	margin: 0;
}

.contact{
	display: flex;
	/*position: sticky;*/
	width: 75%;
	margin-bottom: 3%;
	
}

a.textecontact{
	text-decoration: none;
	color: black;

}

a:hover.textecontact{
	/*text-decoration: underline;*/
	color: #EB5C24;

}

.icone{
	margin-right: 2%;
}

.textecontact{
	font-family: HKGrotesk_light;
	font-size: 1vw;
}

.info{
	font-family: HKGrotesk_bold;
	font-size: 2vw;
	margin-top: 5%;
	display: flex;
	align-items: center;
	justify-content: center;
}

a.info{
	text-decoration: none;
	color: #EB5C24;
}

a:hover.info{
	text-decoration: none;
	color: black;
}

#logoplein{
	margin-bottom: 1%;
}

@media (max-width: 1080px){

.iconelogovide{
	position: absolute;
	z-index: 1;	
	margin-top: -14%;
	margin-left: 25%;
	width: 35%;
}

:hover.iconelogovide{
	width: 5%;
	margin-left: 43%;
	margin-top: -5%;
}

p{
	font-family: HKGrotesk_light;
	font-size: 3vw;
	padding: 0;
	margin: 0;
}

.info{
	font-size: 4vw;
}

h1{
	font-size: 25vw;
	margin-bottom: 1vw;
}

#logoplein{
	width: 30%;
}

.textecontact{
	font-family: HKGrotesk_light;
	font-size: 3vw;
}

}