@charset "UTF-8";
/* CSS Document */
@font-face{
	font-family: 'Perspective sans';
    src: url('fonts/persans-webfont.eot');
    src: url('fonts/persans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/persans-webfont.woff2') format('woff2'),
         url('fonts/persans-webfont.woff') format('woff'),
         url('fonts/persans-webfont.ttf') format('truetype'),
         url('fonts/persans-webfont.svg#perspective_sansregular') format('svg');
        
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DosisRegular';
    src: url('fonts/dosis-regular-webfont.eot');
    src: url('fonts/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-regular-webfont.woff2') format('woff2'),
         url('fonts/dosis-regular-webfont.woff') format('woff'),
         url('fonts/dosis-regular-webfont.ttf') format('truetype'),
         url('fonts/dosis-regular-webfont.svg#dosisregular') format('svg');
   
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'DosisSemi';
    src: url('fonts/dosis-semibold-webfont.eot');
    src: url('fonts/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-semibold-webfont.woff2') format('woff2'),
         url('fonts/dosis-semibold-webfont.woff') format('woff'),
         url('fonts/dosis-semibold-webfont.ttf') format('truetype'),
         url('fonts/dosis-semibold-webfont.svg#dosissemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body{
	overflow: hidden;
	width: 99%;
	height:99%;

}
body{
	background:black;



}
a:visited{
	text-decoration:none;
}

/*BLOC TITRE_______________________________________________
___________________________________________________________*/
.LH {
	margin-top: 5%; 
	width: 20%;
	right:7%;
	position : absolute; 
	display : block;
	padding: 0%;
	padding-top: 0%;
	background-color:rgba(0,0,0,0.7);

	
}
h1{
	font-family:'Perspective sans', sans-serif;  
	color:#E8E8E8;
	font-size: 2.1vw; /*   NNBB problèmes décalage chrome & edge */
	text-align:left;
	
	position : relative; 
	
	
}
.logo{
	width: 25%;
	height: 25%;
	
	float : left;
	position : relative; 
	padding : 6%; 
	
}

h2{
	
font-family:'DosisRegular', sans-serif;  
	color:#E8E8E8;
	font-size:1.3vw;
	background-color:rgba(0,0,0,0.7);
	right:7%;
	margin-top:14%;
	decoration:none;
	display: block;
	position:absolute;
	width:auto;
	height:auto ;
	padding:0.5%;
	vertical-align:baseline;
	
	text-align:center;
	
}
h2 a {
	text-decoration:none;
	color:#A9A9A9;
}

h2 a:hover{
	color:#363636;
}


/*BLOC TITRE FIN_______________________________________________
___________________________________________________________*/


/*SVG----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/


#svgcontain{
	
width:100%;
font-size:0;

}
.hover-cv, .hover-contact, .hover-infos , .hover-textes, .hover-travaux  { 
 	fill: transparent ;
	font-size:0;
 }
      
 #grayscalePhoto, {
	pointer-events: none;
}

.contact-gray, .cv-gray, .infos-gray, .textes-gray, .travaux-gray{
	opacity : 1; 
	transition: opacity 10ms ease-in-out 10ms;
}

.contact-gray:hover,.cv-gray:hover, .infos-gray:hover, .textes-gray:hover, .travaux-gray:hover {
	opacity:0;
	transition-delay: 0;
}