*{cursor: none;}

html,body {
	overflow: visible;
    height: 100%;
    margin: 0px;
    padding: 0px;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

body{
	left: 0px;
	top:0px;
}

.iconindex {
	position:absolute;
	width:320px;
	height:320px;
	z-index: 10;
	mix-blend-mode: multiply;
	transform: scale(1, 1);
}


.FX{
	mix-blend-mode: multiply;
	transition: 0.95s;
}

.FX:after {
    transition: 0.95s;
}

.FX:hover {
	transition: 0.2s;
    transform: scale(1.15, 1.15);
}

.blue:hover {
	box-shadow:0px 10px 10px 5px blue;
}

.imagecursor{
    position:absolute;
    display:none;
    z-index:1000;
}

.icone{
	width: 800px;
	height: 800px;
	position: absolute;
	top:0px;
	margin-top: 0px;
	margin-left: 0px;
	mix-blend-mode: multiply;
    transition: 0.8s;
}

.icone:after {
        transition: 0.8s;
}

.icone:hover {
        transform: scale(1.25, 1.25);
}

.icon{
	width:400px;
	height:400px;
    transition: 0.8s;
	position: absolute;
	left: 50px;
	top: 20px;
	z-index: 100;
	filter: invert(0%);
	mix-blend-mode: multiply;
}

.icon:after {
        transition: 0.8s;
}

.icon:hover {
        transform: scale(1.15, 1.15);
}


h1{
	font-family: Menlo;
	font-weight: bold;
	font-size: 8pt;
	line-height: 8pt;
	text-align: center;
	color:#f9275d;

}

p{
	font-family: Menlo;
	font-size: 8pt;
	font-weight: bold;
	line-height: 9pt;
	color:#f9275d;
	
}

#text-fr{
    font-family: Menlo;
	font-size: 8pt;
	font-weight: bold;
	line-height: 9pt;
	/*color:#f9275d;*/
	color:black;
	

    }

#text-en{
	font-family: Menlo;
	font-size: 8pt;
	font-weight: bold;
	line-height: 9pt;
	/*color:#b140f8;*/
	color:black;
	
    }
    
#p2{
	color:#000000;
	
}

video{
	
}

#texte{
	display: none;
	
}

*::selection { 
	background:rgba(255, 255, 255, 0); 
	color:rgba(255, 255, 255, 0);
} 

*::-moz-selection { 
	background:rgba(255, 255, 255, 0); 
	color:rgba(255, 255, 255, 0);  
} 

*::-webkit-selection { 
	background:rgba(255, 255, 255, 0); 
	color:rgba(255, 255, 255, 0);  
}

#texticon {
	position:fixed;
	width:135px;
	height:160px;
	left:0px;
	top:120px;
	z-index:2000;
	background: url('images/TEXTICON.png') no-repeat;
}

#texticon:hover {
	background: url('images/TEXTICONB.png') no-repeat;
}


#bloctexte{
	position:fixed;
	width:340px;
	height:170px;
	padding:20px;
	z-index:2000;
	
	background: white;
}

.l1 {height:170px;}
.l2 {height:270px;}
.l3 {height:370px;}