html {
	font-family: 'Amiri', serif;
	text-transform: uppercase;
}
body {
	
}

a {	
	color: #393939;
	display:inline-block;
	text-decoration: none;
}


svg {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #7F7F7F;
}
.page {
	width: 100%;
	height: 100%;
	position: absolute;
	margin-left: -8px;
	margin-top: -8px;
	overflow: auto;
	background: url(images/background.jpg) no-repeat;
	background-size: cover;
}

.title {
	color: #7F7F7F;
	letter-spacing: 2.1vw;
	font-size: 3.2vw;
	position: absolute;
	vertical-align: text-bottom;  
  top: 85%;
  left: 72%;
  width: 22%;
  height: 12%;
	cursor: pointer;
}

.nav {
	color: #393939;
	position: absolute;
	vertical-align: text-bottom;
	top: 82%;
	left: 4%;
	margin-left: 4px;
	width: 58%;
	height: 13%;
}

.navc {
	text-align: center;
	color: #393939;
	position: absolute;
	vertical-align: text-bottom;
	top: 82%;
	left: -36%;
	width: 120%;
	height: 13%;	
}

.navitemcontainer {
	display: inline-block;
	position: absolute;
	bottom: 0px;
}

.navitem {
	font-size: 1.3vw;
	vertical-align: text-bottom;
	z-index: 100;
	float: left;
}


.langnav {
	color: #393939;
	position: absolute;
	display: block;
	top: 91%;
	z-index: 100;
	left: 4%;
	width: 56%;
}

.navlangnavitemcontainer {
	position: absolute;
	display: block;
	bottom: 0px;
}

.langnavitem {
	display: inline-block;
	margin-left: 30px;
	font-size: 1.7vw;
	vertical-align: text-bottom;
	float: left;
}

.langnavitem .selected {
	color: #393939;
	font-size: 1.9vw;
}

.leftside {
	position: absolute;
	color: #393939;
	font-size: 1.1vw;
	top: 8%;
	left: 6%;
	width: 32%;
	height: 68%;
	text-align: justify;
}

.rightside {
	position: absolute;
	color: #393939;
	font-size: calc(0.8vh + 0.7vw);
	line-height: calc(1.5vh + 0.8vw);
	//font-size: 2.4vmin;
	//line-height: 2.9vmin;
	letter-spacing: -1px;
	top: 8%;
	left: 42%;
	width: 53%;
	height: 62%;
	text-align: justify;
}

.contactleftside {
	position: absolute;
	font-size: 1.8vw;
	letter-spacing: 1px;
	left: 6%;
	width: 39%;
	height: 30%;
	top: 50%;
	color: #393939;
	font-size: 2.2vh;	
}

.contactrightside {
	position: absolute;
	font-size: 1.8vw;
	letter-spacing: 1px;
	left: 60%;
	width: 35%;
	height: 30%;
	top: 50%;
}

.contactpic1 {	
	display: inline-block;
	background: url('images/interni-contact-maison.jpg') no-repeat;
	background-size: cover;
	height: 100%;
	width: 34%;
	margin-left: 6px;
}

.contactpic2 {
	display: inline-block;
	background: url('images/interni-contact-glycine-maison.jpg') no-repeat;
	background-size: cover;
	height: 100%;	
	width: 58%;
	margin-left: 16px;
	margin-right: 2px;
}

.imageport {
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	left: 39%;
	width: 25%;
	height: 60%;
	top: 4%;
	color: #393939;
	font-size: 2.2vh;			
}

.imagethumbs {
	position: absolute;
	left: 10%;
	width: 80%;
	height: 13%;
	top: 67%;
	color: #393939;
	font-size: 2.2vh;		
}

.imagethumbcont {
	display: inline-block;	
	background-size: cover;
	height: 100%;	
	width: 9%;
	margin-left: 2%;	
	
}

.imagethumb {
	position: relative;
	padding-bottom: calc(100%*4/3);
	cursor: pointer;
}