/**GLOBAL****************************************************************************/

#menuVIDEO { background-color:#ffffff; background-repeat:no-repeat }
#menuVIDEO.lespagesrouges { background-image:url(/images/global/video/lespagesrouges.jpg) }
#menuVIDEO.big-brothers { background-image:url(/images/global/video/big-brothers.jpg) }
#menuVIDEO.cosmopolis { background-image:url(/images/global/video/cosmopolis.jpg) }
#menuVIDEO.culturisme { background-image:url(/images/global/video/culturisme.jpg) }
#menuVIDEO.fightclub { background-image:url(/images/global/video/fightclub.jpg) }
#menuVIDEO.france { background-image:url(/images/global/video/france.jpg) }
#menuVIDEO.murderballads { background-image:url(/images/global/video/murderballads.jpg) }
#menuVIDEO.outremonde { background-image:url(/images/global/video/outremonde.jpg) }
#menuVIDEO.the-bookmaker { background-image:url(/images/global/video/the-bookmaker.jpg) }

#menuVIDEO.soundtracks { background-image:url(/images/global/video/soundtracks.jpg) }
#menuVIDEO.adrenaline { background-image:url(/images/global/video/adrenaline.jpg) }
#menuVIDEO.fictions { background-image:url(/images/global/video/fightclub.jpg) }

#menuVIDEO ul { list-style-type:none }

/**NOJS****************************************************************************/

#menuVIDEO.NOJS { height:280px; overflow:auto }
#menuVIDEO.NOJS ul { padding:0; margin:0 }
#menuVIDEO.NOJS h1 { background-color:black; font-size:16px }
#menuVIDEO.NOJS h1 a { font-size:16px }
#menuVIDEO.NOJS h1 a span { color:white }

/**JS****************************************************************************/

#menuVIDEO.JS { margin:0; padding:0; overflow:hidden; position:relative; width:543px; height:280px }
#menuVIDEO.JS #btnPrevious,
#menuVIDEO.JS #btnNext { cursor:pointer; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); position:absolute;
                         bottom:20px; width:32px; height:32px; background-repeat:no-repeat }
#menuVIDEO.JS #btnPrevious { left:30px; background-image:url(/images/global/video/left.png) }
#menuVIDEO.JS #btnNext { right:36px; background-image:url(/images/global/video/right.png) }
#menuVIDEO.JS #listetous { cursor:pointer; position:absolute; top:46px; left:8px; width:116px; height:16px; display:block }
#menuVIDEO.JS #listetous:hover { text-decoration:none; }

#menuVIDEO.JS ul { padding:0; margin:73px 0 0 6px; display:block; width:600px; overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; clip:rect(0,529px,582px,0) }
#menuVIDEO.JS ul li { float:left; margin:60px 18px 100px 0; width:68px; height:35px }
#menuVIDEO.JS ul li h1 { position:absolute; margin:0; padding:0 }
#menuVIDEO.JS ul li h1 span { display:none; width:333px; position:absolute; bottom:0; padding:3px 5px;
                              background-color:#000000; color:#ffffff;font-size:16px; text-align:center }
#menuVIDEO.JS ul li.actif h1 span { display:block }