#listeFilmsTitre{
	padding:6px 0 4px 52px;
	margin-bottom:17px;
	background:url(imgs/Clap.png) 0 bottom no-repeat;
	color:#000000;
	height:44px;
	font-size:30px;
	text-transform:uppercase;
	vertical-align:bottom;
	font-family:"openSansLight", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;		
}


#listeFilmsConteneur{
	width:100%;
}
.listeFilmsVignette{
	background-color:#AAAAAA;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	display:inline-block;
	float:left;
	-moz-transition:all .3s ease-in;
	-webkit-transition:all .3s ease-in;
	transition:all .3s ease-in;


    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
}
.vignette_visible{
	display:inline-block;
	width:22%;
	padding-bottom:31%;
	margin-right:3%;
	margin-bottom:3%;
    opacity: 1;
}
#listeFilmCategories{
	margin-bottom:20px;
}
.listeFilmChoix{
	font-family:"openSansLight", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
	font-size:14px;
	margin-right:20px;
	display:inline-block;
}
.listeFilmChoix label{
	vertical-align:middle;
}
.listeFilmChoix input{
	margin-right:2px;
}
/********************************* VOD *********************************/
#conteneur_vod{
	background-color:#000000;
	padding:20px 35px
}
#conteneur_vod #listeFilmsTitre{
	color:rgba(255,255,255,1.00);
}
#conteneur_vod #listeFilmsConteneur{
	width:90%;
	margin-top:34px;
	margin-left:5%
}
#conteneur_vod .vignette_visible{
	position:relative;
	margin-left:1.5%;
	margin-right:1.5%;
	transition-duration:0.06s;
}
#conteneur_vod .vignette_visible:hover{
	border-left:#fff24b 3px solid;
	border-right:#fff24b 3px solid;
}
.vod_tooltip_bg{
	height:100%;
	width:100%;
    background-color:rgba(52,52,52,0.80);
    visibility: hidden;
	position:absolute;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
}
#conteneur_vod .vignette_visible .vod_tooltip{
    width: 100%;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 3px 5px;
    position: absolute;
	top:50%;
	transform:translateY(-50%);
    
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
}
#conteneur_vod .vignette_visible:hover .vod_tooltip_bg{
	visibility: visible;
    opacity: 1;
}


#single_vad .articleContenu{
	background-color:#000000;
	color:#c4c4c4;
}
#single_vad .articleContenu, #single_vad h1, .lien_fiche_technique{
	color:#c4c4c4 !important;
}

.lien_fiche_technique{
	float:right;
	font-size:14px;
}
#single_vad h1 span, .lien_fiche_technique{
	text-transform:none;
}
.video_full{
	width:100%;
	height:60%;
	max-width:800px;
}
.video_bonus{
	width:100%;
}
.white_spacer{
	width:100%;
	border-bottom:3px #FFFFFF solid;
	height:0px;
	margin:30px 0;
}
.bloc_bonus{
	margin-bottom:20px;
}
.btn-fleche{
	color:#040404;
	background-color:#c4c4c4;
	padding:5px 10px 5px;
	border-radius:2px;
	font-weight:bold;
	font-style:normal;
}
.btn-fleche .glyphicon-play{
	transform:rotate(90deg);
	transition-duration:0.3s;
}
.btn-fleche.collapsed .glyphicon-play{
	transform:rotate(0deg);
}
/*.contenu_page_vod{
	color:#c4c4c4;
}
.bg_black{
	background-color:#000000;
}*/

/********************************* début règles responsive *********************************/
@media only screen and (max-width: 1180px) {
	.listeFilmsVignette.vignette_visible{
		width:27%;
		padding-bottom:42%;
		margin-left:3.3%;
		margin-bottom:3.3%;
	}
	#listeFilmsTitre{
		font-size:24px;
		background:url(imgs/Clap_min.png) 0 bottom no-repeat;
		height:38px;
		padding:10px 0 0 34px;
	}
}
@media (max-width: 767px) {
	.listeFilmsVignette.vignette_visible{
		width:44%;
		padding-bottom:66%;
		margin-left:3%;
		margin-bottom:3%;
	}
	#listeFilmsTitre{
		font-size:22px;
		height:28px;
		padding:2px 0 0 34px;
	}
	#listeFilmCategories{
		margin-top:40px;
	}
}
@media (max-width: 400px) {
	.listeFilmsVignette.vignette_visible{
		width:95%;
		padding-bottom:120%;
		margin-left:2%;
		margin-right:2%;
		margin-bottom:3%;
	}
	#listeFilmCategories{
		margin-top:70px;
	}
}