/* CSS Document */

#bandeVideo {
	height:82px; 
	background-image:url(/img/bandeVideo/BVbgdGradient.png);
	background-repeat:repeat-x;
	
}

#bandeVideoLargeur {
	width:1005px;
	margin:0 auto;
	background-image:url(/img/bandeVideo/casqueTransparent.png);
	background-repeat:no-repeat;
	position:relative;
	right:10px;
	overflow:hidden;
	height:90px!important;
	height:93px;

}
	
	
	/* ********** partie gauche avec le texte ********** */
	#bandeVideoTextLeft {
		width:120px;
		float:left;
		margin-left:15px;
		margin-right:50px;
	}
	
		#bandeVideoTextLeft p {
			color:#FFFFFF;
			font-size:14px;
			line-height:15px;
			margin-top:20px;
			margin-left:10px;
		}
		
		#bandeVideoTextLeft strong {
			font-size:16px;
			color:#fea202;
		}
		
		#bandeVideoTextLeft a {
			font-size:9px;
			color:#00ccff;
			text-decoration:none;
		}
	
		#bandeVideoTextLeft a:hover {
			color:#999999;
		}
	
	/* ********** partie droite avec toutes les vidéos ********** */
	#bandeVideoRight {
		width:800px;
		float:left;
	}
		
		/* flèches "vidéos suivantes" et "précédentes" */
		.BVflecheGaucheInactive {
			width:9px;
			height:18px;
			float:left;
			margin:30px 12px 0 0;
		}
		
		.BVflecheGaucheActive a {
			width:9px;
			height:18px;
			display:block;
			float:left;
			margin:30px 12px 0 0px;
			text-decoration:none;
			background-image:url(/img/bandeVideo/BVflecheGaucheActive.png);
		}
		
		.BVflecheGaucheActive a:hover {
			background-position:bottom;
		}
		
		.BVflecheGaucheActive a img {
			border:none;
		}
		
		.BVflecheDroiteInactive {
			width:9px;
			height:18px;
			float:right;
			margin:30px 0 0 9px;
		}
		
		.BVflecheDroiteActive a {
			width:9px;
			height:18px;
			display:block;
			float:right;
			margin:30px 0 0 9px;
			text-decoration:none;
			background-image:url(/img/bandeVideo/BVflecheDroiteActive.png);
		}
		
		.BVflecheDroiteActive a:hover {
			background-position:bottom;
		}
		
		.BVflecheDroiteActive a img {
			border:none;
		}
		/* fin des flèches */
		
		.BVvideoSelectionnee {
			float:left;
			width:70px;
			height:70px;
			border:2px solid #00ccff;
			margin:5px 3px 5px 2px!important;
			margin:5px 1px 0px 1px;
			position:relative;
			top:10px;
		}
		

                
		
		.BVvideoSelectionable {
			position:relative;
			width:70px;
			height:70px;
			float:left;
			margin:5px 3px 5px 2px;
		}
		
		.BVvideoSelectionable.hover {
			float:left;
			width:70px;
			height:70px;
			border:2px solid #00ccff;
			margin:5px 3px 5px 2px!important;
			margin:5px 1px 0px 1px;
			position:relative;
			top:10px;
		}
		
		.BVvideoSelectionnable a img {
			border:none;
		}
		
			.BVbandeNoireInfo { 
			/*display:block;*/
			position:absolute;
			display:none;
			z-index:3;
			}
			
			
			.BVbandeNoireInfo p {
				background-image:url(/img/bandeVideo/coinGaucheLongHoverBV.png);
				background-position:left top;
				background-repeat:no-repeat;
				float:left;
				font-size:12px;
				color:#FFFFFF;
			}
			
			.BVbandeNoireInfo p span {
				background-image:url(/img/bandeVideo/coinDroitHoverBV.png);
				background-position:right top;
				background-repeat:no-repeat;
				padding:5px 12px 5px 2px;
				display:block;
				float:left;
				position:relative;
				left:7px;
			}
			
			.BVbandeNoireInfo a {
				text-decoration:none;
				color:#fea202;
			}
			
			.BVbandeNoireInfo a:hover {
				color:#999999;
			}
			
			.BVbandeNoireInfo em {
				font-size:9px;
				color:#00ccff;
				font-style:normal;
			}
			
			.BVbandeNoireInfo .titre_vignette{
				font-size:12px;
				color:#FFFFFF;
			}
		
			#BVtoutLire {
				float:left;
				width:70px;
				height:70px;
				background-image:url(/img/bandeVideo/videoVide70.jpg);
				background-repeat:no-repeat;
				margin:5px 3px 5px 2px!important;
				margin:5px 0 5px 0px;
				position:relative;
				left:0!important;
				left:2px;

			}
			
			#BVtoutLire p {
				text-align:center;
				margin-top:28px;
			}
			
			#BVtoutLire a {
				color:#00ccff;
				text-decoration:none;
				border:1px solid #424242;
				padding:2px 4px 2px 4px;
				font-size:9px;
			}
			
			#BVtoutLire a:hover {
				color:#fea202;
			}
		
			#BVtoutLire p span {
				color:#5f5f5f;
				font-size:9px;
				position:relative;
				left:15px;
				top:5px;
			}
			

#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}