.rubrique_video {
	width: 100%;
}

.rubrique_video ul {
	list-style-type: none;
	height: 85px;
	padding: 0;	
	margin: 10px 0px 0px 50px;
	clear: both;
}
.rubrique_video li {
	height: 85px;
	width: 100px;
	float: left;
	padding: 0;
   	margin: 0px 15px 0px 0px;
	cursor: pointer;
}
.rubrique_video li div {
	height: 85px;
	width: 100px;
	float: left;
	padding: 0;
   	margin: 0px 15px 0px 0px;
	cursor: pointer;
	opacity:0;
}

.rubrique_video .test {
	height: 85px;
	width: 100px;
	float: left;
	padding: 0;
   	margin: 0px 15px 0px 0px;
	cursor: pointer;
background-color:#F00;
}



.rubrique_video .resultat_rub {
	background: url( 'gfx/fond_rubrique.png' ) no-repeat top left;
	padding: 7px 0px 0px 0px;	/* 1=haut, 2=droite, 3=bas, 4=gauche */
   	margin: 13px 0px 0px 0px;	/* 1=haut, 2=droite, 3=bas, 4=gauche */
	width: 665px;
	height: 83px;
	clear: left;
}

.rubrique_video .bloc_screenshot {
	background-color: transparent;
	width: 595px;
	height: 66px;
   	margin: 5px 0px 0px 0px;  
   	padding: 0;
	float: left;
}

.rubrique_video .fleche_gauche {
	background: url( 'gfx/fleche_gauche.png' ) no-repeat top left;
	border: none;
	width: 20px;
	height: 30px;
   	margin: 24px 0px 0px 15px; 
   	padding: 0;   	
	float: left;
	Opacity: 0.8;
}
.rubrique_video .fleche_gauche:hover {
	Opacity: 1;
}
.rubrique_video .fleche_droite {
	background: url( 'gfx/fleche_droite.png' ) no-repeat top left;
	border: none;
	width: 20px;
	height: 30px;
   	margin: 24px 15px 0px 0px; 
   	padding: 0;   	
	float: right;
	Opacity: 0.8;
}
.rubrique_video .fleche_droite:hover {
	Opacity: 1;
}
.rubrique_video .fond {
	background: url( 'gfx/iconrub.png' ) no-repeat top left;
}
.rubrique_video li.journaux {
	background: url( 'gfx/iconrub_journaux.png' ) no-repeat top left;
}
.rubrique_video div.journaux {
	background: url( 'gfx/iconrub_journauxb.png' ) no-repeat top left;
}

.rubrique_video li.economie {
	background: url( 'gfx/iconrub_eco.png' ) no-repeat top left;
}
.rubrique_video div.economie {
	background: url( 'gfx/iconrub_ecob.png' ) no-repeat top left;
}

.rubrique_video li.santesolidarite {
	background: url( 'gfx/iconrub_sante.png' ) no-repeat top left;
}
.rubrique_video div.santesolidarite {
	background: url( 'gfx/iconrub_santeb.png' ) no-repeat top left;
}

.rubrique_video li.sportloisirs {
	background: url( 'gfx/iconrub_sport.png' ) no-repeat top left;
}
.rubrique_video div.sportloisirs {
	background: url( 'gfx/iconrub_sportb.png' ) no-repeat top left;
}

.rubrique_video li.culturefestivite {
	background: url( 'gfx/iconrub_culture.png' ) no-repeat top center;
}
.rubrique_video div.culturefestivite {
	background: url( 'gfx/iconrub_cultureb.png' ) no-repeat top center;
}

.rubrique_video li.portraits {
	background: url( 'gfx/iconrub_portraits.png' ) no-repeat top left;
}
.rubrique_video div.portraits {
	background: url( 'gfx/iconrub_portraitsb.png' ) no-repeat top left;
}

.rubrique_video li.viepublique {
	background: url( 'gfx/iconrub_viepub.png' ) no-repeat top left;
}
.rubrique_video div.viepublique {
	background: url( 'gfx/iconrub_viepubb.png' ) no-repeat top left;
}

.rubrique_video li.educationformation {
	background: url( 'gfx/iconrub_educ.png' ) no-repeat top left;
}
.rubrique_video div.educationformation {
	background: url( 'gfx/iconrub_educb.png' ) no-repeat top left;
}

.rubrique_video li.tourisme {
	background: url( 'gfx/iconrub_tourisme.png' ) no-repeat top left;
}
.rubrique_video div.tourisme {
	background: url( 'gfx/iconrub_tourismeb.png' ) no-repeat top left;
}

.rubrique_video li.travaux {
	background: url( 'gfx/iconrub_travaux.png' ) no-repeat top center;
}
.rubrique_video div.travaux {
	background: url( 'gfx/iconrub_travauxb.png' ) no-repeat top center;
}

.carouselbox .mask{
	position:relative;
	width:590px;
	height:66px;
	overflow:hidden;
	background:transparent;
}
.carouselbox .box{
	display:block;
	position:absolute;
}
.carouselbox .box span{
	float:left;
	clear:none;
	display:inline;
	padding:0px 15px 0px 15px;
}
.carouselbox .box span img{
	background:transparent;
	display:inline;
	clear:none;
	float:left;
	border:none;
	cursor:pointer;
}

.carouselbox .fondpanel {  
	margin: 10px 0px 0px 0px;	/* 1=haut, 2=droite, 3=bas, 4=gauche */
	padding:10px 35px 10px 60px;
	width:570px;
	height:70px;
	background:transparent;
}