@font-face {
    font-family: 'Oswald-Regular';
    src: url('fonts/Oswald-Regular.ttf');
 }

 @font-face {
    font-family: 'HelveticaNeue-Regular';
    src: url('fonts/LTe50259.ttf');
 }

  @font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('fonts/LTe50261.ttf');
 }


.title {
	opacity: 0.7;
	text-align: center;
	font-family: 'HelveticaNeue-Bold';
	color: white;
	font-size: 85px;
	width: 50%;
	height: auto;
	margin-left: 25%;
	position: relative;
	margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  	transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */

  	animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari et Chrome */
    -o-animation: fadein 3s; /* Opera */

    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}


.picto {
    position: absolute;
    opacity: 0.7;
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}