/* Liste de la taxo */
#page-video {
	position:relative;
}
#page-video .add_videos {
	float:right;
	width:112px;
	height:40px;
}
#page-video .add_videos a {
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
	background:url(../images/videotheque/deposer_video_fr.png) no-repeat top left;
}
#page-video .list_videos {
	float:left;
	width:100%;
}
#page-video .all_videos {
	float:left;
	margin:0 35px 8px 0;
}
#page-video .all_videos a {
	padding:5px;
	display:block;
	font-weight:bold;
	font-size:1em;
	color:#8a8888;
	text-decoration:none;
	text-transform:uppercase;
}
#page-video .all_videos a:hover {
	color:#59615b;
	text-decoration:underline;
}
.view-taxonomie.view-display-id-page_1 {
	overflow:hidden;
	width:530px;
}
.view-taxonomie.view-display-id-page_1 .views-row {
	float:left;
	margin:0 25px 8px 0;
}
.view-taxonomie.view-display-id-page_1 .views-row .views-field-nothing a {
	font-weight:bold;
	font-size:1em;
	color:#8a8888;
	text-decoration:none;
	text-transform:uppercase;
	padding:5px;
	display:block;
}
.view-taxonomie.view-display-id-page_1 .views-row .views-field-nothing a:hover {
	color:#59615b;
	text-decoration:underline;
}
#page-video .all_videos a.active,
.view-taxonomie.view-display-id-page_1 .views-row .views-field-nothing a.active {
	background:#F8F4F2;
}


/* Lecture de la vidéo */
.view-videos.view-display-id-page_1 {
	margin:20px 0 0 0;
	overflow:hidden;
}
.view-videos.view-display-id-page_1 .views-row .views-field-title {
	margin:5px 0 0 0;
	font-weight:bold;
	font-size:1.2em;
	color:#8a8888;
	text-decoration:none;
	text-transform:uppercase;
	height:20px;
	line-height:20px;
	display:block;
}


/* Liste des vidéos */
.view-videos.view-display-id-page_2 {
	margin:30px 0 0 0;
	overflow:hidden;
	clear:both;
}
.view-videos.view-display-id-page_2 .views-row {
	float:left;
	width:140px;
	margin:0 9px 9px 0;
}
.view-videos.view-display-id-page_2 .views-row a {
	overflow:hidden;
	display:block;
	text-decoration:none;
	padding:3px;
	background:#F8F4F2;
	color:#535353;
	/* Transition */
	
	position:relative;
}
.view-videos.view-display-id-page_2 .views-row a .views-field-field-miniature-video-fid {
	display:block;
	margin:0;
	padding:0;
	float:left;
	height:75px;
	border:2px solid #fff;
	opacity : 0.5; 
    -moz-opacity : 0.5; 
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */ 
    filter : alpha(opacity=50); /* IE < 8 */ 
	-webkit-transition: all 0.5s ease;
   	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	margin-top:20px;
}
.view-videos.view-display-id-page_2 .views-row a:hover .views-field-field-miniature-video-fid {
	opacity : 1; 
    -moz-opacity : 1; 
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */ 
    filter : alpha(opacity=100); /* IE < 8 */ 
}
.view-videos.view-display-id-page_2 .views-row a .views-field-title {
	clear:both;
	height:20px;
	line-height:17px;
	display:block;
	text-indent:2px;
	font-weight:bold;
	-webkit-transition: background 0.3s ease-out;
   	-moz-transition: background 0.3s ease-out;
	transition: background 0.3s ease-out;
	
	position:absolute;
	z-index:5;
	overflow:hidden;
	width:100%;
}

.view-videos.view-display-id-page_2 .views-row a:hover .views-field-title {
	background: #868686; /* inherit serait bien mais bug */
	height:auto;
}

.view-videos.view-display-id-page_2 .views-row a:hover {
	background:#868686;
	color:#fff;
}
.view-videos.view-display-id-page_2 .views-row a.active .views-field-field-miniature-video-fid {
	border:2px solid #868686;
	opacity : 1; 
    -moz-opacity : 1; 
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */ 
    filter : alpha(opacity=100); /* IE < 8 */ 
}