* {
	margin : 0;
	padding : 0;
}
html {
	background-color : #fff;
	height : 100%;
	width : 100%;
}
body {
	background-color : #fff;
	overflow : hidden;
	font-family : 'tall films', sans-serif;
	color : #383838;
	height: 100%;
	width : 100%;
	position : relative;
	margin : 0;
	padding : 0;
	font-size : 12px;
	overflow : hidden;
}
@font-face {
	font-family: 'tall films';
	font-style: normal;
	font-weight: normal;
	src: url('/templates/asmi-home/fonts/Tall Film.ttf');
}
.float-left {
	float : left;
}
.float-right {
	float : right;
}
.row,
.item-page,
.container-fluid {
	height : 100%;
	width : 100%;
}
.item-page div:not(.mask2) {
	height : 100%;
	overflow : hidden;
}
.item-page a {
	width : 100%;
	height : 100%;
	display : block; 
}
.icons {
	display : none;
}
.left-back {
	z-index: 100;
	width : 50%;
	background-image : url(../images/fond-gauche.jpg);
	background-repeat : no-repeat;
	background-color : transparent;
	background-size : cover;
	background-position-x : 0px;
	background-position-y : 50%;
	opacity : 0;
}
.right-back {
	z-index: 100;
	width : 50%;
	background-image : url("../images/fond-droit.jpg");
	background-repeat : no-repeat;
	background-color : transparent;
	background-size : cover;
	background-position-x : 0px;
	background-position-y : 50%;
	opacity : 0;
}
.icon-info {
	position : absolute;
	top: 8%;
	left: 8%;
	padding: 1vw 1vw;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 1000;
}
.icon-domo {
	position : absolute;
	top: 8%;
	right: 8%;
	padding: 1vw 1vw;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 1000;
}
.icon-info a,
.icon-domo a {
	height : auto;
	text-align : center;
	font-size : 12px;
	letter-spacing : 2.24px;
	font-weight : 600;
	color: rgb(131, 135, 143);
}

.left-mask {
	position : absolute;
	top : 0;
	left : 0;
	width : 50%;
	z-index: 200;
	opacity : 1;
	background-image : -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)45vw);
	background-image : -o-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)45vw);
	background-image : -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)45vw);
	background-image : linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)45vw);
}

.right-mask {
	position : absolute;
	top : 0;
	left : 50%;
	width : 50%;
	z-index: 200;
	opacity : 1;
	background-image : -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)45vw);
	background-image : -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)45vw);
	background-image : -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)45vw);
	background-image : linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1)45vw);
	}

.moduletable {
	position: absolute;
	top: 42%;
	left: 50%;
	margin-left: -96px;
	z-index: 1000;
}
.moduletable img {
	width: 192px;
	text-align : center;
}
.logo-legend {
	text-align : center;
	white-space : nowrap;
	font-size : 12px;
	letter-spacing : 2.24px;
	font-weight : 600;
	margin-top : -0.2vw;
}
.logo-legend a {
	-webkit-transition : color .3s linear;
	-moz-transition : color .3s linear;
	-o-transition: color .3s linear;
	transition : color .3s linear;
	color : #5d626c;
}

.logo-legend span:not(.info) {
	margin: 0 -0.2vw;
}
.logo-legend a,
.mask2 a {
	text-decoration : none;
}
.logo-legend a:hover
/*,
 .logo-legend span:hover  */
{
	text-decoration : none;
	color : #fcb343 !important;
}
@media screen and (min-width: 640px) {
	.logo-legend,
	.mask2 a {
/*
		font-size : 0.48em !important;
		letter-spacing : 0.28em !important;
 */
		font-size: 1.5vw !important;
		letter-spacing: 0.45vw !important;
	}
	.moduletable {
		top : 42%;
		left : 50vw;
		margin-left : -15vw;
	}
	.moduletable img {
		width : 30vw;
	}
}