@charset "UTF-8";

/* general */

body {
	font-family: Versante, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	text-align: justify;
	text-justify: inter-word;
	color: #000;
	background-color: #FFF;
}

/* content */

.rose {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #F1C4BF;
}
.white {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 100vh;
	left: 0;
}
.logotype {
	width: calc(50vw - 10px);
	height: auto;
	position: absolute;
	top: 10px;
	left: 10px;
}
.logotype img {
	width: 100%;
	height: auto;
	position: absolute;
	display: block;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}
.pictogram {
	width: 200px;
	height: 206px;
	position: absolute;
	top: calc(50% - 103px);
	left: calc(50% - 100px);
}
.pictogram img {
	width: 100%;
	height: auto;
	position: absolute;
	display: block;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}
.content {
	width: 50vw;
	height: auto;
	position: absolute;
}
.wip {
	right: 100px;
	bottom: 100px;
	text-align: right;
}
.company {
	font-size: 13px;
	line-height: 1.5;
	left: 50px;
	bottom: 50px;
}

/* classes */

.italic {
	font-style: italic;
}

/* links */

a  {
	transition: 1s ease;
}
a:link,
a:visited {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
}

/* fonts */

@font-face {
	font-family: Versante;
	src: url("../fonts_v001/Fira_Sans/FiraSans-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: Versante;
	src: url("../fonts_v001/Fira_Sans/FiraSans-Italic.ttf");
	font-weight: normal;
	font-style: italic;
}