.blocVignetteVideo {width:100%;  display:block; aspect-ratio:9/16; position:relative; cursor:pointer;}
.blocvidTitre {position: absolute; z-index: 12; top:0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-family: Muli "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; color:#fff; font-size:1.5em; text-shadow: 0 0 5px rgba(0,0,0,0.8);}
.blocvidVideo {position: absolute; top:0; z-index: 10; display: block; height: inherit; width: inherit; transition: all 0.5s ease-out; opacity:0;}
.blocvidVideo video {height: 100%; width: 100%; object-fit: cover;}
.blocvidVisu {aspect-ratio:9/16; display: block; height: inherit; width: inherit; position: relative; background:#000;}
/*.blocvidVisu:before {content:''; display: block; height: 100%; width: 100%; position: absolute; top: 0; background: rgba(0,0,0,0.2);}*/
.blocvidVisu:before, .blocvidVideo:before {position: absolute; top:0; z-index:5; content:''; display: block; height: 100%; width: 100%; background:url("../blocks/vignette-video/bg-loop-mask.png") no-repeat center; background-size:cover;  opacity:0.15;}
.blocvidVisu:before {opacity: 0.4;}
/*.blocvidVisu:after {content:''; position: absolute; z-index:4;  top:0; display: block; height: 50%; width: 100%; background:red;}*/
.blocvidVisu img {width:100% !important; height: 100% !important; object-fit: cover; object-position: 50% 50%; opacity:0.8;}
.blocVignetteVideo:hover .blocvidVideo {opacity:1;}

/********* 690 > 1000 *******************************************************************/
@media(min-width:691px) and (max-width:999px)
{
	.blocVignetteVideo, .blocvidVisu {aspect-ratio:2/2; overflow:hidden;}
}

/********* 0 > 690 *******************************************************************/
@media(max-width:690px)
{
	.blocVignetteVideo, .blocvidVisu {aspect-ratio:7/4; overflow:hidden;}
	.blocvidVisu:before, .blocvidVideo:before {background-image:url("../blocks/vignette-video/bg-loop-mask2.png");}
}