/* CSS Document pour les pages de la galaxie Europarl */ /* CSS structurant le contenu (dans le conteneur "ep_boxbody") des boites generales de toutes les pages de la galaxie */ /* ======================================================================================================== */ /* = BOX CONTENT - PLAYER AUDIO/VIDEO ===================================================================== */ /* ======================================================================================================== */ /* PLAYER AUDIO/VIDEO - CONTENEUR : Element player */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer{ position: relative; display: block; overflow: visible; margin: 0 0 12px 0; padding: 0; font-size: 1em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Conteneur principal */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player { position: relative; display: block; z-index: 500; margin: 0; padding: 0; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Video */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_video{ position: relative; display: block; margin: 0; padding: 0; border: 1px solid #cccccc; border-bottom: none; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_video.ep_noborder{ border: none; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : le visiteur n'a pas le plugin adequat */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_empty .ep_video, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_noplugin .ep_video, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_wait .ep_video{ background-color: #144c6d; background-image: url(../../eptv/img/background/playerbox_bg_empty.jpg); background-position: left top; white-space: nowrap; letter-spacing: -0.3em; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_wait .ep_video{ background-color: #fbfbfb; background-image: none; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_empty .ep_video > span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_noplugin .ep_video > span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_wait .ep_video > span{ display: inline-block; width: auto; margin: 0; vertical-align: middle; text-align: center; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_empty .ep_video > span:first-child, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_noplugin .ep_video > span:first-child, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_wait .ep_video > span:first-child{ overflow: hidden; width: 1px; height: 366px; margin: 0; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_empty .ep_video > span:first-child + span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_noplugin .ep_video > span:first-child + span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_wait .ep_video > span:first-child + span{ left: -1px; width: 100%; margin: 0; padding: 83px 12px 3px 11px; box-sizing: border-box; -moz-box-sizing: border-box; background-image: url(../../eptv/img/icon/playerbox_icon_broken.png); background-position: center top; background-repeat: no-repeat; font-size: 1.4em; text-align: center; text-shadow: 2px 2px 1px #000000; line-height: 1.6em; white-space: normal; letter-spacing: normal; color: #fff; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_wait .ep_video > span:first-child + span{ min-height: 290px; padding-top: 235px; background-image: url(../../eptv/img/background/playerbox_bg_wait.png); font-size: 1.2em; font-weight: bold; text-shadow: none; color: #13334D; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_empty .ep_video > span:first-child + span a, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_noplugin .ep_video > span:first-child + span a, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_wait .ep_video > span:first-child + span a{ display: inline-block; padding-left: 16px; padding-top: 4px; clear: both; background: url(../../eptv/img/icon/playerbox_icone_link.png) left 0.65em no-repeat; text-decoration: none; font-size: 0.8em; color: #fff; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_empty .ep_video > span:first-child + span a:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_noplugin .ep_video > span:first-child + span a:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player.ep_wait .ep_video > span:first-child + span a:hover{ text-decoration: underline; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar{ position: relative; display: block; margin: 0; padding: 5px 0 0 0; background-color: #161a1c; background-image: url(../../eptv/img/background/playerbox_bg_toolbar_separator.png); background-position: top; background-repeat: repeat-x; border: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Loader */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player #video #waiting{ position: absolute; display: block; z-index: 30; top: 50%; left: 50%; width: 100%; margin: 0; padding: 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Loader */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player #video img, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player #video object, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player #video iframe{ position: relative; display: block; z-index: 20; margin: 0; padding: 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Loader */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player #video #loader{ position: absolute; display: block; z-index: 30; top: 50%; left: 50%; width: 100%; margin: 0; padding: 0; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player #video #loader #loader_pic{ position: absolute; display: block; top: -50px; bottom: 0; left: -50px; width: 100px; height: 100px; margin: 0 auto; padding: 0; background-image: url(../../eptv/img/icon/playerbox_loader.png); background-position: 0 0; background-repeat: no-repeat; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player #video #loader #loader_text{ position: relative; display: block; left: -50%; margin: 100px 0 0 0; padding: 0; font-size: 1.2em; text-align: center; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player #video #loader #loader_text span{ position: relative; display: inline-block; margin: 0 3px 0 0; padding: 0; font-weight: bold; text-align: center; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (ligne de temps) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_timeline{ position: relative; display: block; margin: 0 1px; padding: 1px 0 6px 0; background-color: #000000; background-image: url(../../eptv/img/background/playerbox_bg_toolbar_separator.png); background-position: bottom; background-repeat: repeat-x; speak: none; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_timeline div{ position: relative; display: block; cursor: pointer; overflow: visible; z-index: 10; top: 0; left: 0; width: 100%; height: 7px; margin: 0; padding: 0; background: none; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_timeline div div{ position: absolute; display: block; top: 0; left: 0; height: 7px; margin: 0; padding: 0; background-color: #161a1c; background-image: url(../../eptv/img/background/playerbox_bg_toolbar_timegreen.png); background-position: center; background-repeat: repeat-x; border: none; font-size: 1em; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_timeline a.ep_link{ position: absolute; display: block; overflow: hidden; z-index: 50; top: 0; left: 0 !important; width: 100%; height: 8px; text-decoration: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler{ position: relative; display: block; z-index: 20; height: 41px; margin: 0; padding: 0; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => bouton iconographique) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button{ position: absolute; display: block; z-index: 20; top: 0; width: 41px; height: 41px; margin: 0; padding: 0; background-color: #14191d; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button div{ position: absolute; display: block; top: 0; left: 0; width: 40px; height: 40px; margin: 0; padding: 0; background-color: #3e4e57; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button div input{ position: relative; display: block; overflow: hidden; cursor: pointer; top: 1px; left: 1px; width: 39px; height: 39px; margin: 0; padding: 0; background-position: left top; background-repeat: no-repeat; border: none; outline: none; letter-spacing: -100em; text-indent: 1000px; color: #242b30; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => bouton iconographique > image) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control input{ background-image: url(../../eptv/img/icon/playerbox_icon_playpause.png); } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control.ep_stop input{ background-image: url(../../eptv/img/icon/playerbox_icon_playstop.png); } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input{ background-image: url(../../eptv/img/icon/playerbox_icon_volum.png); } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_fullscreen input{ background-image: url(../../eptv/img/icon/playerbox_icon_fullscreen.png); } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => bouton iconographique > survole) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button input:link{ background-position: left top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button input:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button input:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button input:active{ background-position: right top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control input.ep_play, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control input.ep_play:link{ background-position: left top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control input.ep_play:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control input.ep_play:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control input.ep_play:active{ background-position: -39px top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control input.ep_pause, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control input.ep_pause:link{ background-position: -78px top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control input.ep_pause:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control input.ep_pause:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control input.ep_pause:active{ background-position: right top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_70, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_70:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_80, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_80:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_90, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_90:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_100, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_100:link{ background-position: -234px top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input:active, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_70:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_70:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_70:active, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_80:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_80:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_80:active, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_90:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_90:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_90:active, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_100:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_100:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_100:active{ background-position: -273px top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_10, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_10:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_20, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_20:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_30, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_30:link{ background-position: -78px top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_10:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_10:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_10:active, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_20:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_20:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_20:active, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_30:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_30:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_30:active{ background-position: -117px top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_40, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_40:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_50, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_50:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_60, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_60:link{ background-position: -156px top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_40:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_40:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_40:active, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_50:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_50:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_50:active, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_60:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_60:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_60:active{ background-position: -195px top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_off, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_off:link{ background-position: left top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_off:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_off:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum input.ep_off:active{ background-position: -39px top; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => bouton iconographique > texte) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format div div{ position: relative; display: block; overflow: hidden; cursor: pointer; top: 1px; left: 1px; width: 39px; height: 39px; margin: 0; padding: 0; background-image: url(../../eptv/img/background/playerbox_bg_toolbar.png); background-position: top; background-repeat: repeat-x; border: none; outline: none; text-align: center; white-space: nowrap; color: #FFFFFF; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format div abbr{ position: absolute; display: block; cursor: pointer; bottom: 50%; width: 100%; margin: 0; padding: 0; background: none; font-size: 1.1em; border: none; outline: none; text-decoration: none; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format div abbr + abbr{ top: 50%; bottom: inherit; font-size: 1em; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => bouton iconographique > position) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control{ left: 0; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum{ right: 0; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_fullscreen{ right: 0; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => bouton iconographique > correction bouton "play") */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_control div{ left: 0; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => bouton iconographique > liste) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button .ep_list{ position: absolute; display: block; overflow: hidden; bottom: 40px; left: -100000px; width: 41px; background-color: #14191d; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button .ep_list legend{ position: absolute; display: block; overflow: hidden; top: 0; left: -100000px; width: 1px; height: 1px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button .ep_list ul{ position: relative; display: block; overflow: hidden; bottom: 0; left: 0; width: 40px; margin: 0; background-color: #3e4e57; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button .ep_list ul li{ display: block; overflow: hidden; top: 1px; left: 1px; width: 40px; background-color: #333f47; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button .ep_list ul li:first-child{ padding-top: 5px; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => bouton iconographique > liste > affichage liste) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_open .ep_list{ left: 0; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => bouton iconographique > liste "format" > affichage icone activee) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_format.ep_open input, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_format.ep_open input:link{ background-position: -234px top; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => bouton iconographique > liste "volume" > affichage icone activee) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_70, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_70:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_80, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_80:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_90, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_90:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_100, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_100:link{ background-position: -234px top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_10, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_10:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_20, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_20:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_30, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_30:link{ background-position: -78px top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_40, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_40:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_50, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_50:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_60, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_60:link{ background-position: -156px top; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_off, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_volum.ep_open input.ep_off:link{ background-position: left top; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => bouton iconographique > liste "volume" > affichage liste) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul{ height: 85px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li{ height: 8px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input{ position: absolute; display: block; overflow: hidden; cursor: pointer; left: 10px; width: 19px; height: 4px; background-color: #dedede; background-image: none; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #929292; letter-spacing: -100em; text-indent: 1000px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input[value="10"]{ top: 80px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input[value="20"]{ top: 72px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input[value="30"]{ top: 64px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input[value="40"]{ top: 56px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input[value="50"]{ top: 48px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input[value="60"]{ top: 40px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input[value="70"]{ top: 32px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input[value="80"]{ top: 24px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input[value="90"]{ top: 16px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input[value="100"]{ top: 8px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input{ background-color: #384e5d; border-top-color: #384e5d; border-bottom-color: #384e5d; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input.ep_active, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input.ep_active:link{ background-color: #dedede; border-top-color: #ffffff; border-bottom-color: #929292; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input:active #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input.ep_active:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input.ep_active:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul li input.ep_active:active{ background-color: #ffffff; border-top-color: #ffffff; border-bottom-color: #ffffff; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => bouton iconographique > liste "format" > affichage liste) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li{ position: relative; margin-top: -1px; padding: 0; border-top: 1px solid #3E4E57; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li .ep_title{ position: relative; display: block; cursor: default; bottom: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 6px 0; background: none; font-size: 1.2em; border: none; border-top: 1px solid #14191d; outline: none; text-decoration: none; text-align: center; color: #70848e; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li:first-child .ep_title{ border: none; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li .ep_title abbr{ position: relative; display: inline-block; cursor: default; background: none; font-size: 1em; border: none; outline: none; text-decoration: none; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li ul{ bottom: auto; padding-bottom: 1px; background-color: #14191d; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li ul li{ top: 0; left: 0; margin-top: 0; border: none; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li button{ position: relative; display: block; overflow: hidden; cursor: pointer; width: 40px; margin: 0; padding: 1px 0; background-color: #333f47; font-size: 1.1em; text-align: center; color: #70848e; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li button:link{ color: #70848e; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li button:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li button:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li button:active{ color: #ffffff; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li button.ep_active, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li button.ep_active:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li button.ep_active:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li button.ep_active:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li button.ep_active:active{ cursor: default; color: #ffffff; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li button abbr{ position: absolute; display: block; top: 0; left: -10000px; width: 1px; height: 1px; border: none; outline: none; text-decoration: none; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format .ep_list ul li button abbr + abbr{ position: relative; left: 0; width: auto; height: auto; font-size: 1em; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => information "duree") */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_time{ position: absolute; display: block; z-index: 10; top: 0; left: 40px; right: 41px; height: 41px; margin: 0; padding: 0; background-color: #14191d; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_time div{ position: absolute; display: block; top: 0; left: -10000px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_time div + div{ right: 1px; height: 40px; left: 0; margin: 0; padding: 0; background-color: #3e4e57; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_time div div{ position: absolute; display: block; overflow: hidden; top: 1px; left: 2px; right: 0; margin: 0; padding: 0 12px; background-image: url(../../eptv/img/background/playerbox_bg_toolbar.png); background-position: top; background-repeat: repeat-x; text-align: left; white-space: nowrap; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => information "duree" > element textuel) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_time div div span{ position: relative; display: inline-block; overflow: hidden; left: 0; width: 1px; height: 39px; margin: 0; padding: 0; vertical-align: middle; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_time div div span + span{ overflow: visible; width: auto; height: auto; font-size: 1.8em; color: #ffffff; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_time div div span + span + span{ color: #4d9aca; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau de controle => activation boutons) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_format{ display: none; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler .ep_button.ep_fullscreen{ display: none; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler.ep_format .ep_button.ep_format{ display: block; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler.ep_fullscreen .ep_button.ep_fullscreen{ display: block; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler.ep_format .ep_time, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler.ep_fullscreen .ep_time{ right: 82px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler.ep_format.ep_fullscreen .ep_time{ right: 123px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler.ep_fullscreen .ep_volum{ right: 41px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler.ep_format .ep_button.ep_format{ right: 41px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_controler.ep_format.ep_fullscreen .ep_button.ep_format{ right: 82px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (correctif pour l'affichage des boites en bas) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_alternativeview .ep_toolbar .ep_controler .ep_button div{ z-index: 15; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_alternativeview .ep_toolbar .ep_controler .ep_button .ep_list{ z-index: 10; top: 39px; bottom: auto; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_alternativeview .ep_toolbar .ep_controler .ep_button .ep_list ul, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_alternativeview .ep_toolbar .ep_controler .ep_button .ep_list ul li, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_alternativeview .ep_toolbar .ep_controler .ep_button .ep_list ul li button{ background-color: #1c2428; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_alternativeview .ep_toolbar .ep_controler .ep_button.ep_volum .ep_list ul{ height: 90px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau linguistique > conteneur) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language{ position: relative; display: block; z-index: 10; margin: 0; padding: 5px 0 0 0; background-image: url(../../eptv/img/background/playerbox_bg_toolbar_separator.png); background-position: top; background-repeat: repeat-x; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content{ position: relative; display: block; margin: 0; padding: 4px 6px 6px 6px; background-color: #12171a; background-image: url(../../eptv/img/background/playerbox_bg_toolbar_separator.png); background-position: bottom; background-repeat: repeat-x; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div{ position: relative; display: block; float: right; margin: 0; padding: 0; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div div{ float: none; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau linguistique > titre) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_title{ float: left; padding: 3px 6px; font-size: 1.1em; color: #FFFFFF; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau linguistique > bouton de langue) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button{ float: left; overflow: visible; min-width: 12em; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button div{ z-index: 40; padding: 2px 2px 2px 6px; background-color: #283138; border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 5px #161b1f inset; -moz-box-shadow: 0 0 5px #161b1f inset; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button div span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button div span:link{ position: relative; display: block; cursor: pointer; margin: 0; padding: 0 20px 0 0; background-color: transparent; background-image: url(../img/icon/form_icon_arrow_select.png); background-position: right center; background-repeat: no-repeat; font-size: 1.2em; text-align: left; color: #7f8c95; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button div span:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button div span:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button div span:active{ color: #ffffff; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau linguistique > liste des langues disponibles) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button .ep_list{ position: relative; display: block; z-index: 50; overflow: hidden; height: 1px; padding: 0; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button .ep_list legend{ position: absolute; display: block; overflow: hidden; top: 0; left: -100000px; width: 1px; height: 1px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button .ep_list ul{ position: relative; display: block; top: 0; left: -1000px; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau linguistique > liste ouverte des langues disponibles) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list{ overflow: visible; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list ul{ top: -2px; left: 0; margin: 0; padding: 6px 0 0 0; background-color: #283138; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; box-shadow: 0 -2px 5px #161b1f inset; -moz-box-shadow: 0 -3px 5px #161b1f inset; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list ul li{ position: relative; display: block; margin: 0; padding: 0; background-color: #283138; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list ul input, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list ul input:link{ position: relative; display: block; cursor: pointer; margin: 0; padding: 1px 6px; background-color: transparent; color: #7f8c95; text-align: left; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list ul input:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list ul input:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list ul input:active{ color: #FFFFFF; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list ul input.ep_selected, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list ul input.ep_selected:link #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list ul input.ep_selected:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list ul input.ep_selected:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_toolbar .ep_language .ep_content div .ep_button.ep_open .ep_list ul input.ep_selected:active{ cursor: default; color: #4D9ACA; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau disclaimer > conteneur) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer{ position: relative; display: block; z-index: 10; margin: 0; padding: 0; background-color: #323e47; background-image: url(../../eptv/img/background/playerbox_bg_toolbar.png); background-position: bottom; background-repeat: repeat-x; color: #cccccc; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer .ep_title{ position: relative; display: block; margin: 0; padding: 6px 12px 7px 12px; font-size: 1.2em; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer .ep_title span{ position: relative; display: block; margin: 0; padding: 0; background-position: left 0.2em; background-repeat: no-repeat; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer .ep_content{ position: relative; display: block; margin: 0; padding: 0 12px 12px 12px; font-size: 1.2em; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer .ep_content p{ position: relative; display: block; margin: 12px 0; padding: 0; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer .ep_content p a, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer .ep_content p a:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer .ep_content p a:visited{ text-decoration: underline; color: #cccccc; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer .ep_content p a:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer .ep_content p a:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer .ep_content p a:active{ text-decoration: underline; color: #fff; } /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau disclaimer > effet d'ouverture/fermeture) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_open .ep_title, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_close .ep_title, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_open .ep_content, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_close .ep_content{ padding-left: 6px; background-color: #323e47; background-image: url(../../eptv/img/background/playerbox_bg_toolbar.png); background-position: bottom; background-repeat: repeat-x; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_open .ep_title, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_close .ep_title{ cursor: pointer; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_open .ep_title span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_close .ep_title span{ padding-left: 20px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_open .ep_content, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_close .ep_content{ border-top: 1px solid #ccc; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_open .ep_content p{ padding-left: 20px; padding-right: 19px; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_open .ep_title:hover span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_open .ep_title:focus span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_open .ep_title:active span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_close .ep_title:hover span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_close .ep_title:focus span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_close .ep_title:active span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_open:focus .ep_title span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_open:active .ep_title span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_close:focus .ep_title span, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_close:active .ep_title span{ color: #fff; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_close .ep_title span{ background-image: url(../../common/img/icon/boxbody_iconsmall_plus.png); } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_open .ep_title span{ background-image: url(../../common/img/icon/boxbody_iconsmall_minus.png); } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_player .ep_disclaimer.ep_close .ep_content{ display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PLAYER AUDIO/VIDEO - ZONE PLAYER : Player (panneau disclaimer > conteneur) */ #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_message{ position: relative; display: block; z-index: 10; margin: 0; padding: 6px 12px; background-color: #1c2427; background-image: url(../../eptv/img/background/playerbox_bg_toolbar.png); background-position: top; background-repeat: repeat-x; color: #cccccc; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_message > div{ position: relative; display: block; margin: 0; padding: 0; font-size: 1.2em; color: #cccccc; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_message > div a, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_message > div a:link, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_message > div a:visited{ text-decoration: underline; color: #cccccc; } #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_message > div a:hover, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_message > div a:focus, #maincontent .ep_noborderbox .ep_boxbody .ep_element1col .ep_elementplayer .ep_message > div a:active{ text-decoration: underline; color: #fff; }