.coloron2{filter: brightness(1) invert(0);}
.coloron2:hover{filter: brightness(2) invert(0);}

body{
	background-color:#ebb7c9;		/*#ffbacc*/
	background-image:url('../images/videos/bg1.png');
	background-position:center;
	background-size:cover;
}
section{
	border-top:0px;
	padding-top:0px;
	}
h1 {
	font-family: "libelSuit";
	letter-spacing : 10px;
	text-align:center;
	color: #fff;
	font-size:2em;
	margin : 50px auto;
}
#videos {
    background-color: rgba(255,255,255,0.8);
	margin:50px auto 0 auto;
	padding:0 10px;
	width:70%;
}
.bloc{
	display:inline-block;
	margin:2% 1%;
	max-height:calc(33vw);
	overflow:hidden;
	width:47.7%;
}

.fleft,.fright{
	display:block;
	width:100%;
}

.texte span{
	color:#444;
	display:table;
	font-family: "libelSuit";
	font-size:1.1em;
	letter-spacing:2px;
	margin:10px auto 0 auto;
	text-align:center;
}
.texte a:link,.texte a:visited{color:#444;text-decoration:none;}
.texte a:hover{text-decoration: underline;}
.video{
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	height:calc(33vw/1.5);
	transition:1s;
	
}	
.video img{
	cursor:pointer;
	left: 45%;
	max-width:70px;
	position: relative;
	top: 45%;
	width:10vw;
}
#vid1{background-image:url('../images/videos/1.jpg');}	/*YnRNOW5J6MA*/
#vid2{background-image:url('../images/videos/2.jpg');}	/*rg-X3eQarfg*/
#vid3{background-image:url('../images/videos/3.jpg');}	/*bqxBVZHewD4*/
#vid4{background-image:url('../images/videos/4.jpg');}	/*51PSXInvMcQ*/
#vid5{background-image:url('../images/videos/5.jpg');}	/*ghW9TP-pup8*/
#vid6{background-image:url('../images/videos/6.jpg');}	/*72XvZXw55oU*/
#vid7{background-image:url('../images/videos/7.jpg');}	/*6CkwhMrIqIY*/
#vid8{background-image:url('../images/videos/8.jpg');}	/*H0s_CxVebcM*/
#vid9{background-image:url('../images/videos/9.jpg');}	/*S6ER9i3PzrE*/
#vid10{background-image:url('../images/videos/10.jpg');}	/*-Qo7CrzeV98*/
#vid11{background-image:url('../images/videos/11.jpg');}	/*Sy0h2-WGjDY*/
#vid12{background-image:url('../images/videos/12.jpg');}	/*47cs5z1fUUM*/

object{width:100%;height:100%;}

#contact{
	/* background-color:#151515; */
	/* background-image: linear-gradient(0deg, #476b68, #151515); */
	margin-top:30px;
	opacity:1;
	padding-top:15px;
}

@media only screen and (max-device-width: 1400px) {

}
@media only screen and (max-device-width: 1100px) {
	#videos{padding:30px 0 0 0;}
	.bloc{
		display:block;
		margin:0 0 20px 0;
		max-height:calc(60vw);
		width:100%;
	}
	.video{
		height:calc(60vw/1.5);
		margin:0 auto;
		width:60vw;
	}
	.texte span{
		margin: 15px auto;
	}
}
@media only screen and (max-device-width: 800px) {

}
@media only screen and (max-device-width: 600px) {
	h1{margin-top : 100px;}
	#videos{width:85vw;padding-top:10px;}
	.bloc{max-height:calc(80vw);}
	.video{
		height:calc(80vw/1.5);
		margin:0 auto;
		width:80vw;
	}		
}