/*Home*/
.ContenuSuggestVideos {
    margin-top: 20px;
}
/*Vidéos*/
.VideoYoutube,
.VideoYoutubeEpinglees {
	 border-bottom: solid 1px #333;
	 display: inline-block;
	 vertical-align: top;
	 padding: 3px;
	 margin-bottom: 10px;
	 width: 24.7%;
}
.VideoYoutube:nth-child(4n+4),
.VideoYoutubeEpinglees:nth-child(4n+4){
	 margin-right: -30px;
}
.VideoYoutube:hover,
.VideoYoutubeEpinglees:hover {
	 border-bottom: solid 1px #3bd700;
}
.LienVideo {
	 display: block;
	 text-decoration: none;
	 color: #fff;
}
.VideoYoutube img,
.VideoYoutubeEpinglees img {
	 display: block;
	 width: 100%;
	 height: auto;
	 background: #333;
	 padding: 2px;
}
.DetailsVideos {
	 padding: 5px;
	 text-align: center;
}
.TitreVideo {
	 font-size: 16px;
	 word-break: break-word;
	 margin-bottom: 2x;
}
.nbVu, .PaysVideo {
	 display: inline-block;
	 vertical-align: middle;
	 font-size: 13px;
}
.nbVu .material-symbols-outlined,
.PaysVideo .material-symbols-outlined {
	 display: inline-block;
	 vertical-align: middle;
	 font-size: 11px;
}
/*Visualisation*/
.TitreVisuali {
	 font-size: 22px;
	 margin: 10px;
	 text-align: center;
	 word-break: break-word;
}
.LecteurVideo {
    background-color: #222;
    overflow: hidden; 
	 padding-bottom: 36.25%; 
	 position: relative; 
	 height: 0px;
	 width: 100%;
}
.LecteurVideo iframe {
	 left: 0; 
	 top: 0; 
	 height: 100%;
	 width: 100%;
	 position: absolute;
}
.DetailsVisualisation {
	 margin-top: 5px;
}

/*VERSION MOBILE*/
@media screen and (max-width: 767px) {
   /*Vidéos*/
	.VideoYoutube,
	.VideoYoutubeEpinglees {
		 display: block;
		 width: 100%;
	}
	.VideoYoutube:nth-child(4n+4),
	.VideoYoutubeEpinglees:nth-child(4n+4) {
		 margin-right: 0px;
	}
	/*Visualisation*/
	.TitreVisuali {
		 font-size: 19px;
	}
	.LecteurVideo,
	.LecteurVideo iframe {
		 min-height: 250px;
	}	
}