body{	
			margin: 0;
			overflow: hidden;
		}

		a{
			color: white;
			text-decoration: none;
		}

		.cpt-annee{
			font-family: 'Yantramanav', sans-serif;
			font-size: 28.8px;
			font-weight: bold;
			float: right;
			margin-right: 14.5vw;
			margin-top: 23.4vh;
			color: #aaaaaa;
		}

		body{
			margin: 0;
		}

		a{
			color: white;
			text-decoration: none;
		}

		.nav{
			height: 100px;
			font-family: "Yantramanav", sans-serif;
		}
		.nav__el{
			position: absolute;
			width: 75vw;
			margin: 0;
			font-family: "Yantramanav", sans-serif;


		}
		.nav__el li{
			font-size: 1.5vw;
			display: inline-block;
			position: relative;
			z-index: 10;
			margin: 2vw 0;
			color: white;
			padding: 0;
		}
		.nav__el h1{
			font-size: 1.8em;
			margin: -0.75vw 0 0 2vw;
		}
		.nav__el a h1{
  			display: inline-block;
 			transition-duration: 0.3s;
  			transition-property: transform;
  			transform: translateZ(0);
  			box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		}
		.nav__el a h1:hover {
    			transform: translateY(-3px);
  			}

      	.underline {
      		display: inline-block;
 		 position: relative;
 		 margin-right: 2vw;
  		text-align: center;
  		}
  
 	 	.underline:after {
		    content: '';
		    position: absolute;
		    bottom: -.2em;
		    left: 50%;
		    right: 50%;
		    height: 1px;
		    background: currentColor; /*system color*/
		    transition: all ease .2s;
	  	} 
	  
		.underline:hover:after {
		    left: 0;
		    right: 0;
		    height: 2px;
		  } 
	  
		.underline:before {
		    position: absolute;
		    transform: translateX(-100%);
		    left: -10px;
		    color: #eee;
		    opacity: .3;
		    font-weight: 100;
		    font-size: .8em;
		  }
		.col--left{
			float: left;
		}
		.col--right{
			float: right;
		}
		ul {
			padding: 0;
		}
		.shadow{ 
            filter: drop-shadow( 0px -30px 30px #000 );
		}
		.data-date{
			display: none;
		}
		



