body{
	margin:5vw;
}

header {
  
  margin:0px auto;
  position: relative;
  display:flex;
}
header img{
	width:100%;
}
.logo{
	flex:1 1 10%;
	margin:1.7vh 1vh 1vh 1vh;
}
.menu{
	flex:1 1 80%;
}
.article-flex{
	background-color:white;
	flex:1 1 200px;
	transition-duration:1s;
	transition-delay:1; 
	line-height:0;
	}

.conteneur-flex{
	background-color:black; 
	display:flex;
	flex-wrap:wrap;
	margin:0%;
	overflow: hidden;
	padding:0%;
}
.double:hover > .texte_hoverD{
	display:block;
	transition-duration:1s;
	opacity:1;
	transform:translate(0, 0px);
}
.texte_hoverD{
	position:absolute;
	line-height:16px;
	width:23%;
	font-family: "Georgia", serif;
	font-size: 28px;
	text-align: center;
	line-height: 35px;
	color : rgb(255,255,255);
    background-color: rgba(0, 0, 0, 0.36);
	display:block;
	opacity:0;
	transition-duration:1s;
	transform:translate(0, -20px);
}

.contenu-video:hover > .texte_hover6{
	display:block;
	transition-duration:1s;
	opacity:1;
	transform:translate(0, 0px);
	}

.texte_hover6{
	position:absolute;
	line-height:16px;
	width:50%;
	font-family: "Georgia", serif;
	font-size: 28px;
	text-align: center;
	line-height: 35px;
	color : rgb(255,255,255);
    background-color: rgba(0, 0, 0, 0.36);
	display:block;
	opacity:0;
	transition-duration:1s;
	transform:translate(0, -20px);
}

.contenu-video:hover > .texte_hover2{
	display:block;
	transition-duration:1s;
	opacity:1;
	transform:translate(0, 0px);
	}

.texte_hover2{
	position:absolute;
	line-height:16px;
	width:50%;
	font-family: "Georgia", serif;
	font-size: 28px;
	text-align: center;
	line-height: 35px;
	color : rgb(255,255,255);
    background-color: rgba(0, 0, 0, 0.36);
	display:block;
	opacity:0;
	transition-duration:1s;
	transform:translate(0, -20px);
}

.contenu-video{
  background-color:green;
  filter: grayscale(100%);
}
.contenu-video:hover{
filter: grayscale(0%);

}

.contenu-double{
	display:flex;
	
}
.double{
	flex:1 1 30px;%;
	filter: grayscale(100%);
}

.double:hover{
	filter: grayscale(0%);
}

.contenu-video2{
	background-color:green;
	filter: grayscale(100%);

}
.contenu-video:hover2{
filter: grayscale(0%);
start:; 

}

footer {
  
  margin:-25vh 1vh 20vh 1vh;
  position: absolute;
  display:flex;
  
}

.h1 {
  
  font-family: "Georgia", serif;
	font-size: 15px;
	text-align: left;
	line-height: 3vw;
	color : rgb(0,0,0);
	
}

.h1:hover {
	 
  text-decoration:underline;
  cursor:pointer;
  }