.fleche{
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-12px);
	z-index: 100;
	cursor: pointer;
}

.cover{
	background-color: #09151e;
  padding: 90px 20px 0 20px;
  height: calc(100vh - 68px);
	overflow: hidden;

 
  .content{
  	max-width: $global-max-width;  	
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;

		.text{
			@extend .absara-thin;
			color: $white;
			font-size: 2.25rem;
			width: 66%;
			align-self: flex-start;

			.barre{
				margin-top: 30px;
				border-top: 5px solid $white;
				width: 10%;
			}
		}

		.image{
			margin-right: 8%;

			img{
				width: auto;
				height: calc(0.66 * (100vh - 68px));
			}
		}
	}
}


@media screen and (max-width: $tablet-verticale){
	.cover{
	  .content{
			.text{
				font-size: 1.6875rem;
			}

			.image{
				margin-right: 8%;
				margin-top: 200px;

				img{
					width: auto;
					height: calc(0.45 * (100vh - 68px));
				}
			}
		}
	}
}


@media screen and (max-width: $phone){
	.cover{
  	padding: 20px 20px 0 20px;

	  .content{
			.text{
				font-size: 1.125rem;

				.barre{
					width: 16.66%;
				}				
			}

			.image{
				margin-right: 3%;
				margin-top: 150px;

				img{
					width: auto;
					height: calc(0.5 * (100vh - 68px));
				}
			}
		}
	}
}