/* ------------------------------------------------------------------------ Content redefinition ------------------------------------------------------------------------- */ * {margin: 0;padding: 0;border: 0;} body {background:url(/media/images/all/backgrounds/main-background-pattern.gif) top left repeat;color: #3a3939;font: 62.5%/1.2 Arial, Verdana, Sans-serif;overflow-x: hidden;} a {color: #3a3939;text-decoration: none;} a:hover {color: #dd2118;text-decoration: underline;} a:focus {outline: none;} /* ------------------------------------------------------------------------ General Classes ------------------------------------------------------------------------- */ .mp_hrBig {background: #d3d3d3;clear: both;float: left;height: 1px;margin: 10px 0 30px;overflow: hidden;width: 100%;} .mp_hr {background: #d3d3d3;clear: both;float: left;height: 1px;margin: 20px 0;overflow: hidden;width: 100%;} .mp_hr_nav {clear: none;margin-top: 19px !important;width: 465px;} .mp_no-margin-top {margin-top: 0 !important;} .mp_no-margin-bottom {margin-bottom: 0 !important;} .mp_margin-top {margin-top: 13px !important;} .mp_no-padding-top {padding-top: 0 !important;} .mp_no-padding-bottom {padding-bottom: 0 !important;} .mp_no-margin-right {margin-right: 0px !important;} .mp_no-border {border: 0 !important;} .mp_inside .mp_hr {margin: 0 0 15px 0;} .mp_dotted-hr {background: url(/media/images/all/backgrounds/dotted_hr.gif) top left repeat-x;clear: both;float: left;height: 4px;margin: 20px 0 15px 0;overflow: hidden;width: 100%;} .disabled {opacity: 0.3;} .video {background: url(/media/images/all/sprites/content-type.gif) top right no-repeat !important;} .text {background: url(/media/images/all/sprites/content-type.gif) 100% -67px no-repeat !important;} .disc {background: url(/media/images/all/sprites/content-type.gif) 100% -137px no-repeat !important;} .mp_web-exclusif {background: url(/media/images/all/sprites/bandeaux.png) top left no-repeat;height: 60px;left: 0;position: absolute;text-indent: -10000px;top: 0;width: 60px;z-index: 3;} .mp_nouveau {background: url(/media/images/all/sprites/bandeaux.png) 0 -61px no-repeat;height: 60px;left: 0;position: absolute;text-indent: -10000px;top: 0;width: 60px;z-index: 3;} .mp_primeur {/*background: transparent url(/media/images/all/backgrounds/primeur.png) no-repeat scroll 0 0;*/height: 89px;left: -5px;position: absolute;text-indent: -10000px;top: -5px;width: 92px;z-index: 3;} .cboth {clear: both;} .mp_see-all {clear: both;margin: 0 0 0 13px;} .date {background: url(/media/images/all/backgrounds/dates-background.gif) top left no-repeat;float: left;height: 12px;margin: 0 0 2px 0 !important;overflow: hidden;padding: 0 0 0 2px;text-decoration: none;width: 220px;} .hover p.date,.hover p.date strong {text-decoration: none !important;} .date strong {background: url(/media/images/all/backgrounds/dates-background.gif) 100% -12px no-repeat;color: #fff !important;display: block;float: left;padding: 0 5px 0 3px;text-transform: uppercase;} .dropdown {background: url(/media/images/all/backgrounds/dropdown.gif) top right no-repeat;height: 17px;list-style: none;position: relative;width: 212px;z-index: 1000;} .dropdown:hover {cursor: pointer;} .dropdown li {border-right: 0 !important;text-indent: 10px;padding: 0 !important;height: 17px;width: 181px;} .dropdown ul {display: none !important;left: 0;list-style: none;position: absolute;top: 19px;} .dropdown ul li {background: #fff;float: left;} .dropdown ul li a {color: #3A3939 !important;display: block;font-weight: normal !important;padding: 2px 0 0 0;width: 100%;} .dropdown ul li a:hover {color: #dd2118 !important;} .dropdown li.selected {background: none;display: block !important;height: 15px;padding-top: 2px !important;} .dropdown li.selected:hover {color: #dd2118;} .open ul {display: block !important;} a.mp_b_expand,a.mp_b_contract {background: url(/media/images/all/sprites/expands.gif) top left no-repeat;display: block;height: 18px;overflow: hidden;position: absolute;right: 11px;text-indent: -10000px;top: 16px;width: 18px;} a.mp_b_expand:hover {background-position: -25px 0;} a.mp_b_contract {background-position: 0 -22px;} a.mp_b_contract:hover {background-position: -25px -22px;} a.mp_edit {background: url(/media/images/all/sprites/edit.gif) 0 0 no-repeat;color: #BFBFBF;padding: 0 0 0 18px;} a.mp_edit:hover {background-position: 0 -14px;color: #dd2118;} a.b_bouger {background: url(/media/images/fr/buttons/b_bouger.gif) top left no-repeat;display: none;height: 20px;left: 13px;position: absolute;text-indent: -10000px;top: 84px;width: 69px;z-index: 5;} a.b_ajouter {background: url(/media/images/fr/buttons/b_ajouter.gif) top left no-repeat;display: none;height: 20px;left: 13px;position: absolute;text-indent: -10000px;top: 84px;width: 67px;z-index: 5;} a.b_delete {background: url(/media/images/all/buttons/b_delete.gif) top left no-repeat;display: none;height: 20px;right: 13px;position: absolute;text-indent: -10000px;top: 84px;width: 21px;z-index: 5;} a.static-link-style {text-decoration: underline;color: #DD2118;} li.listing-breaker {width: 100% !important;margin: 0 !important;} /* ------------------------------------------------------------------------ Shell ------------------------------------------------------------------------- */ #mp_background-wrapper {background: transparent url(/media/images/all/backgrounds/main-background-top.jpg) no-repeat scroll center -1px;min-height: 730px;width: 100%;} #mp_page {font-size: 1.2em;margin: 0 auto;padding: 10px 0 0 0;width: 980px;} #mp_header { } #mp_header { } #mp_content-container {clear: both;float: left;margin: 10px 0 0 0;width: 980px;} body.home #mp_content-container {margin-top: 22px;} #mp_content-container .mp_col-left {float: left;margin: 0 40px 10px 0;padding: 17px 0 0 0;width: 640px;} #mp_content-container .mp_col-right {float: left;padding: 25px 0 0 0;width: 300px;} #mp_footer {background: url(/media/images/all/backgrounds/footer-pattern.gif) top left repeat;clear: both;float: left;margin: 30px 0 0 0;padding: 25px 0 20px 0;position: relative;width: 100%;} /* ------------------------------------------------------------------------ Header ------------------------------------------------------------------------- */ #mp_header .mp_ad {margin: 0 auto;width: 730px;} #mp_paranav {float: right;list-style: none;margin: 11px 0 0 0;} #mp_paranav li {display: block;float: left;margin: 0 12px 0 0;color: #fff;} #mp_paranav li.last,#mp_paranav li.social li.last {margin-right: 0;} #mp_paranav li.separator {border-left: 1px #343434 solid;padding-left: 12px;} #mp_paranav li.social li {margin: 0 3px 0 0;} #mp_paranav a {color: #fff;text-decoration: none;} #mp_paranav a:hover {color: #dd2118;} #mp_paranav form {position: relative;margin: 0 0 0 4px;top: -2px;} #mp_paranav label {color: #000;display: block;left: 6px;position: absolute;top: 2px;} #mp_paranav label.password { /*left: 131px;*/ left: 100px;} #mp_paranav input {/*background: url(/media/images/fr/sprites/header.gif) 0 -119px no-repeat;*/ float: left;height: 15px;margin: 0 6px 0 0;padding: 2px 0 0 5px;width: 113px;} #mp_paranav input.courriel {background: url(/media/images/fr/sprites/password.jpg) top right no-repeat scroll;width: 82px;} #mp_paranav input.password {background: url(/media/images/fr/sprites/password.jpg) top right no-repeat scroll;width: 82px;} #mp_paranav input.submit {padding: 0;height: 17px;margin: 0;width: 31px;} #mp_logo {margin: 30px 0 0 0;} #mp_logo a{background:url(/media/images/all/sprites/header.gif) 0 0 no-repeat; float:left; height:110px; text-indent:-10000px; width:103px} #mp_menu {float: left;list-style: none;margin: 19px 0 0 50px;position: relative;} #mp_menu li {display: block;float: left;margin: 0 25px 0 0;} #mp_menu li ul {display: none;left: 11px;position: absolute;top: 43px;width: 750px;} #mp_menu li.hover ul,#mp_menu li.selected ul {display: block;} #mp_breadcrumb {clear: both;color: #fff;margin: 0 0 10px 0;} #mp_breadcrumb a {color: #b8b8b8;} #mp_breadcrumb a:hover {color: #dd2118;} #mp_artist_header {height: 139px;margin: 0 0 25px 0;position: relative;width: 978px;background: url(/media/images/all/headers/fond_gauche.png) top left no-repeat;} #mp_artist_header h1 {color: #FFFFFF;float: left;font-size: 3.4em;line-height: 0.9;margin: 10px 0 0 15px;text-transform: uppercase;width: 625px;} #mp_artist_header span.name {color: #fff;float: left;font-size: 3.4em;line-height: 0.9;margin: 10px 0 0 15px;text-transform: uppercase;width: 625px;} #mp_artist_header p {clear: left;color: #B8B8B8;float: left;margin: 5px 0 0 15px;position: relative;white-space: normal;width: 628px;} #mp_artist_header p strong {color: #fff;} #mp_artist_header p strong a {color: #fff;display: inline;position: inherit;text-indent: 0px;top: auto;right: auto;width: auto;padding-left: 5px;margin-top: 0;} #mp_artist_header p a {display: block;position: absolute;text-indent: -10000px;top: -2px;right: 0;width: 1px;} #mp_artist_header ul {bottom: 0;left: 0;position: absolute;width: 625px;} #mp_artist_header ul li {background: url(/media/images/all/backgrounds/rounded_tabs.gif) bottom right no-repeat;display: block;float: left;margin-left: -1px;} #mp_artist_header ul li.last {background: none;} #mp_artist_header ul li a {color: #fff;display: block;font-weight: bold;padding: 5px 10px;text-transform: uppercase;} #mp_artist_header ul li.selected a,#mp_artist_header ul li a:hover {background: url(/media/images/all/backgrounds/tabs_hover.png) top left repeat;text-decoration: none;} #mp_artist_header .mp_artist-img {position: absolute;right: 0;width: 333px;height: 139px;text-align: right;} #mp_artist_header .mp_artist-img .coin_droit {background: url(/media/images/all/headers/coins_droite.png) no-repeat top right;width: 5px;height: 139px;position: absolute;right: 0;top: 0;} #mp_artist_header .mp_artist-sponsor {height: 60px;position: absolute;right: 334px;top: 52px;width: 275px;} #mp_listing_header {background: url(/media/images/all/headers/section_title.png) no-repeat scroll 0 0;padding: 10px 18px 0;height: 90px;} #mp_listing_header h1 {color: #fff;font-size: 36px;text-transform: uppercase;} #mp_listing_header h2 ul {list-style-image: none;list-style-position: outside;list-style-type: none;line-height: 1.2em;} #mp_listing_header li {font-size: 16px;display: inline;margin-right: 10px;text-transform: uppercase;font-weight: bold;} #mp_listing_header li a {color: #000;text-decoration: none;} #mp_listing_header li a:hover {color: #dd2118;} #mp_listing_header li.selected a {color: #fff;} /* quenpensestu (tooltip) */ .quenpensestu {cursor: pointer;} #quenpensestu {position: absolute;border: 1px solid #ccc;background: #1c1c1c;padding: 2px 5px;color: #ccc;display: none;width: 200px;font-size: 12px;-moz-border-radius: 5px;border-radius: 5px;} /* ------------------------------------------------------------------------ Media Player ------------------------------------------------------------------------- */ #mp_player {background: url(/media/images/all/backgrounds/player-shadow.png) 2px 345px no-repeat;float: left;margin: 0 -25px;min-height: 385px;padding: 0 25px;} #mp_player .mp_content-container {background: url(/media/images/all/backgrounds/mp_player-background.gif) top left no-repeat;float: left;height: 365px;width: 978px;} #mp_player #mp_flash-player {float: left;} #mp_player #mp_flash-player .mp_flash-player-loader {margin-bottom: 0;margin-left: 310px;margin-right: 0;margin-top: 150px;} #mp_player a.share {background: transparent url(/media/images/all/sprites/player-nav.png) no-repeat scroll -563px -345px;color: #B8B8B8;float: left;height: 17px;margin: 0 26px 0 0;padding: 0 33px 0 0;} #mp_player a.share:hover {text-decoration: none;background-position: -563px -371px;} #mp_player a.embed {background: transparent url(/media/images/all/sprites/player-nav.png) no-repeat scroll -298px -346px;color: #B8B8B8;float: left;height: 17px;padding: 0 31px 0 0;} #mp_player a.embed:hover {text-decoration: none;background-position: -298px -369px;} #mp_player a.playlist {background: transparent url(/media/images/all/sprites/player-nav.png) no-repeat scroll -441px -346px;color: #B8B8B8;float: left;height: 17px;padding: 0 24px 0 0;} #mp_player a.playlist:hover {text-decoration: none;background-position: -441px -370px;} #mp_player .mp_scroll-pane {padding-bottom: 10px;} #mp_player .mp_scroll-pane p {margin-top: 5px;} #mp_player .mp_content {color: #b8b8b8;float: left;height: 351px;padding: 14px 28px 0 28px;width: 277px;display: none;} #mp_player .mp_content h1,#mp_player .mp_content h3 {color: #fff;font-size: 2em;line-height: 1;margin: 5px 0 0 0;text-transform: uppercase;} #mp_player .mp_content h1 a,#mp_player .mp_content h3 a {color: #fff;text-decoration: none;} #mp_player .mp_content h2,#mp_player .mp_content h4 {color: #b8b8b8;font-size: 1.3em;} #mp_player .mp_content h2 a,#mp_player .mp_content h4 a {text-decoration: none;color: #b8b8b8;margin-left: 2px;position: relative;top: 2px;} #mp_player .mp_content .readingMode {float: left;border-bottom: 1px solid #3a3a3a;padding: 10px 0;width: 100%;} #mp_player .mp_content .readingMode .readingMode-or,#mp_player .mp_content .readingMode .readingMode-title {float: left;padding-top: 4px;} #mp_player .mp_content .readingMode .readingMode-one {display: block;height: 22px;width: 30px;float: left;padding: 0 10px;background: url(/media/images/all/sprites/player-nav.png) no-repeat scroll -185px -367px;cursor: pointer;} #mp_player .mp_content .readingMode .readingMode-oneOn {display: block;height: 22px;width: 30px;float: left;padding: 0 10px;background: url(/media/images/all/sprites/player-nav.png) no-repeat scroll -185px -344px;cursor: pointer;} #mp_player .mp_content .readingMode .readingMode-one:hover {background-position: -185px -344px;} #mp_player .mp_content .readingMode .readingMode-two {display: block;height: 22px;width: 27px;float: left;padding: 0 0 0 10px;background: url(/media/images/all/sprites/player-nav.png) no-repeat scroll -136px -341px;cursor: pointer;} #mp_player .mp_content .readingMode .readingMode-twoOn {display: block;height: 22px;width: 27px;float: left;padding: 0 0 0 10px;background: url(/media/images/all/sprites/player-nav.png) no-repeat scroll -136px -365px;cursor: pointer;} #mp_player .mp_content .readingMode .readingMode-two:hover {background-position: -136px -365px;} #mp_player .mp_content .mp_tags-container {position: relative;} #mp_player .mp_content .mp_tags-container ul {height: 35px;margin: 10px 0 0;width: 278px;clear: both;position: static;overflow: hidden;} #mp_player .mp_content .mp_tags-container ul.on {height: auto;position: absolute;margin: 10px 0 0;padding-left: 8px;left: -9px;border-left: 1px solid #777;border-right: 1px solid #777;background-color: #212121;overflow: visible;} #mp_player .mp_content .mp_tags-container ul li.plus {margin-right: 0;float: right;} #mp_player .mp_content .mp_tags-container ul li.plus a {background: none;} #mp_player .mp_content .mp_tags-container ul li.last {display: none;position: absolute;bottom: -2px;left: -1px;margin: 0;width: 288px;float: none;font-size: 1px;height: 6px;clear: both;} #mp_player .mp_content .mp_tags-container ul li.last .left {background: transparent url(/media/images/all/backgrounds/taglist-bottom.png) no-repeat scroll left bottom;height: 7px;left: 0;position: absolute;top: 0;width: 6px;} #mp_player .mp_content .mp_tags-container ul li.last .middle {background: #212121 none repeat scroll 0 0;border-bottom: 1px solid #777;height: 6px;left: 6px;position: absolute;right: 6px;top: 0;} #mp_player .mp_content .mp_tags-container ul li.last .right {background: transparent url(/media/images/all/backgrounds/taglist-bottom.png) no-repeat scroll right bottom;height: 7px;left: auto;position: absolute;right: 0;top: 0;width: 6px;} #mp_player p.mp_tags {float: left;} #mp_player .mp_content .mp_hr {background: #3a3a3a;margin: 15px 0;} #mp_player .mp_appreciation {float: left;width: 170px;} #mp_player .mp_appreciation strong {background: url(/media/images/all/sprites/player-nav.png) 5px -337px no-repeat;color: #fff;font-size: 22px;padding: 5px 0 0 30px;} #mp_player .mp_vote {float: left;margin: 0 0 0 20px;padding-top: 8px;} #mp_player .mp_vote strong {float: left;} #mp_player .mp_vote .mp_vote_up,#mp_player .mp_vote .mp_vote_down {float: left;margin: 0 0 0 5px;} #mp_player .mp_details {display: none;} #mp_player .mp_details h1 {margin: 0;} #mp_player .mp_details h2 {color: #fff;margin: 0;} #mp_player .mp_details h2 a {margin: 0 0 0 5px;} #mp_player .mp_details .mp_scroll-pane {width: 100%;} #mp_player .mp_details .details {list-style: none;} #mp_player .mp_details .details li {color: #fff;margin: 0 0 5px 0;} #mp_player .mp_details .details li span {color: #b8b8b8;} #mp_player .mp_details ul.mp_tags {margin-left: 0;} #mp_player .mp_details ul.mp_tags li {margin: 0 8px 7px 0;} #mp_player .mp_nav {background: url(/media/images/all/sprites/player-nav.png) right -177px no-repeat;float: left;margin: 25px 0 0 0;width: 643px;} #mp_player .mp_nav ul {list-style: none;margin: 0 0 0 224px;} #mp_player .mp_nav ul li {display: block;float: left;} #mp_player .mp_nav ul li.mp_pages {background: url(/media/images/all/sprites/player-nav.png) 100% -55px no-repeat;height: 24px;} #mp_player .mp_nav ul li.mp_pages ul {background: url(/media/images/all/sprites/player-nav.png) 0 -80px no-repeat;height: 24px;margin: 0 11px 0 0;padding: 0 0 0 21px;width: auto;} #mp_player .mp_nav ul li.mp_pages ul li {margin: 0 11px 0 0;padding: 8px 0 0 0;} #mp_player .mp_nav ul li.mp_pages a {background: url(/media/images/all/sprites/player-nav.png) -4px -112px no-repeat;display: block;height: 8px;overflow: hidden;text-indent: -10000px;width: 8px;} #mp_player .mp_nav ul li.mp_pages .selected a,#mp_player .mp_nav ul li.mp_pages a:hover {background-position: -4px -122px;} #mp_player .b_plus {float: left;margin: 31px 0 0 27px;} #mp_player .b_prev,#mp_player .b_next {background-image: url(/media/images/all/sprites/player-nav.png);display: block;height: 24px;text-indent: -10000px;width: 33px;} #mp_player .b_prev {background-position: 0 0;} #mp_player .b_prev:hover {background-position: -37px 0;} #mp_player .b_next {background-position: 0 -27px;} #mp_player .b_next:hover {background-position: -37px -27px;} /* ------------------------------------------------------------------------ Small media player ------------------------------------------------------------------------- */ .mp_small-player,#mp_small-player {background: url(/media/images/all/backgrounds/mp_small-player-shadow.png) 0 bottom no-repeat;float: left;margin: 0 0 19px -24px;padding: 0 0 13px 25px;width: 700px;} .mp_small-player .mp_top,#mp_small-player .mp_top {background: url(/media/images/all/backgrounds/mp_small-player-top.gif) top left no-repeat;height: 7px;overflow: hidden;width: 100%;} .mp_small-player .mp_bottom,#mp_small-player .mp_bottom {background: url(/media/images/all/backgrounds/mp_small-player-bottom.gif) top left no-repeat;height: 7px;overflow: hidden;width: 100%;} .mp_small-player .mp_content {background: #212121;overflow: hidden;padding: 0px 17px;width: 611px;} #mp_small-player .mp_content {background: #212121;overflow: hidden;padding: 14px 17px;width: 611px;} .mp_small-player .mp_content .mp_album,#mp_small-player .mp_content .mp_album {border: 5px #403f3f solid;float: left;margin: 4px 20px 30px 0;} .mp_small-player .mp_content .mp_album img,#mp_small-player .mp_content .mp_album img {border: 1px #fff solid;display: block;} .mp_small-player .mp_content h2,#mp_small-player .mp_content h2 {color: #fff;letter-spacing: -0.06em;text-transform: uppercase;width: 390px;} .mp_small-player .mp_content h1,#mp_small-player .mp_content h1 {color: #fff;letter-spacing: -0.06em;text-transform: uppercase;width: 390px;} .mp_small-player .mp_content p,#mp_small-player .mp_content p {color: #bfbfbf;float: left;margin: 0 0 0 2px;width: 390px;} .mp_small-player .mp_content p.mp_small-player-titleDesc,#mp_small-player .mp_content p.mp_small-player-titleDesc {color: #bfbfbf;margin: 0 0 10px;} .mp_small-player .mp_content p.mp_small-player-titleDesc a,#mp_small-player .mp_content p.mp_small-player-titleDesc a {color: #bfbfbf;} .mp_small-player .mp_content .mp_dotted-hr,#mp_small-player .mp_content .mp_dotted-hr {clear: none;float: right;margin: 13px 2px 19px 0;width: 390px;} .mp_small-player .mp_content .mp_song-list,#mp_small-player .mp_content .mp_song-list {clear: none;float: left;width: 377px;} .mp_small-player .mp_content .mp_song-list .video,#mp_small-player .mp_content .mp_song-list .video {padding-right: 20px;} .mp_small-player .mp_content .mp_tools,#mp_small-player .mp_content .mp_tools {float: left;margin: 19px 0 0 0;width: 214px;} .mp_small-player .mp_content .mp_tools p,#mp_small-player .mp_content .mp_tools p {float: left;/*height: 40px;*/ margin: 0 10px 0 0;width: auto;} .mp_small-player .mp_content .mp_tools .addthis_toolbox,.mp_small-player .mp_content .mp_tools .mp_b_rss-single,#mp_small-player .mp_content .mp_tools .addthis_toolbox,#mp_small-player .mp_content .mp_tools .mp_b_rss-single {float: left;margin: 0 0 5px 0;width: 100px;} .mp_small-player .mp_content .mp_tags,#mp_small-player .mp_content .mp_tags {color: #b8b8b8;width: 390px;} .mp_small-player .mp_content .mp_desc,#mp_small-player .mp_content .mp_desc {float: left;width: 390px;} .mp_small-player .mp_content .mp_desc p,#mp_small-player .mp_content .mp_desc p {margin: 0 0 10px 0;width: auto;} .mp_small-player .mp_content .mp_desc ol,#mp_small-player .mp_content .mp_desc ol {color: #BFBFBF;margin: 0 0 10px 0;width: auto;} .mp_small-player .mp_content .mp_details,#mp_small-player .mp_content .mp_details {float: left;padding: 14px 0 0 0;width: 300px;} .mp_small-player .mp_content .mp_details h3,#mp_small-player .mp_content .mp_details h3 {color: #fff;font-size: 1em;margin: 0 0 1px 2px;text-transform: uppercase;width: 297px;} .mp_small-player p.full-width,#mp_small-player p.full-width {width: auto;margin: 0;float: none;clear: both;} /* ------------------------------------------------------------------------ Zone client ------------------------------------------------------------------------- */ .mp_zone-client { } .mp_zone-client .mp_content h4 {color: #fff;font-size: 15px;margin-bottom: 5px;margin-top: 2px;float: left;width: 100%;} .mp_zone-client .mp_content ul { } .mp_zone-client .mp_content ul li .mp_thumbnail {border: 4px #403f3f solid;float: left;margin: 0;position: relative;margin-right: 9px;margin-bottom: 5px;} .mp_zone-client .mp_content ul li .mp_thumbnail img {border: 1px #fff solid;display: block;} /* ------------------------------------------------------------------------ "every artist" listing ------------------------------------------------------------------------- */ .mp_everyartists { } .mp_everyartists li {width: 190px !important;margin-right: 13px !important;float: left;display: block;clear: none !important;border-bottom: 1px solid #F6F6F6;margin-bottom: 5px !important;padding-bottom: 5px;} .mp_everyartists li.breaktheline {float: none;clear: both;height: 1px;font-size: 1px;width: 100%;margin: 0;border: none;padding: 0;} /* ------------------------------------------------------------------------ Section listing (white) ------------------------------------------------------------------------- */ #mp_section-listing-white {background: url(/media/images/all/backgrounds/mp_small-player-shadow.png) 0 bottom no-repeat;float: left;margin: 0 0 19px -24px;padding: 0 0 13px 25px;width: 700px;} #mp_section-listing-white .mp_top {background: url(/media/images/all/backgrounds/mp_section-listing-top-white.gif) top left no-repeat;height: 7px;overflow: hidden;width: 100%;} #mp_section-listing-white .mp_bottom {background: url(/media/images/all/backgrounds/mp_section-listing-bottom-white.gif) top left no-repeat;height: 7px;overflow: hidden;width: 100%;} #mp_section-listing-white .mp_content {background: #fff;/*overflow: hidden;*/ padding: 10px 17px 0;width: 611px;} #mp_section-listing-white .mp_content h2 {width: 290px;line-height: 1.0em;} #mp_section-listing-white .mp_content .mp_hr {float: none;margin: 0;} #mp_section-listing-white .mp_content .mp_full-width-slider {margin: 0;} #mp_section-listing-white .mp_content .mp_album {border: 5px #403f3f solid;float: left;margin: 4px 20px 35px 0;position: relative;} #mp_section-listing-white .mp_content .mp_album img {border: 1px #fff solid;display: block;} /*section name*/ #mp_section-listing-white .mp_content h1 {text-transform: uppercase;color: #333;clear: both;margin-bottom: 10px;font-size: 1.95em;} /* title */ #mp_content-container .mp_col-left #mp_section-listing-white .mp_content h2 a {font-size: 24px;color: #333;line-height: 20px;margin-bottom: 10px;} /* sub - title */ #mp_content-container .mp_col-left #mp_section-listing-white .mp_content h2 a.second {display: block;font-size: 16px;} /* over title (en primeur) */ #mp_section-listing-white .mp_content h5 {color: #DD2118;margin-bottom: 5px;text-transform: uppercase;font-size: 12px;padding-top: 10px;} #mp_section-listing-white span.overTitle {display: block;color: #ADADAD;margin-top: 10px;float: none;width: auto;} /* listing title */ #mp_content-container .mp_col-left #mp_section-listing-white .mp_content h3 {font-size: 1.95em;} /* mp_hub_head_desc (16:9) */ #mp_section-listing-white .mp_hub_head_desc {color: #3A3939;width: 290px;float: left;margin: 0 0 30px;} #mp_section-listing-white .mp_hub_head_desc p,#mp_section-listing-white .mp_hub_head_desc div {clear: both;margin: 0;width: 290px;} #mp_section-listing-white .mp_hub_head_desc p label,#mp_section-listing-white .mp_hub_head_desc div label {color: #ADADAD;float: left;width: 90px;} #mp_section-listing-white .mp_hub_head_desc p span,#mp_section-listing-white .mp_hub_head_desc p em,#mp_section-listing-white .mp_hub_head_desc p a,#mp_section-listing-white .mp_hub_head_desc div em {color: #3A3939;float: left;width: 200px;} #mp_section-listing-white .mp_hub_head_desc p.desc {color: #3A3939;width: 290px;margin: 5px 0 10px;} #mp_section-listing-white .mp_hub_head_desc p.desc a {float: none;width: auto;} #mp_section-listing-white .mp_hub_head_desc div ul {float: left;width: 200px;list-style-image: none;list-style-position: outside;list-style-type: none;clear: right;} #mp_section-listing-white .mp_hub_head_desc div li {clear: none;float: left;height: 15px;} #mp_section-listing-white .mp_hub_head_desc div li a {color: #3A3939;} #mp_section-listing-white .mp_hub_head_desc div li a.plus { } #mp_section-listing-white .mp_hub_head_desc div li small {color: #aaa;font-size: 13px;letter-spacing: 1px;padding: 0 4px;} #mp_section-listing-white .mp_hub_head_desc ul.mp_tags {float: left;margin-top: 10px;width: 290px;overflow: hidden;} #mp_section-listing-white .mp_hub_head_desc ul.mp_tags li {color: #B8B8B8;} #mp_section-listing-white .mp_hub_head_desc ul.mp_tags li a {background-position: -3px -493px;} #mp_section-listing-white .mp_hub_head_desc ul.mp_tags li a:hover {background-position: -3px -283px;} #mp_section-listing-white .mp_hub_head_desc ul.mp_tags li a strong {background-position: right -493px;} #mp_section-listing-white .mp_hub_head_desc ul.mp_tags li a:hover strong {background-position: right -283px;color: #fff;} .mp_hub_list_desc {float: left;overflow: visible;width: 395px;} .mp_hub_list_desc h4 {float: none;margin: 0 0 5px;width: auto;font-size: 1.2em;color: #393939;} .mp_hub_list_desc span.overTitle {display: block;color: #ADADAD;margin: 0 0 3px 0;float: none;width: auto;} .mp_hub_list_desc h4 span {color: #ADADAD;float: left;font-size: 0.8em;margin: 1px 5px 0 0;} .mp_hub_list_desc h4 a {color: #393939;display: block;font-size: 1.2em;} .mp_hub_list_desc h4 a.second {font-size: 0.9em;} .mp_hub_list_desc p,.mp_hub_list_desc div {float: none;width: 395px !important;margin: 0;} .mp_hub_list_desc p label,.mp_hub_list_desc div label {color: #ADADAD;float: left;width: 90px;clear: left;} .mp_hub_list_desc p a,.mp_hub_list_desc p span,.mp_hub_list_desc p em,.mp_hub_list_desc div em {color: #3A3939;width: 305px;float: left;} .mp_hub_list_desc p.desc {margin: 0 0 5px;float: none;color: #3A3939;} .mp_hub_list_desc p.desc a {float: none;width: auto;} .mp_hub_list_desc div ul {float: left;width: 305px;list-style-image: none;list-style-position: outside;list-style-type: none;clear: right;} .mp_hub_list_desc div li {clear: none;float: left;height: 15px;width: auto;margin: 0;position: static;} .mp_hub_list_desc div li a {color: #3A3939;} .mp_hub_list_desc div li a.plus { } .mp_hub_list_desc div li small {color: #aaa;font-size: 13px;letter-spacing: 1px;padding: 0 4px;} .mp_hub_list_desc ul.mp_tags {float: none;margin: 10px 0 0;width: 395px;} #mp_section-listing-white div.simpleListing strong {color: #ccc;} #mp_section-listing-white li .mp_thumbnail img {width: 185px;} /* mp_hub_head_desc (1:1) */ .mp_hub_1x1 #mp_section-listing-white .mp_hub_head_desc {width: 357px;} .mp_hub_1x1 #mp_section-listing-white .mp_hub_head_desc p,.mp_hub_1x1 #mp_section-listing-white .mp_hub_head_desc div {width: 357px !important;} .mp_hub_1x1 #mp_section-listing-white .mp_hub_head_desc p.desc {width: 357px;} .mp_hub_1x1 #mp_section-listing-white .mp_hub_head_desc p a {width: 267px;} .mp_hub_1x1 #mp_section-listing-white .mp_hub_head_desc div ul {width: 267px;} .mp_hub_1x1 #mp_section-listing-white .mp_hub_head_desc ul.mp_tags {width: 357px;} .mp_hub_1x1 li .mp_thumbnail { } .mp_hub_1x1 li.hover .mp_thumbnail span,.mp_hub_1x1 li .mp_thumbnail:hover span {background: url(/media/images/all/backgrounds/album_hover.png) top left no-repeat !important;height: 185px !important;text-indent: -10000px;top: 1px !important;} /* ------------------------------------------------------------------------ Pager ------------------------------------------------------------------------- */ .mp_pager {float: left;clear: both;width: 100%;/*overflow: hidden;*/ background: transparent url(/media/images/all/backgrounds/pager_separator.gif) no-repeat scroll -650px 6px;/*background: transparent url(/media/images/all/backgrounds/pager_separator.gif) no-repeat scroll -120px 6px;*/ padding-bottom: 20px;} .mp_pager ul {float: right;list-style: none;} .mp_pager ul li {display: block;float: left;} .mp_pager ul li.mp_pagerNumbers {background: url(/media/images/all/sprites/player-nav.png) 100% -241px no-repeat;height: 17px;overflow: hidden;} .mp_pager ul li.mp_pagerNumbers ul {background: url(/media/images/all/sprites/player-nav.png) 0 -262px no-repeat;float: left;margin: 0 9px 0 0;padding: 0 0 5px 7px;width: auto;} .mp_pager ul li.mp_pagerNumbers ul li {margin: 0;padding: 0;} .mp_pager ul li.mp_pagerNumbers a {background: none;display: block;float: left;height: 11px;overflow: hidden;font-size: 0.9em;padding: 0 3px;text-indent: 0;width: auto;cursor: pointer;} .mp_pager ul li.mp_pagerNumbers .selected a,.mp_pager ul li.mp_pagerNumbers a:hover {color: #dd2118;} .mp_pager_bottom {margin: 10px 0 0;padding: 0;} .mp_pager code {display: none;} .mp_listing_filter {clear: both;padding: 5px 0 3px 3px;position: relative;z-index: 100;} .mp_listing_filter div {display: inline;} .mp_listing_filter code {display: none;} .mp_listing_filter span {font-weight: bold;margin-right: 20px;} .mp_listing_filter span a {font-weight: normal;color: #333;padding: 0 20px 0 5px;background: url(/media/images/all/sprites/dropdown.png) right 2px no-repeat;} .mp_listing_filter span a:hover {background-position: right -15px;} .mp_listing_filter ul {display: none;background: #eee none repeat scroll 0 0;list-style-type: none;left: 0;top: 19px;position: absolute;min-width: 150px;} .mp_listing_filter ul li {padding: 5px 8px 0;border-left: 1px solid #b3b3b3;border-right: 1px solid #b3b3b3;} .mp_listing_filter .hover {display: block;} .mp_listing_filter ul li.last {border: none;position: relative;font-size: 1px;height: 1px;} .mp_listing_filter ul li.last .left {height: 12px;left: 0;position: absolute;width: 6px;top: 0;background: url(/media/images/all/backgrounds/dropdown-bottom.png) no-repeat left;display: block;} .mp_listing_filter ul li.last .middle {height: 11px;border-bottom: 1px solid #b3b3b3;left: 6px;position: absolute;right: 6px;top: 0;background: #eee;display: block;} .mp_listing_filter ul li.last .right {height: 12px;left: auto;position: absolute;right: 0;top: 0;width: 6px;background: url(/media/images/all/backgrounds/dropdown-bottom.png) no-repeat right;display: block;} .mp_listing_filter ul li a {background: none;padding: 0;} /* ------------------------------------------------------------------------ Homepage Features ------------------------------------------------------------------------- */ .mp_features {clear: both;float: left;list-style: none;margin: 17px 0 0 15px;width: 955px;} .mp_features li {background: url(/media/images/all/backgrounds/feature-shadow.png) bottom center no-repeat;display: inline;float: left;height: 90px;margin: 0 3px 0 0;padding: 0 0 30px 10px;position: relative;width: 305px;} .mp_features li img {bottom: 14px;display: block;left: 10px;position: absolute;z-index: 0;} .mp_features li .mp_content {left: 128px;position: absolute;top: 31px;z-index: 1;} .mp_features li h3 {color: #cdcdcd;float: left;font-size: 1.8em;font-weight: normal;letter-spacing: 0.05em;} .mp_features li p {clear: left;color: #fff;float: left;width: 160px;} .mp_features li a {background: url(/media/images/all/backgrounds/spacer.gif) top left repeat; /*ie6 fix*/ height: 120px;left: 0;position: absolute;text-indent: -10000px;top: 0;width: 100%;z-index: 2;} .mp_features .mp_features-left {width: 2px;height: 95px;position: absolute;left: 10px;bottom: 14px;background: url(/media/images/all/features/corners.gif) top left no-repeat;z-index: 3;} .mp_features .mp_features-right {width: 2px;height: 95px;position: absolute;right: 10px;bottom: 14px;background: url(/media/images/all/features/corners.gif) top right no-repeat;z-index: 3;} .mp_features_home {margin-top: 3px;} .mp_features_home li {height: 104px;} .mp_features_home li a {height: 134px;} /* ------------------------------------------------------------------------ Content-Container ------------------------------------------------------------------------- */ #mp_content-container .mp_col-left h2,#mp_content-container .mp_col-left h3 {float: left;font-size: 2.1em;} #mp_content-container .mp_col-left h2 small,#mp_content-container .mp_col-left h3 small {font-size: 0.5em;font-weight: normal;} #mp_content-container .mp_col-left h2 a:hover {text-decoration: none;} #mp_content-container .mp_col-left h2 a.mp_all,#mp_content-container .mp_col-left h3 a.mp_all,#mp_content-container .mp_col-left h4 a.mp_all {color: #3a3939;font-size: 0.5em;font-weight: normal;} #mp_content-container .mp_col-left h2 a.mp_all:hover,#mp_content-container .mp_col-left h3 a.mp_all:hover,#mp_content-container .mp_col-left h4 a.mp_all:hover {color: #dd2118;text-decoration: underline;} /* ------------------------------------------------------------------------ Horizontal Slider ------------------------------------------------------------------------- */ .mp_slider {float: left;height: 170px;list-style: none;margin: 9px 0 0 1px;overflow: hidden;width: 670px;} .mp_noheight {height: auto;margin-top: 0;} .mp_slider li {display: block;float: left;margin: 0 28px 0 0;position: relative;width: 195px;} .mp_slider li.break {color: red;display: block;float: left;font-size: 1px;height: 1px;margin: 0;width: 100%;} .mp_noheight li {margin-bottom: 18px;} .mp_slider li.third {margin-right: 0;} .mp_slider li .mp_thumbnail {border: 4px #403f3f solid;display: block;float: left;height: 106px;margin: 0 0 13px 0;overflow: hidden;position: relative;width: 187px;} .mp_slider li .mp_thumbnail span {display: none;} .mp_slider li.hover .mp_thumbnail {border: 4px #fff solid;} .mp_slider li.hover .mp_thumbnail span {display: block;background: url(/media/images/all/backgrounds/slide_video_hover.png) top left no-repeat;height: 104px;left: 0;position: absolute;top: 0;width: 185px;z-index: 1 } .mp_slider li span.bombe,.mp_vertical-slider li span.bombe,.mp_results li span.bombe {display: block !important;background: url(/media/images/all/icons/bombe.png) top left no-repeat;height: 55px;left: -6px;position: absolute;top: -6px;width: 68px;z-index: 2;} .mp_slider li span.buzzclip,.mp_vertical-slider li span.buzzclip,.mp_results li span.buzzclip {display: block !important;background: url(/media/images/all/icons/buzzclip.png) top left no-repeat;height: 55px;left: -6px;position: absolute;top: -6px;width: 68px;z-index: 2;} .mp_slider li span.exclusif,.mp_vertical-slider li span.exclusif,ul.mp_results li span.exclusif {display: block !important;background: url(/media/images/all/icons/exclusif.png) top left no-repeat;height: 55px;left: -6px;position: absolute;top: -6px;width: 68px;z-index: 2;} .mp_slider li .mp_thumbnail img {border: 1px #fff solid;display: block;left: 0;position: absolute;top: 0;z-index: 0;} .mp_slider li .b_plus {color: #fff;display: none;left: 8px;position: absolute;top: 88px;width: 130px;z-index: 5;} .mp_slider li.hover .b_plus,.mp_slider li.hover .b_delete,.mp_slider li.hover .b_bouger,.mp_slider li.hover .b_ajouter {display: block;} .mp_slider li h4 {clear: both;font-size: 1em;margin: 0 0 0 4px;text-transform: uppercase;/*width: 190px;*/ width: 170px;padding-right: 20px;} .mp_slider li h4 a {color: #000;} .mp_slider li h4 a:hover {color: #dd2118;} .mp_slider li p {margin: 0 0 0 4px;} .mp_slider li p strong {color: #000;} .mp_noheight li p a:hover {color: #3A3939;text-decoration: none;} .mp_slider li p.desc {background: #fff;display: none;left: 0;position: absolute;top: 125px;z-index: 5;} .mp_slider li.hover p.desc {display: block;} .mp_slider li p.date {font-size: 0.9em;height: auto;margin-left: 2px !important;width: 189px;} .mp_slider li ul.mp_tags {margin: 5px 0 0 5px;} .mp_slider li ul.mp_tags li a,.mp_vertical-slider li ul.mp_tags li a {background-position: -3px -493px;} .mp_slider li ul.mp_tags li a:hover,.mp_vertical-slider li ul.mp_tags li a:hover {background-position: -3px -283px;} .mp_slider li ul.mp_tags li a strong,.mp_vertical-slider li ul.mp_tags li a strong {background-position: right -493px;} .mp_slider li ul.mp_tags li a:hover strong,.mp_vertical-slider li ul.mp_tags li a:hover strong {background-position: right -283px;color: #fff;} .mp_albums { /*margin-top: 15px;*/ } .mp_albums li .mp_thumbnail {height: 187px;} .mp_albums li .mp_thumbnail span {background: url(/media/images/all/backgrounds/album_hover.png) top left no-repeat !important;height: 188px !important;text-indent: -10000px;top: 1px !important;} .mp_reviews_slider { /*margin-top: 15px;*/ } .mp_reviews_slider li {margin-right: 25px !important;width: 305px;} .mp_reviews_slider li.last {margin-right: 0 !important;} .mp_reviews_slider li .mp_thumbnail {float: left;margin: 0 14px 0 0;width: 106px;} .mp_reviews_slider li .mp_thumbnail span {background: url(/media/images/all/backgrounds/album_hover.png) top left no-repeat !important;top: 1px !important;} .mp_reviews_slider li h4 {clear: none;float: left;font-weight: normal;margin: 0 0 7px 0;text-transform: none;width: 155px;} .mp_reviews_slider li.hover .b_plus,.mp_reviews_slider li .b_plus {display: inline-block;position: static;text-indent: -10000px;width: 15px;} /* not-a video */ .mp_not-a-video li.hover .mp_thumbnail span {display: block;background: url(/media/images/all/backgrounds/slide_other_hover.png) top left no-repeat;height: 104px;left: 0;position: absolute;top: 0;width: 185px;z-index: 1;} #mp_content-container .mp_nav {float: right;margin: 12px -5px 0 0;} #mp_content-container .mp_nav ul {list-style: none;} #mp_content-container .mp_nav ul li {display: block;float: left;} #mp_content-container .mp_nav ul li.mp_pages {background: url(/media/images/all/sprites/player-nav.png) 100% -241px no-repeat;height: 17px;overflow: hidden;} #mp_content-container .mp_nav ul li.mp_pages ul {background: url(/media/images/all/sprites/player-nav.png) 0 -262px no-repeat;float: left;margin: 0 9px 0 0;padding: 0 0 5px 17px;width: auto;} #mp_content-container .mp_nav ul li.mp_pages ul li {margin: 0;padding: 1px 0 0 0;} #mp_content-container .mp_nav ul li.mp_pages a {background: url(/media/images/all/sprites/player-nav.png) -5px -251px no-repeat;display: block;float: left;height: 11px;overflow: hidden;text-indent: -10000px;width: 14px;} #mp_content-container .mp_nav ul li.mp_pages .selected a,#mp_content-container .mp_nav ul li.mp_pages a:hover {background-position: -5px -239px;} #mp_content-container .mp_number_nav ul li.mp_pages ul {padding-left: 7px;} #mp_content-container .mp_number_nav ul li.mp_pages a {background: none;font-size: 0.9em;padding: 0 3px;text-align: center;text-indent: 0;width: auto;} #mp_content-container .mp_number_nav ul li.mp_pages .selected a {color: #dd2118;} #mp_content-container .mp_number_nav ul li.mp_pages ul li {padding: 0;} #mp_content-container .b_prev,#mp_content-container .b_next {background-image: url(/media/images/all/sprites/player-nav.png);display: block;height: 16px;text-indent: -10000px;width: 23px;cursor: pointer;} #mp_content-container .b_prev {background-position: 0 -223px;} #mp_content-container .b_prev:hover {background-position: -29px -223px;} #mp_content-container .b_next {background-position: -3px -203px;} #mp_content-container .b_next:hover {background-position: -32px -203px;} /* ------------------------------------------------------------------------ Filters ------------------------------------------------------------------------- */ .mp_filters {background: url(/media/images/all/backgrounds/filters_backgrounds.png) top left repeat;clear: both;float: left;margin: 8px 0 13px 0;padding: 9px 12px 0 12px;width: 618px;} .mp_filters p {clear: left;float: left;margin: 0 12px 10px 0;} .mp_filters ul {float: left;margin: -2px 0 10px 0;} .mp_filters ul li {border-right: 2px #969595 solid;display: block;float: left;margin: 0 10px 0 0;padding: 0 10px 0 0;} .mp_filters ul li.selected { } .mp_filters ul li.selected a {color: #dd2118;font-weight: bold;} .mp_filters ul li.last {border-right: 0;} /* ------------------------------------------------------------------------ Tags ------------------------------------------------------------------------- */ ul.mp_tags {float: left;/*margin: 0 0 0 5px;*/ overflow: hidden;} ul.mp_tags li {display: block;float: left;height: 13px;margin: 0 8px 7px 0;width: auto;overflow: visible;} ul.mp_tags li a {background: url(/media/images/all/sprites/player-nav.png) -3px -283px no-repeat;color: #fff;cursor: pointer;display: block;font-size: 0.8em;height: 13px;padding: 0 0 0 3px;text-transform: uppercase;} ul.mp_tags li a:hover,ul.mp_tags li a.hover {background-position: -3px -300px;color: #000;text-decoration: none;} ul.mp_tags li a strong {background: url(/media/images/all/sprites/player-nav.png) right -283px no-repeat;display: block;line-height: 10px; /* line-height: 12px; */ height: 12px;padding: 1px 5px 0 1px;} ul.mp_tags li a:hover strong,ul.mp_tags li a.hover strong {background-position: right -300px;} ul.mp_grey-tags {margin: 7px 0 -8px 0;} ul.mp_grey-tags li a {background-position: -3px -318px;} ul.mp_grey-tags li a strong {background-position: right -318px;} /* ------------------------------------------------------------------------ Reviews list ------------------------------------------------------------------------- */ .mp_reviews {clear: both;float: left;list-style: none;margin: 10px 0 0 5px;width: 100%;} .mp_reviews p {margin: 0 0 5px 0;} .mp_reviews p strong {color: #000;} .mp_reviews li {margin: 0 0 23px 0;} .mp_reviews .b_plus {display: inline-block;text-indent: -10000px;} .mp_reviews a { color: #DD2118; } .mp_reviews a:hover { color: #ffffff; } /* ------------------------------------------------------------------------ Grunge Box ------------------------------------------------------------------------- */ .mp_grunge-box {background: url(/media/images/all/backgrounds/grey-faded.png) top left repeat-x;clear: both;float: left;width: 640px;} .mp_grunge-box h3 {background: url(/media/images/all/backgrounds/grunge-title.png) top left repeat-x;color: #fff;float: left;font-size: 2em;height: 71px;padding: 8px 0 0 0;text-indent: 16px;width: 100%;} .mp_grunge-box h3 a {color: #fff;} .mp_grunge-box h3 a:hover {color: #dd2118;text-decoration: none;} .mp_grunge-box h3 a.mp_all {color: #fff !important;} .mp_grunge-box h4.mp_title a {color: #3a3939;} .mp_grunge-box h3 a.mp_all:hover {color: #dd2118 !important;} .mp_grunge-box h4 {float: left;font-size: 2em;left: 16px;position: relative;top: -6px;} .mp_grunge-box h4 a {color: #000;} .mp_grunge-box p a {color: #3A3939;} .mp_grunge-box h4 a:hover,.mp_grunge-box p a:hover {color: #dd2118;} #mp_content-container .mp_grunge-box .mp_nav {margin: 6px 16px 0 0;} #mp_content-container .mp_grunge-box .mp_nav ul {margin-left: 0;} #mp_content-container .mp_grunge-box .mp_col-left {border: 0;border-right: 1px #c4c4c4 solid;margin-right: 0;overflow: hidden;padding: 0;width: 321px;} #mp_content-container .mp_grunge-box .mp_col-right {padding: 0;width: 318px;} .mp_vertical-slider {float: left;height: 310px;list-style: none;margin: 11px 0 0 16px;overflow: hidden;position: relative;width: 100%;} .mp_vertical-slider .mp_thumbnail {border: 5px #403f3f solid;display: block;float: left;margin: 0 13px 0 0;position: relative;} .mp_vertical-slider .mp_thumbnail:hover {border: 5px #fff solid;text-decoration: none;} .mp_vertical-slider li .mp_thumbnail span {display: none;} .mp_vertical-slider li .mp_thumbnail:hover span {background: url(/media/images/all/backgrounds/slide_video_hover.png) center center no-repeat;display: block;height: 67px;left: 0;position: absolute;top: 0;width: 118px;z-index: 1;} .mp_vertical-not-a-video li .mp_thumbnail:hover span {background: url(/media/images/all/backgrounds/slide_other_hover.png) center center no-repeat;display: block;height: 67px;left: 0;position: absolute;top: 0;width: 118px;z-index: 1;} .mp_vertical-slider .mp_thumbnail img {border: 1px #fff solid;display: block;} .mp_vertical-slider h4 {color: #000;float: left;font-size: 1.1em;left: 0;position: relative;text-transform: uppercase;top: 0;width: 150px;} .mp_vertical-slider li {clear: both;float: left;margin: 0 0 30px 0;} .mp_vertical-slider .video,.mp_vertical-slider .text {padding: 0 0 18px 0;background-position: 167px 33px !important;} .mp_full-width-slider {clear: left;height: auto;margin: 8px 0 0 0;width: 100%;} .mp_full-width-slider li {margin-bottom: 25px;position: relative;width: 640px;} .mp_full-width-slider li .mp_tags li {clear: none;} .mp_full-width-slider h4 {float: left;/*width: 280px;*/ width: 100% !important;} .mp_full-width-slider p {float: left;/*width: 280px;*/ width: 100%;} .mp_full-width-slider .b_plus {top: 91px;color: #fff;display: block;left: -500px;position: absolute;z-index: 5;} .mp_full-width-slider .hover .b_plus {display: block;/*left: 59px;*/ left: 7px;} .mp_vote-slider h4 {width: 270px !important;} .mp_vote-slider p {width: 240px;} .mp_vote-slider li.no-image .mp_stats {margin-right: 20px;overflow: hidden;} .mp_vote-slider li.no-image p {width: 475px;} .mp_vote-slider .hover .b_plus {left: 140px;} .mp_vote-slider .mp_thumbnail:hover {border: 5px #403F3F solid;text-decoration: none;} .mp_full-width-slider .video {background-position: 0 17px !important;padding-bottom: 17px;} .mp_full-width-slider h4 a {color: #000;} .mp_full-width-slider .mp_thumbnail {margin-right: 18px;} .mp_full-width-slider .hover .mp_thumbnail {border-color: #fff;} .mp_full-width-slider .hover .mp_thumbnail span,.mp_full-width-slider .mp_thumbnail:hover span {background: url(/media/images/all/backgrounds/slide_video_hover.png) center center no-repeat;display: block;height: 107px !important;left: 0;position: absolute;top: 0;width: 186px !important;z-index: 1;} .mp_full-width-slider .mp_stats {width: 51px;} .mp_full-width-slider .mp_stats .mp_ranking {background-color: #e32219;background-position: 100% 0;font-size: 1.4em;font-weight: bold;padding: 2px 0 2px 0;text-align: left;text-indent: 12px;width: 51px;} .mp_full-width-slider .mp_stats .mp_change-up,.mp_full-width-slider .mp_stats .mp_change-down,.mp_full-width-slider .mp_stats .mp_change-new {background-color: #cdcdcd;background-position: 2px -26px;font-size: 1.1em;height: 21px;text-indent: 29px;padding: 4px 0 0 0;width: 51px;} .mp_full-width-slider .mp_stats .mp_change-down {background-position: 2px -77px;} .mp_full-width-slider .mp_stats .mp_change-new {background-position: 2px -52px;} .mp_stats {float: left;width: 26px;} .mp_stats .mp_ranking {background: url(/media/images/all/sprites/top-ranking.gif) top left no-repeat;color: #fff;display: block;font-size: 1.2em;height: 21px;padding-top: 4px;text-align: center;width: 26px;} .mp_stats .mp_change-up,.mp_stats .mp_change-new,.mp_stats .mp_change-down {background: url(/media/images/all/sprites/top-ranking.gif) 0 -25px no-repeat;display: block;height: 25px;text-indent: -10000px;width: 26px;} .mp_stats .mp_change-new {background-position: 0 -50px;} .mp_stats .mp_change-down {background-position: 0 -75px;} .mp_stats .mp_vote {background: #a0a0a0 url(/media/images/all/sprites/top-ranking.gif) 100% -103px no-repeat;color: #fff;cursor: pointer;display: block;font-size: 1.6em;font-weight: bold;height: 50px;width: 136px;} .mp_stats .mp_vote span {display: block;background: url(/media/images/all/sprites/top-ranking.gif) 59px -199px no-repeat;padding: 1px 0 0 11px;} .mp_stats .mp_vote span.mp_text {background: #cdcdcd;clear: left;color: #3a3939;float: left;font-size: 0.6em;font-weight: normal;height: 22px;padding-top: 6px;width: 125px;} .mp_stats .mp_vote:hover {background-color: #e32219;background-position: 100% -1px;color: #fff;text-decoration: none;} .mp_stats .mp_vote:hover span {background-position: 59px -153px;} .mp_stats .mp_voteResultOff {background: #a0a0a0 url(/media/images/all/sprites/top-ranking.gif) 100% -103px no-repeat;cursor: default;color: #ccc;display: block;font-size: 1.6em;font-weight: bold;height: 50px;width: 134px;} .mp_stats .mp_voteResultOn {background: #e32219 url(/media/images/all/sprites/top-ranking.gif) 100% 0px no-repeat;cursor: default;color: #fff;display: block;font-size: 1.6em;font-weight: bold;height: 50px;width: 134px;} .mp_stats .mp_voteResultOff span,.mp_stats .mp_voteResultOn span {display: block;padding: 1px 0 0 11px;} .mp_stats .mp_voteResultOff span.mp_text {background: #cdcdcd;clear: left;color: #3a3939;float: left;font-size: 0.6em;font-weight: normal;height: 20px;padding-top: 6px;width: 134px;} .mp_stats .mp_voteResultOn span.mp_text {background: #a0a0a0 url(/media/images/all/sprites/top-ranking.gif) no-repeat scroll 111px -200px;clear: left;color: #fff;float: left;font-size: 0.6em;font-weight: normal;height: 20px;padding-top: 6px;width: 134px;} .mp_stats-vote {width: 140px !important;} /* ------------------------------------------------------------------------ Playlist ------------------------------------------------------------------------- */ .mp_playlists {float: left;margin: 0 0 35px 0;} .mp_playlists h5 {background: url(/media/images/all/backgrounds/playlists_title.gif) top left no-repeat;color: #fff;height: 30px;margin: 0 !important;padding: 10px 0 0 14px;position: relative;width: 286px !important;} .mp_playlists h5 small {font-size: 0.5em;font-weight: normal;left: 4px;position: relative;top: -4px;} .mp_playlists h5 img { /*display:none;*/ position: absolute;right: 10px;top: 10px;} .mp_playlists_closed h5 {height: 50px;} .mp_playlists_closed .mp_content,.mp_playlists_closed h5 a.mp_b_contract {display: none !important;} .mp_playlists .mp_content-container {background: #212121;float: left;} .mp_playlists .mp_content {color: #fff;float: left;padding: 11px 11px 10px 13px;width: 276px;} .mp_playlists .mp_thumbnail {border: 3px #625f5f solid;display: block;float: left;margin: 0 15px 10px 0;position: relative;} .mp_playlists .mp_thumbnail img {border: 1px #fff solid;display: block;position: relative;z-index: 0;} .mp_playlists .mp_thumbnail span {background: url(/media/images/all/backgrounds/slide_video_hover.png) center center no-repeat;display: none;height: 57px;left: 0;position: absolute;top: 0;width: 99px;z-index: 1;} .mp_playlists .mp_thumbnail:hover span {display: block;} .mp_playlists .mp_nav {color: #616060;float: left !important;font-size: 0.9em;margin: 0 0 5px 0 !important;} .mp_playlists .mp_nav .mp_pages .selected {color: #dd2118;margin-right: 5px !important;padding: 0 0 0 15px !important;} .mp_playlists .mp_nav .mp_pages li {padding: 0 15px 0 0 !important;} .mp_playlists p {color: #bfbfbf;float: left;margin-bottom: 10px;padding: 0 15px 0 0;position: relative;width: 115px;} .mp_col-right .mp_playlists p a {display: block;background: url(/media/images/all/sprites/delete.gif) top left no-repeat;height: 13px;right: 0;text-indent: -10000px;top: 0;position: absolute;width: 13px;} .mp_playlists p a:hover {background-position: 0 -14px;} .mp_playlists p strong {color: #fff;text-transform: uppercase;} .mp_song-list {clear: both;list-style: none;font-size: 0.9em;} .mp_song-list li {margin: 0 0 2px 0;} .mp_song-list div,.mp_song-list a {color: #bfbfbf;display: inline;} .mp_song-list div span,.mp_song-list a span {display: block;float: left;width: 20px;} .mp_song-list div strong,.mp_song-list a strong {color: #fff;} .mp_song-list a:hover,.mp_song-list a:hover strong {color: #dd2118;} .mp_playlist-list {clear: none;float: left;list-style: none;margin-top: -9px;width: 284px;} .mp_profil .mp_col-right .jScrollPaneContainer {/*margin: -5px 0 0 -13px;*/ } .mp_playlist-list .mp_playlist_link {height: 100%;left: 0;position: absolute;text-indent: -10000px;top: 0;width: 100%;} .mp_playlist-list li {border-bottom: 1px #3a3a3a solid;float: left;position: relative;} .mp_playlist-list p {margin-bottom: 0;} .mp_playlist-list .mp_thumbnail {border: 3px #403f3f solid;float: left;margin: 0 12px 0 0;} .mp_playlist-list .mp_thumbnail img {border: 1px #fff solid;display: block;} .mp_playlist-list .mp_content {margin: 10px 0 10px 13px;padding: 4px 0;width: auto;} .mp_playlist-list .hover .mp_thumbnail,.mp_playlist-list .selected .mp_thumbnail {border-color: #fff;} .mp_playlist-list .hover,.mp_playlist-list .selected {background: url(/media/images/all/backgrounds/playlist_hover.gif) center left no-repeat;} .mp_playlist-list .hover p,.mp_playlist-list .hover p strong,.mp_playlist-list .selected p,.mp_playlist-list .selected p strong {color: #212121;} .mp_playlist-list .hover .b_bouger,.mp_playlist-list .hover .b_delete {display: block;top: 48px;} .mp_playlist-list .hover .b_bouger {left: 131px;} .mp_playlist-list .hover .b_delete {left: 205px;} .mp_playlist-list .hover .mp_content,.mp_playlist-list .selected .mp_content {background: #fff;} /* ------------------------------------------------------------------------ Right Column ------------------------------------------------------------------------- */ .mp_col-right .mp_ad {margin: 0 0 28px 0;} .mp_col-right h5 {clear: left;float: left;font-size: 2.1em;margin: 0 0 12px 5px;width: 100%;} .mp_col-right h5 a:hover {text-decoration: none;} .mp_col-right h5 a.mp_all {font-size: 0.5em;font-weight: normal;margin: 0 0 0 6px;} .mp_col-right h5 a.mp_all:hover {text-decoration: underline;} .mp_col-right h6 {clear: left;float: left;font-size: 2.1em;margin: 0 0 12px 2px;width: 100%;} .mp_col-right h6 a:hover {text-decoration: none;} .mp_col-right h6 a.mp_all {font-size: 0.5em;font-weight: normal;cursor: pointer;/*margin: 0 0 0 6px;*/ } .mp_col-right h6 a.mp_all:hover {text-decoration: underline;} .mp_col-right h6 small,.mp_col-right h6 small {font-size: 0.5em;font-weight: normal;} .mp_col-right .mp_contests {float: left;list-style: none;margin: 0 -2px 30px 0;} .mp_col-right .mp_contests li {display: block;float: left;margin: 0 1px 1px 0;} .mp_col-right .mp_contests li a {border: 4px #c9c9c9 solid;display: block;} .mp_col-right .mp_contests li a:hover {border: 4px #fff solid;} .mp_col-right .mp_contests li a img {border: 1px #fff solid;display: block;} .mp_col-right .mp_faded-list {float: left;list-style: none;margin: 0 0 20px 0;} .mp_col-right .mp_faded-list .mp_faded-list-normal {margin-left: 120px;} .mp_col-right .mp_faded-list .mp_faded-list-with-date {margin-left: 120px;} .mp_col-right .mp_faded-list .mp_faded-list-with-date .date {width: 150px !important;} .mp_col-right .mp_faded-list .mp_faded-list-for-album {margin: 0 0 7px 120px;} .mp_col-right .mp_faded-list .mp_faded-list-for-album p {color: #a6a6a6;margin: 0;width: 150px !important;} .mp_col-right .mp_faded-list .mp_faded-list-for-album a {font-weight: bold;} .mp_col-right .mp_faded-list li {background: url(/media/images/all/backgrounds/feature_gradient.png) bottom left repeat-x;float: left;font-size: 0.9em;margin: 0 0 7px 0;padding: 6px 5px 8px 8px;width: 287px;} .mp_col-right .mp_faded-list li.hover p {color: #dd2118;cursor: pointer;text-decoration: underline;} .mp_col-right .mp_faded-list li.hover p strong {color: #dd2118;} .mp_col-right .mp_faded-list li.hover .mp_author a {border: 3px #fff solid;} .mp_col-right .mp_faded-list li p {margin: 0 0 2px 0; /*margin: 0 0 7px 0;*/ } .mp_col-right .mp_faded-list li p strong {color: #000;} .mp_col-right .mp_faded-list li .mp_author {float: left;margin: -5px 13px 0 0;} .mp_col-right .mp_faded-list li .mp_author a {border: 3px #c9c9c9 solid;display: block;} .mp_col-right .mp_faded-list li .mp_author a img {border: 1px #fff solid;display: block;width: 95px;} .mp_col-right .mp_faded-content {background: url(/media/images/all/backgrounds/faded_12.png) top left repeat;float: left;padding: 14px;margin: 0 0 30px 0;} .mp_col-right .mp_faded-content .mp_col-left {border-right: 1px #c9c9c9 solid;border-top: 0 !important;margin: 0 !important;padding: 0 !important;width: 136px !important;} .mp_col-right .mp_faded-content ul.filters {list-style: none;} .mp_col-right .mp_faded-content .filters li {margin: 0 0 7px 0;} .mp_col-right .mp_faded-content .filters .selected,.mp_col-right .mp_faded-content .filters .selected a {color: #dd2118;font-weight: bold;} .mp_col-right .mp_faded-content .mp_col-right {padding: 0 0 0 13px !important;width: 122px !important;} .mp_col-right .mp_faded-content .mp_col-right .dropdown {width: 100px;} .mp_col-right .mp_faded-content .mp_col-right .dropdown ul {top: 17px;} .mp_col-right .mp_faded-content .mp_col-right .dropdown li {width: 69px;} .mp_col-right .mp_filter-content {float: left;margin: 0 0 30px;width: 300px;} .mp_col-right .mp_filter-content .mp_top {background: transparent url(/media/images/all/backgrounds/filter_top.gif) no-repeat scroll left top;height: 7px;position: relative;} .mp_col-right .mp_filter-content .mp_top .mp_filter-arrow {position: absolute;top: 32px;left: -17px;background: transparent url(/media/images/all/backgrounds/big_arrow.png) no-repeat scroll 0 0;width: 17px;height: 51px;} .mp_col-right .mp_filter-content .mp_content {background-color: #212121;padding: 10px 18px 18px;} .mp_col-right .mp_filter-content .mp_content h5 {color: #fff;font-size: 22px;line-height: 22px;float: none;} .mp_col-right .mp_filter-content .mp_content .mp_dotted-hr {margin: 15px 0;float: none;} .mp_col-right .mp_filter-content .mp_content ul {list-style-image: none;list-style-position: outside;list-style-type: none;clear: both;margin: 0;padding: 0;} .mp_col-right .mp_filter-content .mp_content li {margin: 0 0 0px;padding: 0 0 0 22px;display: block;} .mp_col-right .mp_filter-content .mp_content li span {display: block;border-top: 1px solid #333;padding: 4px;margin-right: 3px;color: #8e8e8e;cursor: pointer;height: 24px;voice-family: "\"}\"";voice-family: inherit;height: 14px;position: relative;} .mp_col-right .mp_filter-content .mp_content li a {display: block;border-top: 1px solid #333;padding: 4px;margin-right: 3px;color: #ddd;cursor: pointer;height: 24px;voice-family: "\"}\"";voice-family: inherit;height: 14px;position: relative;} .mp_col-right .mp_filter-content .mp_content li a small {float: right;position: absolute;right: 0;top: 7px;} .mp_col-right .mp_filter-content .mp_content li.selected {background: url(/media/images/all/backgrounds/filter_selected.gif) no-repeat scroll right bottom;} .mp_col-right .mp_filter-content .mp_content li.selected a {color: #e13931;border: none;padding: 5px 4px 4px;} .mp_col-right .mp_filter-content .mp_content li.selected a small {top: 8px;} .mp_col-right .mp_filter-content .mp_content li a.last {border-bottom: 1px solid #333;} .mp_col-right .mp_filter-content .mp_bottom {clear: both;background: transparent url(/media/images/all/backgrounds/filter_bottom.gif) no-repeat scroll left top;height: 7px;overflow: hidden;width: 300px;} /* ------------------------------------------------------------------------ About ------------------------------------------------------------------------- */ .mp_about #mp_small-player .mp_content .mp_desc {width: 290px;} .mp_about #mp_small-player .mp_content .mp_tools {margin-top: -40px;} /* ------------------------------------------------------------------------ Quick register ------------------------------------------------------------------------- */ .mp_quick-register {margin: 0 0 0 14px;padding: 15px 0 0 0;text-align: left;width: 585px;} .mp_quick-register h1 {color: #fff;font-size: 2.4em;} .mp_quick-register h2 {color: #fff;font-size: 1.6em;} .mp_quick-register .mp_dotted-hr {margin: 15px 0;} .mp_quick-register fieldset {position: relative;} .mp_quick-register span.valid {bottom: 2px;display: block;height: 16px;position: absolute;right: 9px;width: 16px;background: url(/media/images/all/icons/validInput.png) no-repeat 16px top;} .mp_quick-register label {color: #cacaca;display: block;float: left;font-size: 1.2em;margin: 4px 0 0 0;position: relative;width: 95px;} .mp_quick-register input {background: url(/media/images/all/backgrounds/input_background.gif) top left repeat;float: left;height: 18px;padding: 4px 5px 0 5px;margin: 0 0 13px 0;width: 229px;} .mp_quick-register2 input {background-color: white; top left repeat;float: left;height: 18px;padding: 4px 5px 0 5px;margin: 0 0 13px 0;width: 229px;} .mp_quick-register input#mp_email {padding: 4px 24px 0 5px;width: 210px;} .mp_quick-register input.submit {background: none;height: auto;width: auto;padding-left: 0;margin-bottom: 0;} .mp_quick-register .err {display: none;padding-top: 10px;color: #d7423b;font-size: 1.2em;float: left;width: 265px;} .mp_quick-register .mp_checkboxes {color: #cacaca;margin: 13px 0 0 100px;padding: 0 0 10px 0;} .mp_quick-register .mp_checkboxes p {font-size: 1.2em;} .mp_quick-register .mp_checkboxes label {clear: left;width: 230px;} .mp_quick-register .mp_checkboxes label input {background: none;height: auto;margin: 0 3px 0 0;padding: 0;width: auto;} .mp_quick-register .mp_submit {border-top: 1px #3a3a3a solid;padding: 10px 0 0 100px;} .mp_quick-register .mp_benefits {border-left: 1px #3a3a3a solid;float: left;list-style: none;margin: 0 0 20px 25px;padding: 0 0 0 25px;width: 180px;} .mp_quick-register .mp_benefits .title {background: none;color: #fff;font-size: 1.8em;padding: 0;} .mp_quick-register .mp_benefits .deja_membre {background: none;color: #DD2118;font-size: 1.8em;padding: 20px 0 0;} .mp_quick-register .mp_benefits .deja_membre a {color: #fff;} .mp_quick-register .mp_benefits li {background: url(/media/images/all/sprites/register_icons.gif) top left no-repeat;color: #cacaca;font-size: 1.2em;margin: 0 0 6px 0;padding: 2px 15px 2px 45px;} .mp_quick-register .mp_benefits .mp_icon_playlist {background-position: 0 3px;} .mp_quick-register .mp_benefits .mp_icon_artist {background-position: 0 -41px;} .mp_quick-register .mp_benefits .mp_icon_contest {background-position: 0 -83px;} .mp_quick-register .mp_benefits .mp_icon_vote {background-position: 0 -127px;} .mp_quick-register .mp_benefits .mp_icon_newsletters {background-position: 0 -168px;} .mp_quick-register .mp_b_close {background: url(/media/images/all/buttons/btn_close.gif) top left no-repeat;height: 25px;position: absolute;right: 30px;text-indent: -10000px;top: 17px;width: 27px;} .mp_quick-register .state1 {display: block;clear: left;float: left;width: 350px;} .mp_quick-register .state2 {display: none;padding-top: 95px;text-align: center;clear: left;float: left;width: 340px;} .mp_quick-register .state3 {display: none;color: #fff;padding: 80px 0 0 35px;text-align: left;clear: left;float: left;width: 305px;} .mp_quick-register .state3 p {padding: 0 0 0 40px;background: url(/media/images/all/icons/email.gif) no-repeat scroll left center;height: 26px;font-size: 11px;} .mp_quick-login {margin: 0 0 0 14px;padding: 15px 0 0 0;text-align: left;width: 520px;} /* ------------------------------------------------------------------------ Quick register 2 ------------------------------------------------------------------------- */ .mp_quick-register2 {margin: 0 0 0 14px;padding: 15px 0 0 0;text-align: left;width: 585px;} .mp_quick-register2 h1 {color: #fff;font-size: 2.4em;} .mp_quick-register2 h2 {color: #fff;font-size: 1.6em;} .mp_quick-register2 .mp_dotted-hr {margin: 15px 0;} .mp_quick-register2 fieldset {position: relative;} .mp_quick-register2 span.valid {bottom: 2px;display: block;height: 16px;position: absolute;right: 9px;width: 16px;background: url(/media/images/all/icons/validInput.png) no-repeat 16px top;} .mp_quick-register2 label {color: #cacaca;display: block;float: left;font-size: 1.2em;margin: 4px 0 0 0;position: relative;width: 95px;} .mp_quick-register2 input {background-color: white;} .mp_quick-register2 input#mp_email {padding: 4px 24px 0 5px;width: 210px;} .mp_quick-register2 input.submit {background: none;height: auto;width: auto;padding-left: 0;margin-bottom: 0;} .mp_quick-register2 .err {display: none;padding-top: 10px;color: #d7423b;font-size: 1.2em;float: left;width: 265px;} .mp_quick-register2 .mp_checkboxes {color: #cacaca;margin: 13px 0 0 100px;padding: 0 0 10px 0;} .mp_quick-register2 .mp_checkboxes p {font-size: 1.2em;} .mp_quick-register2 .mp_checkboxes label {clear: left;width: 230px;} .mp_quick-register2 .mp_checkboxes label input {background: none;height: auto;margin: 0 3px 0 0;padding: 0;width: auto;} .mp_quick-register2 .mp_submit {border-top: 1px #3a3a3a solid;padding: 10px 0 0 100px;} .mp_quick-register2 .mp_benefits {border-left: 1px #3a3a3a solid;float: left;list-style: none;margin: 0 0 20px 25px;padding: 0 0 0 25px;width: 180px;} .mp_quick-register2 .mp_benefits .title {background: none;color: #fff;font-size: 1.8em;padding: 0;} .mp_quick-register2 .mp_benefits .deja_membre {background: none;color: #DD2118;font-size: 1.8em;padding: 20px 0 0;} .mp_quick-register2 .mp_benefits .deja_membre a {color: #fff;} .mp_quick-register2 .mp_benefits li {background: url(/media/images/all/sprites/register_icons.gif) top left no-repeat;color: #cacaca;font-size: 1.2em;margin: 0 0 6px 0;padding: 2px 15px 2px 45px;} .mp_quick-register2 .mp_benefits .mp_icon_playlist {background-position: 0 3px;} .mp_quick-register2 .mp_benefits .mp_icon_artist {background-position: 0 -41px;} .mp_quick-register2 .mp_benefits .mp_icon_contest {background-position: 0 -83px;} .mp_quick-register2 .mp_benefits .mp_icon_vote {background-position: 0 -127px;} .mp_quick-register2 .mp_benefits .mp_icon_newsletters {background-position: 0 -168px;} .mp_quick-register2 .mp_b_close {background: url(/media/images/all/buttons/btn_close.gif) top left no-repeat;height: 25px;position: absolute;right: 30px;text-indent: -10000px;top: 17px;width: 27px;} .mp_quick-register2 .state1 {display: block;clear: left;float: left;width: 350px;} .mp_quick-register2 .state2 {display: none;padding-top: 95px;text-align: center;clear: left;float: left;width: 340px;} .mp_quick-register2 .state3 {display: none;color: #fff;padding: 80px 0 0 35px;text-align: left;clear: left;float: left;width: 305px;} .mp_quick-register2 .state3 p {padding: 0 0 0 40px;background: url(/media/images/all/icons/email.gif) no-repeat scroll left center;height: 26px;font-size: 11px;} .mp_quick-login {margin: 0 0 0 14px;padding: 15px 0 0 0;text-align: left;width: 520px;} /* ------------------------------------------------------------------------ Connexion page ------------------------------------------------------------------------- */ .mp_connexion { } .mp_connexion #mp_small-player .mp_dotted-hr {width: 100%;float: none;} .mp_connexion #mp_small-player h2 {width: 100%;float: none;} .mp_connexion #mp_small-player h3 {color: #fff;font-size: 1.8em;float: none;margin-bottom: 20px;} .mp_connexion #mp_small-player label {color: #fff;width: 100px;font-size: 1.0em;display: block;float: left;} .mp_connexion #mp_small-player input {background: transparent url(/media/images/all/backgrounds/input_background.gif) repeat scroll left top;float: left;height: 18px;margin: 0 0 13px;padding: 4px 5px 0;width: 229px;} .mp_connexion #mp_small-player input.mp_submit-btn {height: auto;width: auto;background: none;padding: 0;margin: 0 0 0 100px;} .mp_connexion #mp_small-player fieldset {display: block;clear: left;margin: 0 0 0 100px;padding-top: 10px;} .mp_connexion #mp_small-player fieldset a {color: #999;padding: 0 0 3px;cursor: pointer;display: block;} .mp_connexion #mp_small-player fieldset a:hover {color: #fff;} /* ------------------------------------------------------------------------ News ------------------------------------------------------------------------- */ .mp_news #mp_small-player .mp_content h2 {width: auto;} .mp_news #mp_small-player .mp_content .mp_dotted-hr {width: 390px;} .mp_news #mp_small-player .mp_content .mp_desc {width: 390px;} #mp_small-player .mp_content .mp_desc a {color: #dd2118;font-weight: bold;} .mp_news #mp_small-player .mp_content .mp_tags {float: right;width: 390px;} /* ------------------------------------------------------------------------ Login lightbox ------------------------------------------------------------------------- */ .mp_connect {margin: 0 0 0 28px;padding: 15px 0 0 0;text-align: left;width: 590px;} .mp_connect .mp_quick-register {margin: 0;padding: 0;margin-top: 13px;} .mp_connect h1 {color: #fff;font-size: 2.4em;} .mp_connect h2 {color: #fff;font-size: 1.8em;margin-bottom: 10px;} .mp_connect p {color: #aaa;float: left;font-size: 1.2em;padding: 0 25px 0 0;width: 195px;height: 426px;} .mp_connect .left-side {border-left: 1px solid #3a3a3a;clear: right;float: left;padding-left: 20px;width: 348px;height: 392px;} .mp_connect .left-side .mp_register {border-bottom: 1px solid #3A3A3A;margin-bottom: 20px;margin-top: 10px;} .mp_connect .left-side label {color: #CACACA;display: block;float: left;font-size: 1.2em;margin: 4px 0 0;position: relative;width: 105px;} .mp_connect .left-side input {background: transparent url(/media/images/all/backgrounds/input_background.gif) repeat scroll left top;float: left;height: 18px;margin: 0 0 13px;padding: 4px 5px 0;width: 229px;} .mp_connect .left-side input.submit {height: auto;width: auto;background: none;padding: 0;margin: 0;} .mp_connect .left-side input.mp_submit-btn {background: transparent none repeat scroll 0 0;height: auto;margin: 0 0 0 105px;padding: 0;width: auto;} .mp_connect .left-side .mp_checkboxes {color: #cacaca;margin: 10px 0 0 105px;padding: 0 0 15px;clear: both;} .mp_connect .left-side .mp_checkboxes label {clear: left;width: 210px;color: #CACACA;display: block;float: left;font-size: 1.2em;margin: 4px 0 0;position: relative;} .mp_connect .left-side .mp_checkboxes p {font-size: 1.2em;height: auto;} .mp_connect .left-side .mp_checkboxes input {background: transparent none repeat scroll 0 0;height: auto;margin: 0 3px 0 0;padding: 0;width: auto;float: left;} .mp_connect .mp_b_close {background: url(/media/images/all/buttons/btn_close.gif) top left no-repeat;height: 25px;position: absolute;right: 30px;text-indent: -10000px;top: 17px;width: 27px;} .mp_connect .state1 {display: block;clear: left;float: left;width: 348px;} .mp_connect .state2 {display: none;padding-top: 95px;text-align: center;clear: left;float: left;width: 348px;} .mp_connect .state3 {display: none;color: #fff;padding: 80px 0 0 67px;text-align: left;width: 276px;clear: left;float: left;} .mp_connect .state3 p {width: auto;} /* ------------------------------------------------------------------------ Embed ------------------------------------------------------------------------- */ .mp_embed {margin: 0 0 0 28px;padding: 15px 0 0 0;text-align: left;width: 584px;} .mp_embed h1 {color: #fff;font-size: 2.4em;} .mp_embed h2 {color: #fff;font-size: 1.8em;} .mp_embed p {color: #aaa;float: left;font-size: 1.2em;padding: 0 25px 0 0;width: 195px;} .mp_embed p a {color: #fff;text-decoration: underline;font-weight: bold;} .mp_embed .left-side {border-left: 1px solid #3a3a3a;clear: right;float: left;padding-left: 20px;width: 340px;} .mp_embed .left-side p {float: none;margin: 10px 0 15px;padding: 0;width: auto;} .mp_embed .left-side textarea {background: #FFFFFF url(/media/images/all/backgrounds/textarea_background_pattern.gif) repeat-x scroll left top;font-family: Arial;font-size: 1em;height: 87px;margin: 0;padding: 4px 5px 0;width: 335px;color: #444444;} .mp_embed .mp_dotted-hr {margin: 15px 0;} .mp_embed .mp_b_close {background: url(/media/images/all/buttons/btn_close.gif) top left no-repeat;height: 25px;position: absolute;right: 30px;text-indent: -10000px;top: 17px;width: 27px;} /* ------------------------------------------------------------------------ Share ------------------------------------------------------------------------- */ .mp_share {margin: 0 0 0 28px;padding: 15px 0 0 0;text-align: left;width: 584px;} .mp_share h1 {color: #fff;font-size: 2.4em;} .mp_share h2 {color: #fff;font-size: 1.8em;} .mp_share p {color: #aaa;float: left;font-size: 1.2em;padding: 0 25px 0 0;width: 195px;} .mp_share .left-side {border-left: 1px solid #3a3a3a;clear: right;float: left;padding-left: 20px;width: 340px;} .mp_share .mp_dotted-hr {margin: 15px 0;} .mp_share .mp_b_close {background: url(/media/images/all/buttons/btn_close.gif) top left no-repeat;height: 25px;position: absolute;right: 30px;text-indent: -10000px;top: 17px;width: 27px;} .mp_share .mp_submit {margin-top: 30px;border-top: 1px solid #3a3a3a;padding-top: 20px;} .mp_share .mp_submit label {width: 205px;color: #aaa;font-size: 1.2em;display: inline;float: left;padding-top: 4px;} .mp_share .mp_submit .mp_option_holder {height: 25px;padding-top: 13px;} .mp_share .mp_submit form {margin: 10px 0 0;height: 70px;} .mp_share .mp_submit form label {width: 110px;color: #aaa;font-size: 1.2em;display: inline;padding-top: 4px;} .mp_share .mp_submit form input {background: transparent url(/media/images/all/backgrounds/input_background_pattern.gif) repeat-x scroll left top;color: #444444;float: right;font-size: 1em;height: 18px;margin: 0 0 13px;padding: 4px 5px 0;width: 210px;} /*addthis*/ .mp_share .at_item {position: static;text-indent: -10000px;overflow: hidden;} .mp_share .at_item .at15t_favorites {background: transparent url(/media/images/fr/buttons/ok.jpg) no-repeat scroll 0 0 !important;cursor: pointer;display: block;float: left;height: 22px !important;padding: 0 !important;width: 73px !important;} .mp_share .custom_images a {padding: 8px 0 8px 38px;color: #aaa;background-repeat: no-repeat;background-position: 0 0;float: left;width: 75px;margin-top: 17px;font-size: 1.2em;opacity: 0.75;} .mp_share .custom_images a:hover {opacity: 1;} .mp_share .addthis_button_twitter {background-image: url(/media/images/all/icons/black_twitter.png);} .mp_share .addthis_button_facebook {background-image: url(/media/images/all/icons/black_facebook.png);} .mp_share .addthis_button_stumbleupon {background-image: url(/media/images/all/icons/black_stumble.png);} .mp_share .addthis_button_myspace {background-image: url(/media/images/all/icons/black_myspace.png);} .mp_share .addthis_button_digg {background-image: url(/media/images/all/icons/black_digg.png);} .mp_share .addthis_button_plus {background-image: url(/media/images/all/icons/black_plus.png);} /* ------------------------------------------------------------------------ Add to playlist ------------------------------------------------------------------------- */ .mp_addToPlaylist {text-align: left;margin: 0 0 0 28px;padding: 15px 0 0 0;width: 584px;} .mp_addToPlaylist h1 {color: #fff;font-size: 2.4em;} .mp_addToPlaylist h2 {color: #fff;font-size: 1.8em;padding-bottom: 15px;} .mp_addToPlaylist p {color: #FFFFFF;float: left;font-size: 1.2em;padding: 0 25px 0 0;width: 195px;} .mp_addToPlaylist small {color: #FFFFFF;font-size: 1.2em;float: left;clear: left;width: 220px;padding-top: 10px;} .mp_addToPlaylist .left-side {border-left: 1px solid #3a3a3a;clear: right;float: left;padding-left: 20px;width: 340px;height: 407px;} .mp_addToPlaylist .left-side ul {width: 165px;margin: 0 10px 0 0;padding: 0;float: left;} .mp_addToPlaylist .left-side ul.rightListin {margin: 0;padding: 0;float: right;} .mp_addToPlaylist .left-side ul li {list-style: none;height: 30px;} .mp_addToPlaylist .left-side ul li input.ckeckbox {display: inline;margin-top: 5px;vertical-align: text-bottom;} .mp_addToPlaylist .left-side ul li input.textInput {background: transparent url(/media/images/all/backgrounds/playlist-name.gif) no-repeat scroll left top;border: 0 none;color: #FFFFFF;display: inline;height: 26px;margin: 0 0 0 5px;padding: 4px 5px 0 6px;width: 125px;} .mp_addToPlaylist .left-side ul li input.empty {color: #666;} .mp_addToPlaylist .left-side fieldset { } .mp_addToPlaylist .left-side fieldset .mp_errorSektor {height: 25px;float: left;display: block;width: 340px;padding-top: 5px;} .mp_addToPlaylist .left-side fieldset .err {color: #D7423B;display: none;float: right;font-size: 1.2em;text-align: right;width: 300px;} .mp_addToPlaylist .left-side fieldset.createNewPlaylist {padding: 15px 0 0;border-top: 1px solid #3a3a3a;} .mp_addToPlaylist .left-side fieldset.createNewPlaylist .err {padding-top: 5px;} .mp_addToPlaylist .left-side .playlistNameInput {background: transparent url(/media/images/all/backgrounds/playlist-input.gif) no-repeat scroll left top;display: inline;height: 19px;margin: 0;padding: 3px 3px 0 6px;vertical-align: top;width: 144px;} .mp_addToPlaylist .left-side .createNewPlaylistSubmit {display: inline;} .mp_addToPlaylist .left-side .addToPlaylistSubmit {margin-top: 1px;} .mp_addToPlaylist .mp_dotted-hr {margin: 15px 0;} .mp_addToPlaylist .mp_b_close {background: url(/media/images/all/buttons/btn_close.gif) top left no-repeat;height: 25px;position: absolute;right: 30px;text-indent: -10000px;top: 17px;width: 27px;} /* ------------------------------------------------------------------------ Vote lightbox ------------------------------------------------------------------------- */ .mp_voteLightbox {text-align: left;margin: 0 0 0 28px;width: 584px;padding: 15px 0 0 0;font-size: 12px;} .mp_voteLightbox h1 {color: #fff;font-size: 2.4em;} .mp_voteLightbox h2 {color: #fff;font-size: 1.5em;padding-bottom: 10px;} .mp_voteLightbox h5 {color: #FFFFFF;font-size: 12px;font-weight: normal;padding-bottom: 20px;} .mp_voteLightbox .voteInfo {background-color: #515151;float: left;overflow: hidden;padding: 10px;width: 565px;} .mp_voteLightbox .voteInfo .floatedInfo {float: left;width: 220px;} /* OVERRIDE CSS */ .mp_voteLightbox .voteInfo .mp_full-width-slider {margin: 0;} .mp_grey-tags .mp_tags {margin: 0 8px 7px 0 !important;} .mp_voteLightbox .voteInfo .mp_stats .mp_vote {background-color: #e32219;background-position: 100% -1px;color: #fff;text-decoration: none;} .mp_voteLightbox .voteInfo .mp_stats .mp_vote span {background-position: 59px -153px !important;font-size: 19px;} .mp_voteLightbox .voteInfo .mp_stats .mp_vote span.mp_text {font-size: 12px;} .mp_voteLightbox .voteInfo .mp_full-width-slider h4,.mp_voteLightbox .voteInfo .mp_full-width-slider h4 a {color: #aaa;font-size: 1.05em;} .mp_voteLightbox .voteInfo .mp_full-width-slider p,.mp_voteLightbox .voteInfo .mp_full-width-slider p a {color: #aaa;font-size: 1.0em;} .mp_voteLightbox ul.mp_grey-tags {margin: 7px 0 0 0 !important;display: inline !important;} /* END OVERRIDE CSS */ .mp_voteLightbox fieldset {padding: 30px 0 10px 210px;} .mp_voteLightbox fieldset form {display: inline;margin: 0;} .mp_voteLightbox fieldset strong {font-size: 16px;color: #fff;text-transform: uppercase;vertical-align: super;margin: 0 15px;} .mp_voteLightbox .mp_dotted-hr {margin: 15px 0;} .mp_voteLightbox .mp_b_close {background: url(/media/images/all/buttons/btn_close.gif) top left no-repeat;height: 25px;position: absolute;right: 30px;text-indent: -10000px;top: 17px;width: 27px;} /* ------------------------------------------------------------------------ Forgot password ------------------------------------------------------------------------- */ .mp_forgot-password {margin: 0 0 0 28px;padding: 15px 0 0 0;text-align: left;width: 584px;} .mp_forgot-password h1 {color: #fff;font-size: 2.4em;} .mp_forgot-password h2 {color: #fff;font-size: 1.6em;} .mp_forgot-password .mp_dotted-hr {margin: 15px 0;} .mp_forgot-password p {color: #FFFFFF;float: left;font-size: 1.2em;padding: 0 25px 0 0;width: 195px;} .mp_forgot-password small {color: #FFFFFF;font-size: 1.2em;float: left;clear: left;width: 230px;padding-top: 10px;} .mp_forgot-password .err {display: none;padding-top: 10px;color: #d7423b;font-size: 1.2em;float: left;width: 220px;} .mp_forgot-password #mp_register_form {border-left: 1px solid #3A3A3A;clear: right;float: left;padding-left: 20px;width: 340px;height: 122px;position: relative;} .mp_forgot-password label {color: #CACACA;display: block;float: left;font-size: 1.2em;margin: 4px 0 0;position: relative;width: 100px;} .mp_forgot-password input {background: transparent url(/media/images/all/backgrounds/input_background.gif) repeat scroll left top;float: left;height: 18px;padding: 2px 24px 2px 4px;width: 211px;} .mp_forgot-password span.valid {display: block;position: absolute;height: 16px;width: 16px;right: 4px;top: 4px;background: url(/media/images/all/icons/validInput.png) no-repeat 16px top;} .mp_forgot-password input.submit {height: auto;width: auto;background: none;padding: 0;} .mp_forgot-password .mp_submit {padding: 13px 0 0 100px;} .mp_forgot-password .mp_b_close {background: url(/media/images/all/buttons/btn_close.gif) top left no-repeat;height: 25px;position: absolute;right: 30px;text-indent: -10000px;top: 17px;width: 27px;} .mp_forgot-password #mp_register_form .state1 {display: block;} .mp_forgot-password #mp_register_form .state2 {display: none;padding-top: 47px;text-align: center;} .mp_forgot-password #mp_register_form .state3 {display: none;color: #fff;padding: 36px 0 0 60px;text-align: left;} /* ------------------------------------------------------------------------ Artist concert page ------------------------------------------------------------------------- */ .mp_artist-concert { } .mp_artist-concert .mp_content h2 {width: 210px !important;color: #fff;} .mp_artist-concert .mp_content h2 a {color: #fff;} .mp_artist-concert .mp_content h5 {color: #ddd;} .mp_artist-concert .mp_content p {width: 210px !important;color: #ddd !important;} .mp_artist-concert .mp_content p label {width: 210px !important;display: block;font-weight: bold;} .mp_artist-concert .mp_content p a,.mp_artist-concert .mp_content p span {width: 200px !important;display: block;margin-bottom: 15px;} .mp_artist-concert .mp_content p.sponsor {margin: 20px 0 0 0 !important;} .mp_artist-concert .mp_content p.sponsor label {border-bottom: 1px solid #333;padding-bottom: 7px;margin-bottom: 10px;} .mp_artist-concert .mp_content p.sponsor img { } .mp_artist-concert .mp_concertThumbs .mp_thumbnail {height: 274px !important;} .mp_artist-concert .mp_content .mp_dotted-hr {width: 210px !important;} .mp_artist-concert .mp_content .mp_tags {width: 210px !important;} /* ------------------------------------------------------------------------ Profile page ------------------------------------------------------------------------- */ .mp_profil #mp_small-player h2 {margin: 0 0 7px 0;position: relative;width: 100%;} .mp_profil #mp_small-player h2 a {right: 1px;top: 7px;} .mp_profil #mp_small-player h3 {color: #fff;font-size: 2em;margin: 0 0 6px 0;} .mp_profil #mp_small-player .mp_content p {margin: 0 0 5px 0;width: auto;} .mp_profil #mp_small-player .mp_content .mp_dotted-hr {margin-bottom: 11px;width: 605px;} .mp_profil #mp_small-player .mp_col-left {border-top: 0;margin: 0 15px 0 0;padding: 0;width: 289px;} .mp_profil #mp_small-player .mp_col-left strong {color: #fff;} .mp_profil #mp_small-player .mp_thumbnail {clear: left;float: left;margin: 0 19px 5px 0 !important;} .mp_profil #mp_small-player .mp_thumbnail a {border: 3px #403f3f solid;display: block;} .mp_profil #mp_small-player .mp_thumbnail a img {border: 1px #fff solid;display: block;} .mp_profil #mp_small-player .mp_col-right {border-left: 1px #3a3a3a solid;padding: 0 0 0 19px;width: 286px;} .mp_profil #mp_small-player .mp_col-right .mp_activities {clear: both;color: #bfbfbf;list-style: none;} .mp_profil #mp_small-player .mp_col-right .mp_activities a {color: #fff;text-decoration: underline;} .mp_profil #mp_small-player .mp_col-right .mp_activities a:hover {color: #dd2118;} .mp_profil #mp_small-player .mp_col-right .mp_activities .b_plus {background-position: -4px -137px;text-decoration: none;padding-left: 20px;} .mp_profil #mp_small-player .mp_col-right .mp_activities .b_plus:hover {background-position: -4px -153px;} .mp_profil #mp_small-player .mp_col-right .mp_activities li {background: url(/media/images/all/sprites/profile_icons.gif) top left no-repeat;padding: 0 35px 0 19px;margin: 0 0 7px 0;} .mp_profil #mp_small-player .mp_col-right .mp_activities li.last {background: none;padding-top: 3px;} .mp_profil #mp_small-player .mp_col-right .mp_activities .mp_comment {background-position: 3px 1px;} .mp_profil #mp_small-player .mp_col-right .mp_activities .mp_flag {background-position: 3px -50px;} .mp_profil #mp_small-player .mp_col-right .mp_activities .mp_add {background-position: 3px -100px;} #mp_arstists_news {margin-bottom: 15px;} .mp_profil .mp_col-left .mp_playlists {margin: 9px 0 0 1px;} .mp_profil .mp_col-left .mp_playlists ul {float: left;margin: 10px 0 0 0;} .mp_profil .mp_col-left .mp_playlists ul li {color: #403f3f;margin: 0 0 4px 0;} .mp_profil .mp_col-left .mp_playlists a:hover,.mp_profil .mp_col-left .mp_playlists a:hover strong {color: #dd2118;} .mp_profil .mp_col-left .mp_playlists ul li span {display: block;float: left;height: 16px;padding: 0 0 0 2px;width: 16px;} .mp_profil .mp_col-left .mp_playlists ul li span strong {color: #403f3f;} .mp_profil .mp_col-left .mp_playlists ul li strong {color: #000;} .mp_profil .mp_col-left .mp_playlists li a.b_plus {clear: both;display: block;left: 0;margin: 0 0 0 14px;overflow: hidden;padding: 0;position: static;text-indent: -10000px;top: 0;width: 18px;} .mp_profil .mp_artists {float: left;list-style: none;margin: 14px 0 18px -23px;width: 670px;} .mp_profil .mp_artists li {background: url(/media/images/all/backgrounds/red_bullet.gif) 2px 4px no-repeat;display: block;float: left;margin: 0 0 5px 23px;padding: 0 0 0 12px;width: 188px;} .mp_profil .mp_artists li a strong {color: #000;} .mp_profil .mp_artists li a:hover strong {color: #dd2118;} .mp_profil .mp_faded-content {background: url(/media/images/all/backgrounds/faded_12.png) top left repeat;clear: both;float: left;margin: 23px 0 0 0;padding: 14px 10px;width: 622px;} .mp_profil .mp_faded-content fieldset {float: left;margin: 0 10px 0 0;padding: 0 20px 0 0;width: 180px;} .mp_profil .mp_faded-content h4 {color: #000;font-size: 1em;margin: 0 0 12px 0;text-transform: uppercase;} .mp_profil .mp_faded-content label {display: block;margin: 0 0 7px 0;} .mp_profil .mp_faded-content input {float: left;margin: 0 6px 0 0;} .mp_profil .mp_concours-question {background-image: none;background-color: transparent;} .mp_profil .mp_concours-question .mp_dotted-hr {float: left !important;margin-top: 0 !important;} .mp_profil .mp_concours-question table strong {color: #fff;} .mp_profil .mp_concours-question table td {color: #fff;} .mp_profil .mp_concours-question table label {color: #fff;} /* ------------------------------------------------------------------------ Inside search form ------------------------------------------------------------------------- */ .mp_inside_search {background: #212121;float: left;margin: 10px 0 15px 0;padding: 10px;position: relative;width: 623px;} .mp_inside_search p {color: #fff;margin: 0 0 5px 0;} .mp_inside_search p strong {text-transform: uppercase;} .mp_inside_search label {color: #3a3939;left: 18px;position: absolute;top: 34px;} .mp_inside_search input {background: url(/media/images/all/backgrounds/inside_search_field.gif) top left no-repeat;color: #3a3939;float: left;height: 18px;padding: 4px 0 0 7px;width: 508px;} .mp_inside_search input.submit {background: none;float: left;height: auto;padding: 0;width: auto;} /* ------------------------------------------------------------------------ Billet ------------------------------------------------------------------------- */ .mp_billet #mp_small-player a {color: #bfbfbf;} .mp_billet #mp_small-player h2 {margin: 5px 0 0 0;} .mp_billet #mp_small-player h2,.mp_billet #mp_small-player .mp_dotted-hr,.mp_billet #mp_small-player .mp_entry {width: 607px;} .mp_billet #mp_small-player .mp_entry {color: #fff;line-height: 1.4;} .mp_billet #mp_small-player .mp_entry p {margin: 0 0 10px 0;width: 100%;float: none;} .mp_billet #mp_small-player .mp_entry embed,.mp_billet #mp_small-player .mp_entry object {border: 4px #403f3f solid;clear: both;display: block;margin: 0 0 10px 0;} .mp_billet #mp_small-player .mp_tags {margin: 10px 0 0 0;width: 285px;} .mp_billet #mp_small-player .mp_tools {margin: 10px 0 0 0;} .mp_billet .mp_comments {clear: both;float: left;list-style: none;margin: 13px 0 0 0;} .mp_billet .mp_comments li {margin: 0 0 20px 0;width: 640px;clear: left;} .mp_billet .mp_comments .mp_thumbnail {border: 3px #403f3f solid;display: block;float: left;margin: 0 10px 10px 0;} .mp_billet .mp_comments .mp_thumbnail img {border: 1px #fff solid;display: block;} .mp_billet .mp_comments p {margin: 0 0 10px 0;} .mp_billet .mp_comments p strong {color: #000;} #mp_comment-form {-moz-border-radius: 10px;background: url(/media/images/all/backgrounds/faded_12.png) top left repeat;clear: both;padding: 10px;} #mp_comment-form h4 {font-size: 2em;margin: 0 0 10px 0;} #mp_comment-form label {display: block;float: left;height: 20px;margin: 0 0 15px 0;width: 100px;} #mp_comment-form input {background: url(/media/images/all/backgrounds/input_background_pattern.gif) top left repeat-x;float: left;height: 18px;padding: 4px 5px 0 5px;margin: 0 0 13px 0;width: 229px;} #mp_comment-form textarea {background: #fff url(/media/images/all/backgrounds/textarea_background_pattern.gif) top left repeat-x;float: left;font-family: Arial;font-size: 1em;height: 106px;padding: 4px 5px 0 5px;margin: 0 0 13px 0;width: 505px;} #mp_comment-form .submit {background: none;height: auto;margin: 0 0 0 100px;padding: 0;width: auto;} /* ------------------------------------------------------------------------ Listing without image ------------------------------------------------------------------------- */ .mp_no-img-listing ul.mp_listing {list-style: none;} .mp_no-img-listing ul.mp_listing li {padding: 10px 0;clear: both;} .mp_no-img-listing ul.mp_listing li span {color: #666;display: block;clear: both;} .mp_no-img-listing ul.mp_listing li strong a,.mp_no-img-listing ul.mp_listing li strong {text-transform: uppercase;} .mp_no-img-listing ul.mp_listing li .b_plus {background-position: -4px -137px;padding: 0 0 1px 21px;} .mp_no-img-listing ul.mp_listing li p {margin-bottom: 3px;} .mp_no-img-listing ul.mp_listing li a.comments {background: url(/media/images/all/icons/icon-blog.gif) left 2px no-repeat;padding-left: 20px;font-weight: bold;} .mp_no-img-listing ul.mp_listing li a.add {background: url(/media/images/all/icons/icon-blog.gif) left -19px no-repeat;padding-left: 20px;font-weight: bold;} .mp_no-img-listing ul.mp_listing li .mp_tags li {padding: 0;clear: none;} /* ------------------------------------------------------------------------ Pool ------------------------------------------------------------------------- */ .mp_news .mp_concours-form-top {background: url(/media/images/all/backgrounds/white_box_top.png) top left no-repeat;height: 7px;overflow: hidden;width: 645px;} .mp_news .mp_concours-form-bottom {background: url(/media/images/all/backgrounds/white_box_bottom.png) top left no-repeat;height: 7px;overflow: hidden;width: 645px;} .mp_news .mp_concours-form { /*background-color:#212121;clear:both;*/ /*float:left;*/ padding: 10px 10px 20px 10px;/*width:625px;*/ position: relative;} .mp_news .mp_concours-form h3 {font-size: 1.8em !important;float: none;margin-bottom: 10px;} .mp_news .mp_concours-form fieldset {float: left;margin-left: 90px;} .mp_news .mp_concours-form form fieldset {margin-left: 25px;} .mp_news .mp_concours-form fieldset label {font-size: 12px;width: 80px;display: block;float: left;color: #fff;margin-left: 17px;height: 22px;line-height: 20px;} .mp_news .mp_concours-form fieldset input {width: 118px;height: 19px;background: transparent url(/media/images/all/concours/concours_input.gif) repeat-x scroll left top;border: none medium;margin-bottom: 12px;padding: 3px 3px 0 3px;} .mp_news .mp_concours-form fieldset input.submit-btn {width: auto;height: auto;background-image: none;margin: 0 0 5px 79px;} .mp_news .mp_concours-form form fieldset input.submit-btn {margin: 0 0 5px 70px;} .mp_news .mp_concours-form fieldset h5 {font-size: 12px;color: #fff;margin-bottom: 15px;text-align: center;} .mp_news .mp_concours-form fieldset .frm-top {height: 6px;width: 241px;background: transparent url(/media/images/all/concours/rounded_form.jpg) no-repeat scroll left top;font-size: 1px;} .mp_news .mp_concours-form fieldset .frm-middle {background-color: #212121;width: 241px;} .mp_news .mp_concours-form fieldset .frm-bottom {height: 6px;width: 241px;background: transparent url(/media/images/all/concours/rounded_form.jpg) no-repeat scroll left bottom;font-size: 1px;} .mp_news .mp_concours-form .or {color: #D7423B;display: block;font-size: 1.8em;height: 30px;left: 304px;position: absolute;text-transform: uppercase;top: 75px;width: 30px;} /* ------------------------------------------------------------------------ Contest (concours) ------------------------------------------------------------------------- */ .mp_contest { } .mp_contest #mp_small-player .mp_content h2 {margin-bottom: 20px;} .mp_contest #mp_small-player .mp_thumbnail {border: 4px #403f3f solid;float: left;margin: 0;position: relative;} .mp_contest #mp_small-player .mp_thumbnail img {border: 1px #fff solid;display: block;} .mp_contest #mp_small-player .mp_content p {float: left;width: 335px;margin-left: 20px;margin-bottom: 10px;} .mp_contest #mp_small-player .mp_content p a {color: #fff;} .mp_contest #mp_small-player .mp_content p small {padding: 20px 0 20px;line-height: 10px;float: left;} .mp_contest #mp_small-player .mp_content p.no-styles {float: left;width: auto;margin: 0;} .mp_contest #mp_small-player .mp_content ul {list-style: none;} .mp_contest #mp_small-player .mp_content ul li {float: left;margin-right: 9px;margin-top: 10px;} .mp_contest #mp_small-player .mp_content ul li.fourth {margin-right: 0;} .mp_contest .mp_concours-form {background: transparent url(/media/images/all/backgrounds/faded_12.png) repeat scroll left top;clear: both;float: left;padding: 10px 10px 20px 10px;width: 625px;position: relative;} .mp_contest .mp_concours-form h3 {font-size: 1.8em !important;float: none;margin-bottom: 10px;} .mp_contest .mp_concours-form fieldset {float: left;margin-left: 90px;} .mp_contest .mp_concours-form form fieldset {margin-left: 25px;} .mp_contest .mp_concours-form fieldset label {font-size: 12px;width: 80px;display: block;float: left;color: #fff;margin-left: 17px;height: 22px;line-height: 20px;} .mp_contest .mp_concours-form fieldset input {width: 118px;height: 19px;background: transparent url(/media/images/all/concours/concours_input.gif) repeat-x scroll left top;border: none medium;margin-bottom: 12px;padding: 3px 3px 0 3px;} .mp_contest .mp_concours-form fieldset input.submit-btn {width: auto;height: auto;background-image: none;margin: 0 0 5px 79px;} .mp_contest .mp_concours-form form fieldset input.submit-btn {margin: 0 0 5px 70px;} .mp_contest .mp_concours-form fieldset h5 {font-size: 12px;color: #fff;margin-bottom: 15px;text-align: center;} .mp_contest .mp_concours-form fieldset .frm-top {height: 6px;width: 241px;background: transparent url(/media/images/all/concours/rounded_form.jpg) no-repeat scroll left top;font-size: 1px;} .mp_contest .mp_concours-form fieldset .frm-middle {background-color: #212121;width: 241px;} .mp_contest .mp_concours-form fieldset .frm-bottom {height: 6px;width: 241px;background: transparent url(/media/images/all/concours/rounded_form.jpg) no-repeat scroll left bottom;font-size: 1px;} .mp_contest .mp_concours-form .or {color: #D7423B;display: block;font-size: 1.8em;height: 30px;left: 304px;position: absolute;text-transform: uppercase;top: 75px;width: 30px;} /* ------------------------------------------------------------------------ forms ------------------------------------------------------------------------- */ .mp_concours-question {background: transparent url(/media/images/all/backgrounds/faded_12.png) repeat scroll left top;clear: both;float: left;padding: 10px 10px 20px 10px;width: 625px;position: relative;margin: 0;} /* table ... i know ... */ .mp_concours-question table {text-align: left;} .mp_concours-question table b, /* <-- because of tinyMCE :S */ .mp_concours-question table strong {display: block;margin-bottom: 2px;margin-top: 8px;} .mp_concours-question table span {padding-right: 3px;color: #c00;font-weight: bold;font-size: 19px;} .mp_concours-question table th {padding-top: 10px;padding-bottom: 2px;} .mp_concours-question table .radio-btn {margin: 0 0 0 5px;} .mp_concours-question table .tc {padding: 10px 0 0 0;} .mp_concours-question h3 {font-size: 1.8em !important;float: none;margin-bottom: 10px;} .mp_concours-question h3 b,.mp_concours-question h3 strong {color: #d7423c;} .mp_concours-question #formula {display: block;float: left;font-size: 14px;height: 19px;padding-top: 3px;} .mp_concours-question p {clear: both;font-weight: bold;margin: 8px 0 4px;width: 100%;} .mp_concours-question label {clear: right;} .mp_concours-question label a {text-decoration: underline;} .mp_concours-question input {margin: 0 6px 0 0;} .mp_concours-question .mp_form-entry {float: none;clear: right;width: 250px;height: 19px;background: transparent url(/media/images/all/backgrounds/textarea_background_pattern.gif) repeat-x scroll left top;border: none medium;margin-left: 0;padding: 3px 3px 0 3px;} .mp_concours-question .smallerEntry {width: 75px;} .mp_concours-question .t_and_c {margin: 14px 0 15px;} .mp_concours-question .err-msg {color: #CC0000;float: left;padding-left: 4px;padding-top: 4px;display: none;} .mp_concours-question .submit-btn {float: left;} /* ------------------------------------------------------------------------ Blog ------------------------------------------------------------------------- */ .mp_blog #mp_small-player .mp_content .mp_desc {width: 388px;margin: 0 0 10px;} .mp_blog #mp_small-player .mp_content .mp_desc a {color: #fff;text-decoration: underline;} .mp_blog #mp_small-player .mp_content .mp_desc p {margin: 0;} .mp_blog #mp_small-player .mp_content .mp_tools {float: right;width: 170px;margin-top: 0;} .mp_blog #mp_small-player .mp_content .mp_tags {float: left;width: 210px;} /* ------------------------------------------------------------------------ Search Results ------------------------------------------------------------------------- */ .mp_shadow {background: url(/media/images/all/backgrounds/mp_small-player-shadow.png) 0 bottom no-repeat;margin: 0 -25px;padding: 0 25px 13px 25px;} .mp_search #mp_content-container { } .mp_search #mp_content-container .mp_search-results img {width: 185px;} .mp_search #mp_content-container .mp_search-results .artistInformation {font-size: 1.2em;color: #DD2118;} .mp_search #mp_content-container .mp_search-results .artistInformation a {color: #DD2118;} .mp_search #mp_content-container .mp_col-left {border-top: 0;padding-top: 0;} .mp_search #mp_content-container .mp_col-right {padding-top: 0;} .mp_search .mp_marginBottom {margin-bottom: 18px !important;} .mp_search h3 {float: left;margin-bottom: 8px;} .mp_search-results { } .mp_search-results .mp_top {background: url(/media/images/all/backgrounds/white_box_top.png) top left no-repeat;height: 7px;overflow: hidden;width: 645px;} .mp_search-results .mp_content {background: #fff;float: left;padding: 20px 18px 20px 18px;width: 609px;} .mp_search .mp_content .mp_b_expand {background-image: url(/media/images/all/sprites/expands_white.gif);float: right;margin-top: 10px;position: static;} .mp_search-results .mp_content h1 {font-size: 2.0em;margin: 0 0 8px 0;} .mp_search-results .mp_content .mp_dotted-hr {background-image: url(/media/images/all/backgrounds/dotted_hr_white.gif);margin: 0 0 8px 0;} .mp_search-results ul.mp_grey-tags {position: relative;width: 390px;} .mp_search-results .rightInfo {float: left;width: 395px;} .mp_search-results .rightInfo ul.mp_tags li a {background-position: -3px -493px;} .mp_search-results .rightInfo ul.mp_tags li a:hover {background-position: -3px -283px;} .mp_search-results .rightInfo ul.mp_tags li a strong {background-position: right -493px;} .mp_search-results .rightInfo ul.mp_tags li a:hover strong {background-position: right -283px;color: #fff;} .mp_search-results .mp_bottom {background: url(/media/images/all/backgrounds/white_box_bottom.png) top left no-repeat;height: 7px;overflow: hidden;width: 645px;} .mp_white-box { } .mp_white-box .mp_top {background: url(/media/images/all/backgrounds/white_box_top.png) top left no-repeat;height: 7px;overflow: hidden;width: 645px;} .mp_white-box .mp_content {background: #fff;float: left;padding: 20px 18px 20px 18px;width: 609px;} .mp_white-box .mp_content h1 {font-size: 2.0em;margin: 0 0 8px 0;} .mp_white-box .mp_content .mp_dotted-hr {background-image: url(/media/images/all/backgrounds/dotted_hr_white.gif);margin: 0 0 8px 0;} .mp_white-box ul.mp_grey-tags {position: relative;} .mp_white-box .mp_bottom {background: url(/media/images/all/backgrounds/white_box_bottom.png) top left no-repeat;height: 7px;overflow: hidden;width: 645px;} .mp_results {clear: both;list-style: none;margin: 0 0 0 2px;} .mp_results li {float: left;margin: 0 0 25px 0;position: relative;width: 100%;} .mp_results .mp_thumbnail {border: 4px #403f3f solid;float: left;margin: 0 15px 0 0;position: relative;} .mp_results .mp_thumbnail img {border: 1px #fff solid;display: block;} .mp_results .mp_thumbnail span {display: none;} .mp_results .hover .mp_thumbnail span {display: block;background: url(/media/images/all/backgrounds/slide_video_hover.png) top left no-repeat;height: 104px;left: 0;position: absolute;top: 0;width: 185px;z-index: 1;} .mp_results p strong {color: #000;text-transform: uppercase;} .mp_results p a:hover strong {color: #dd2118;} .mp_results ul.mp_grey-tags li a:hover {background-position: -3px -283px;} .mp_results ul.mp_grey-tags li a:hover strong {background-position: right -283px;color: #fff;} .mp_search #mp_content-container .mp_col-right .mp_filters {background: none;margin: 0 0 30px 0;padding: 0;width: 300px;} .mp_search #mp_content-container .mp_col-right .mp_filters .mp_top {background: url(/media/images/all/backgrounds/right_col_gray_box_top.gif) top left no-repeat;height: 10px;overflow: hidden;width: 300px;} .mp_search #mp_content-container .mp_col-right .mp_filters .mp_content {background: #212121;float: left;overflow: hidden;padding: 10px 18px 0 18px;width: 264px;} .mp_search #mp_content-container .mp_col-right .mp_filters .mp_content h5 {color: #fff;font-size: 1.8em;margin-bottom: 15px;margin-left: 0;} .mp_search #mp_content-container .mp_col-right .mp_filters .mp_content .mp_dotted-hr {margin: 0 0 15px 0;} .mp_search #mp_content-container .mp_col-right .mp_filters .mp_content ul {background: url(/media/images/all/backgrounds/back_filter_list.gif) top left repeat-y;margin-right: -30px;} .mp_search #mp_content-container .mp_col-right .mp_filters .mp_content li {border-right: 0;float: left;margin: 0 15px 5px 0;padding: 0;width: 132px;} .mp_search #mp_content-container .mp_col-right .mp_filters .mp_content li.selected a {color: #dd2118;} .mp_search #mp_content-container .mp_col-right .mp_filters .mp_content li a {color: #bfbfbf;} .mp_search #mp_content-container .mp_col-right .mp_filters .mp_content li a:hover {color: #dd2118;} .mp_search #mp_content-container .mp_col-right .mp_filters .mp_bottom {background: url(/media/images/all/backgrounds/right_col_gray_box_bottom.gif) top left no-repeat;height: 10px;overflow: hidden;width: 300px;} /* ------------------------------------------------------------------------ Static pages ------------------------------------------------------------------------- */ .mp_static { } .mp_static #mp_content-container .mp_col-left {border-top: 0;padding-top: 0;} .mp_static #mp_content-container .mp_col-right {padding-top: 0;} .mp_static_content .mp_top {background: url(/media/images/all/backgrounds/white_box_top.png) top left no-repeat;height: 7px;overflow: hidden;width: 645px;} .mp_static_content .mp_content {background: #fff;float: left;padding: 20px 18px 20px 18px;width: 609px;} .mp_static_content .mp_content h1 {font-size: 2.0em;margin: 0 0 15px 0;} .mp_static_content .mp_content p,.mp_static_content .mp_content h5 {margin: 0 0 15px;font-size: 12px;} .mp_static_content .mp_content ul {list-style-image: url(/media/images/all/backgrounds/red_bullet.gif);list-style-position: outside;list-style-type: none;margin: 15px 0 15px 50px;padding: 0;} .mp_static_content .mp_content ol {margin: 15px 0 15px 20px;padding: 0;} .mp_static_content .mp_content ol.letter {list-style-type: lower-latin;} .mp_static_content .mp_bottom {background: url(/media/images/all/backgrounds/white_box_bottom.png) top left no-repeat;height: 7px;overflow: hidden;width: 645px;} /* ------------------------------------------------------------------------ Schedule page ------------------------------------------------------------------------- */ .mp_schedule #mp_content-container {margin-top: 0;} .mp_schedule #mp_content-container .mp_col-left {border-top: 0;padding-top: 0;} .mp_schedule #mp_content-container .mp_col-right {padding-top: 0;} .mp_schedule .mp_currently-playing {color: #000;float: left;margin: 4px 0 10px 0;text-transform: uppercase;} .mp_schedule h3 {clear: both;margin: 0 0 5px 0;} .mp_schedule .mp_marginBottom {margin-bottom: 18px !important;} .mp_schedule .mp_schedule-list {clear: left;float: left;list-style: none;margin: 0 0 20px 0;} .mp_schedule .mp_schedule-list li {background: url(/media/images/all/backgrounds/schedule_bullet.gif) 5px center no-repeat;border-bottom: 1px #dedede solid;padding: 8px 0 6px 20px;width: 589px;} .mp_schedule .mp_schedule-list li:hover {background-color: #212121;background-image: url(/media/images/all/backgrounds/schedule_bullet_hover.gif);} .mp_schedule .mp_schedule-list li.last {border-bottom: 0;} .mp_schedule .mp_schedule-list li strong {color: #000;} .mp_schedule .mp_schedule-list li:hover strong,.mp_schedule .mp_schedule-list li:hover span {color: #fff;} .mp_schedule .mp_schedule-list li:hover .mp_cellphone,.mp_schedule .mp_schedule-list li:hover .mp_email {color: #bfbfbf;} .mp_schedule .mp_schedule-list .time {display: block;float: left;width: 70px;} .mp_schedule .mp_schedule-list .title { /*display: block;float: left;width: 332px;*/ } /* ------------------------------------------------------------------------ Rss page ------------------------------------------------------------------------- */ .mp_rss #mp_content-container {margin-top: 0;} .mp_rss #mp_content-container .mp_col-left {border-top: 0;padding-top: 0;} .mp_rss #mp_content-container .mp_col-right {padding-top: 0;} .mp_rss #rss-intro a {color: #de2020;} .mp_rss ul.mp_rss-list {clear: left;float: left;list-style: none;margin: 0;} .mp_rss h3 {margin: 20px 0 10px;clear: both;} .mp_rss .mp_rss-list li {background: url(/media/images/all/icons/rss.gif) 5px 3px no-repeat;border-top: 1px #dedede solid;padding: 2px 0 2px 40px;width: 569px;clear: both;float: left;} .mp_rss .mp_rss-list li.last {border-bottom: 1px #dedede solid;} .mp_rss .mp_rss-list li strong {float: left;padding-top: 4px;} .mp_rss .mp_rss-list li input {background: url(/media/images/all/backgrounds/rss-input.jpg);float: right;width: 246px;height: 21px;padding: 3px 6px 0;margin-right: 10px;color: #666;} /* ------------------------------------------------------------------------ MP PAGE CUSTOM ------------------------------------------------------------------------- */ .mp_pageCustom #mp_small-player .mp_content p {width: auto !important;} .mp_pageCustom #mp_small-player .mp_content a {color: #DD2118;} /* Custom VJ Recherché candidates */ .mp_pageCustom #mp_small-player ul.candidates {list-style-image: none;list-style-position: outside;list-style-type: none;} .mp_pageCustom #mp_small-player ul.candidates li {float: left;position: relative;display: block;width: 146px;color: #fff;margin: 0 9px 20px 0;font-size: 11px;} .mp_pageCustom #mp_small-player ul.candidatessoba li {float: left;position: relative;display: block;width: 120px;color: #ffffff;margin: 1 1px 20px 0;font-size: 11px;} .mp_pageCustom #mp_small-player ul.candidates li.fourth {margin-right: 0 !important;} .mp_pageCustom #mp_small-player ul.candidates li a.mp_thumbnail {border: 4px solid #403F3F;display: block;float: left;height: 79px;margin: 0 0 5px;overflow: hidden;position: relative;width: 138px;} .mp_pageCustom #mp_small-player ul.candidates li a.mp_thumbnail:hover {border: 4px solid #FFF;} .mp_vjCustom #mp_small-player ul.candidates li a.mp_thumbnail img {border: 1px solid #FFF;display: block;left: 0;position: absolute;top: 0;z-index: 0;} .mp_pageCustom #mp_small-player ul.candidates li h4 {text-transform: uppercase;} .mp_pageCustom #mp_small-player ul.candidates li h4 a {color: #fff;font-size: 11px;} .mp_pageCustom #mp_small-player ul.candidates li ul {list-style-image: none;list-style-position: outside;list-style-type: none;} .mp_pageCustom #mp_small-player ul.candidates li ul li {margin: 0;} .mp_pageCustom #mp_small-player ul.candidates li ul li a {background: transparent url(/media/images/all/icons/bullet.gif) no-repeat scroll left 5px;color: #999999;padding-left: 9px;} .mp_pageCustom #mp_small-player ul.candidates li ul li a:hover {background-position: left -6px;color: #dd2118;} .mp_pageCustom #mp_small-player ul.candidatessoba li ul li a {background: transparent url(/media/images/all/icons/bullet.gif) no-repeat scroll left 5px;color: #ffffff;padding-left: 9px;} .mp_pageCustom #mp_small-player ul.candidatessoba li ul li a:hover {background-position: left -6px;color: #dd2118;} .mp_pageCustom #mp_small-player ul.candidates li.ousted a.mp_thumbnail:hover,.mp_pageCustom #mp_small-player ul.candidates li.ousted2 a.mp_thumbnail:hover {border: 4px solid #403F3F;} .mp_pageCustom #mp_small-player ul.candidates li.ousted a span {background: url(/media/images/all/vjrecherche/ousted.png) no-repeat;width: 136px;height: 77px;left: 1px;position: absolute;top: 1px;} .mp_pageCustom #mp_small-player ul.candidates li.ousted2 a span {background: url(/media/images/all/vjrecherche/ousted2.png) no-repeat;width: 136px;height: 77px;left: 1px;position: absolute;top: 1px;} /* mp_eliminate */ .mp_pageCustom ul.mp_eliminate {float: left;list-style-image: none;list-style-position: outside;list-style-type: none;margin: 0;overflow: hidden;position: relative;width: 100%;} .mp_pageCustom ul.mp_eliminate div {float: left;width: 425px;} .mp_pageCustom ul.mp_eliminate h4 {width: 100%;} .mp_pageCustom ul.mp_eliminate li {clear: both;float: left;margin-bottom: 10px;padding-bottom: 15px;border-bottom: 1px solid #bbb;position: relative;width: 640px;} .mp_pageCustom ul.mp_eliminate li.last {border: none;} .mp_pageCustom ul.mp_to-eliminate {float: left;list-style-image: none;list-style-position: outside;list-style-type: none;width: 100%;} .mp_pageCustom ul.mp_to-eliminate li {float: left;clear: none;width: 200px;margin: 15px 0 0;border: none;padding: 0;} .mp_pageCustom ul.mp_to-eliminate .mp_thumbnail {border: 3px solid #403F3F;display: block;float: left;height: 42px;margin: 0 5px 0 0;overflow: hidden;position: relative;width: 75px;} .mp_pageCustom ul.mp_to-eliminate .mp_thumbnail:hover,.mp_pageCustom ul.mp_to-eliminate .hover {border: 3px solid #fff;} .mp_pageCustom ul.mp_to-eliminate .mp_thumbnail img {border: 1px solid #fff;} .mp_pageCustom ul.mp_to-eliminate p {width: auto;} /* ------------------------------------------------------------------------ DUPLICATA Custom VJ Recherché DUPLICATA ------------------------------------------------------------------------- */ /* candidates */ .mp_vjCustom #mp_small-player ul.candidates {list-style-image: none;list-style-position: outside;list-style-type: none;} .mp_vjCustom #mp_small-player ul.candidates li {float: left;position: relative;display: block;width: 146px;color: #fff;margin: 0 9px 20px 0;font-size: 11px;} .mp_vjCustom #mp_small-player ul.candidates li.fourth {margin-right: 0 !important;} .mp_vjCustom #mp_small-player ul.candidates li a.mp_thumbnail {border: 4px solid #403F3F;display: block;float: left;height: 79px;margin: 0 0 5px;overflow: hidden;position: relative;width: 138px;} .mp_vjCustom #mp_small-player ul.candidates li a.mp_thumbnail:hover {border: 4px solid #FFF;} .mp_vjCustom #mp_small-player ul.candidates li a.mp_thumbnail img {border: 1px solid #FFF;display: block;left: 0;position: absolute;top: 0;z-index: 0;} .mp_vjCustom #mp_small-player ul.candidates li h4 {text-transform: uppercase;} .mp_vjCustom #mp_small-player ul.candidates li h4 a {color: #fff;font-size: 11px;} .mp_vjCustom #mp_small-player ul.candidates li ul {list-style-image: none;list-style-position: outside;list-style-type: none;} .mp_vjCustom #mp_small-player ul.candidates li ul li {margin: 0;} .mp_vjCustom #mp_small-player ul.candidates li ul li a {background: transparent url(/media/images/all/icons/bullet.gif) no-repeat scroll left 5px;color: #999999;padding-left: 9px;} .mp_vjCustom #mp_small-player ul.candidates li ul li a:hover {background-position: left -6px;color: #dd2118;} .mp_vjCustom #mp_small-player ul.candidates li.ousted a.mp_thumbnail:hover,.mp_vjCustom #mp_small-player ul.candidates li.ousted2 a.mp_thumbnail:hover {border: 4px solid #403F3F;} .mp_vjCustom #mp_small-player ul.candidates li.ousted a span {background: url(/media/images/all/vjrecherche/ousted.png) no-repeat;width: 136px;height: 77px;left: 1px;position: absolute;top: 1px;} .mp_vjCustom #mp_small-player ul.candidates li.ousted2 a span {background: url(/media/images/all/vjrecherche/ousted2.png) no-repeat;width: 136px;height: 77px;left: 1px;position: absolute;top: 1px;} /* mp_eliminate */ .mp_vjCustom ul.mp_eliminate {float: left;list-style-image: none;list-style-position: outside;list-style-type: none;margin: 0;overflow: hidden;position: relative;width: 100%;} .mp_vjCustom ul.mp_eliminate div {float: left;width: 425px;} .mp_vjCustom ul.mp_eliminate h4 {width: 100%;} .mp_vjCustom ul.mp_eliminate li {clear: both;float: left;margin-bottom: 10px;padding-bottom: 15px;border-bottom: 1px solid #bbb;position: relative;width: 640px;} .mp_vjCustom ul.mp_eliminate li.last {border: none;} .mp_vjCustom ul.mp_to-eliminate {float: left;list-style-image: none;list-style-position: outside;list-style-type: none;width: 100%;} .mp_vjCustom ul.mp_to-eliminate li {float: left;clear: none;width: 200px;margin: 15px 0 0;border: none;padding: 0;} .mp_vjCustom ul.mp_to-eliminate .mp_thumbnail {border: 3px solid #403F3F;display: block;float: left;height: 42px;margin: 0 5px 0 0;overflow: hidden;position: relative;width: 75px;} .mp_vjCustom ul.mp_to-eliminate .mp_thumbnail:hover,.mp_vjCustom ul.mp_to-eliminate .hover {border: 3px solid #fff;} .mp_vjCustom ul.mp_to-eliminate .mp_thumbnail img {border: 1px solid #fff;} .mp_vjCustom ul.mp_to-eliminate p {width: auto;} /* jury */ .mp_vj-Jury li h4 {margin-bottom: 5px;} .mp_vj-Jury li h4 small {font-size: 11px;color: #666;} .mp_vj-Jury li .holder div {width: 420px;float: left;} .mp_vj-Jury li .holder div p {width: auto;float: none;} .mp_vj-Jury li .holder div p.quote {background: url(/media/images/all/backgrounds/citation_1.gif) no-repeat top left scroll;padding: 20px 40px 20px 45px;position: relative;font-size: 11px;margin-top: 10px;color: #999;} .mp_vj-Jury li .holder div p.quote .closeQuote {position: absolute;bottom: 0;right: 0;display: block;background: url(/media/images/all/backgrounds/citation_2.gif) no-repeat top left scroll;width: 36px;height: 33px;} /* ------------------------------------------------------------------------ Footer ------------------------------------------------------------------------- */ #mp_footer .mp_content {margin: 0 auto;position: relative;width: 980px;z-index: 1;} #mp_footer .mp_background {background: url(/media/images/all/backgrounds/footer-faded-pattern.png) top left repeat-x;height: 235px;left: 0;position: absolute;top: 0;width: 100%;z-index: 0;} #mp_footer ul {float: left;list-style: none;margin: 0 0 0 23px;width: 135px;} #mp_footer ul li.mp_first {font-size: 1.8em;margin: 0 0 15px 0;text-transform: uppercase;} #mp_footer ul li.mp_first a {color: #fff;text-decoration: none;} #mp_footer ul li.mp_first a:hover {color: #dd2118;} #mp_footer ul li {margin: 0 0 5px 0;} #mp_footer ul li a {color: #8b8a8a;font-size: 1.1em;text-decoration: underline;} #mp_footer ul li a:hover {text-decoration: none;} #mp_footer .mp_logos {float: right;margin: 1px 125px 0 0;width: auto;} #mp_footer .mp_logos li {display: block;float: left;margin: 0 0 0 40px;} #mp_footer .mp_logos .mp_mplus a {background: url(/media/images/all/sprites/logos.gif) top left no-repeat;display: block;height: 49px;text-indent: -10000px;width: 74px;} #mp_footer .mp_logos .mp_mplus a:hover {background-position: -82px 0;} #mp_footer .mp_logos .mp_musimax a {background: url(/media/images/all/sprites/logos.gif) 0 -54px no-repeat;display: block;height: 45px;text-indent: -10000px;width: 49px;} #mp_footer .mp_logos .mp_musimax a:hover {background-position: -82px -54px;} #mp_footer .mp_post-nav {float: right;margin: 12px 20px 0 0;width: 90px;} #mp_footer .mp_post-nav li {margin-bottom: 3px;} #mp_footer .mp_post-nav li a {color: #fff;text-decoration: none;} #mp_footer .mp_post-nav li a:hover {color: #dd2118;} #mp_footer .mp_right {margin-right: 84px;} #mp_footer p {margin: 0 0 15px 23px;font-size: 1.8em;text-transform: uppercase;text-decoration: none;} #mp_footer a {color: #fff;} #mp_astral-footer {background: #FFFFFF;clear: both;padding: 3px 0;} #mp_astral-footer .mp_content {clear: both;margin: 0 auto;width: 945px;} #mp_astral-footer .blackFooter {border: 0;} /* ------------------------------------------------------------------------ Misc ------------------------------------------------------------------------- */ #mp_template {left: 50%;margin: 0 0 0 -700px;opacity: 0.5;position: absolute;top: 0;} .templates {list-style: none;margin-top: 10px;} .templates li {margin: 0 0 2px 0;} .small {border: 1px red solid;height: 20px;overflow: hidden;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* ------------------------------------------------------------------------ Astral Branding ------------------------------------------------------------------------- */ #footer_brand {width: 938px;margin: auto;} .channel {float: left;color: #bbbbbb;font-size: 13px;} .mediatitle {float: right;color: #bbbbbb;font-size: 13px;} #mp_background-wrapper.emission_le-comte-nicolas {background: transparent url(/media/images/all/backgrounds/main-background-top-comtenoel.jpg) no-repeat scroll center -1px;min-height: 730px;width: 100%;} #mp_background-wrapper.emission_palmares {background: transparent url(/media/images/all/backgrounds/main-background-top.jpg) no-repeat scroll center -1px;min-height: 730px;width: 100%;} #mp_background-wrapper.emission_evenements-publics {background: transparent url(/media/images/all/backgrounds/main-background-top-show.jpg) no-repeat scroll center -1px;min-height: 730px;width: 100%;} #mp_background-wrapper.emission_decompte-musiqueplus {background: transparent url(/media/images/all/backgrounds/main-background-top-decompte.jpg) no-repeat scroll center -1px;min-height: 730px;width: 100%;} #mp_background-wrapper.emission_road-trip-5-25 {background: transparent url(/media/images/all/backgrounds/main-background-top-roadtrip525.jpg) no-repeat scroll center -1px;min-height: 730px;width: 100%;} /* ------------------------------------------------------------------------ Send to a friend ------------------------------------------------------------------------- */ .mp_sendtoafriend a {color: #d7423b;text-decoration: underline;} .mp_sendtoafriend {width: 96.5%;background: transparent url(/media/images/all/backgrounds/faded_12.png) repeat scroll left top;clear: both;float: left;margin: 0;padding: 10px 10px 20px;position: relative;} .mp_sendtoafriend p label {float: left !important;color: #333333;font-size: 12px;font-weight: bold;width: 150px;clear: both;padding: 4px 5px 0;} .mp_sendtoafriend p input {float: left !important;padding: 4px 5px 0;width: 229px;height: 18px;background: transparent url(/media/images/all/backgrounds/input_background.gif) repeat scroll left top;} .validEmail {display: block;position: absolute;height: 16px;width: 16px;right: 4px;top: 4px;left: 378px;background: url(/media/images/all/icons/validInput.png) no-repeat 16px top;float: left;} .mp_sendtoafriend p {position: relative;display: block;} .mp_sendtoafriend .msg {display: inline;margin-top: -5px;color: #d7423b;font-size: 12px;width: 265px;left: 0px;} .fl {float: left;} /*------------------------------------------------------------------- Incontournable -------------------------------------------------------------------*/ .mp_incontournable { background-color:#FFFFFF; padding-bottom: 10px; border: 1px solid #CFCFCF; font-size: 12px; } .mp_incontournable div { border-bottom: 1px solid #CFCFCF; margin: 3px 10px 6px; padding-bottom: 6px; } .mp_incontournable img { padding-right: 5px; float: left; } .mp_incontournable a:hover { color: #DD2118; } /*------------------------------------------------------------------- Declic -------------------------------------------------------------------*/ #mp_declic, .mp_declic {background: url(/media/images/all/backgrounds/mp_small-player-shadow.png) 0 bottom no-repeat;float: left;margin: 0 0 19px -24px;padding: 0 0 13px 25px;width: 700px;} #mp_declic .mp_content {background: #212121; overflow: hidden; padding: 0px; width: 645px;} #mp_declic .mp_top {background: url(/media/images/all/backgrounds/mp_small-player-top.gif) top left no-repeat; height: 7px; overflow: hidden; width: 100%;} #mp_declic .mp_bottom {background: url(/media/images/all/backgrounds/mp_small-player-bottom.gif) top left no-repeat; height: 7px; overflow: hidden; width: 100%;} /*#mp_declic .header {margin: 15px 0px 0px; background: transparent url(/media/images/all/declic/votezpourgagnez.png) no-repeat; height: 75px; }*/ #mp_declic .header {margin: 15px 0px 0px; background: transparent url(http://media.musiqueplus.com/static/declic/votezpourgagnez.png) no-repeat; height: 75px; } #mp_declic p {color: #FFFFFF; font-size: 12px; float: left; } #mp_declic img.tab { float: left; } #mp_declic .round {float: left; width: 596px; } #mp_declic #active_round .item { width: 230px; text-align: center; } #mp_declic #active_round .champion { margin: 0px 32px 0px 13px; float: right; } #mp_declic #active_round .contender { margin: 0px 13px 0px 32px; float: left; } #mp_declic #active_round .item .active { position: relative; height: 235px; } #mp_declic .previous_round .previousitems {float: left; width: 170px; text-align: center; margin: 0 53px 0 71px; } #mp_declic .previous_round .champion { margin: 0px 83px 0px 25px; float: right; } #mp_declic .previous_round .contender { margin: 0px 25px 0px 101px; float: left; } #mp_declic .previous_round .previousitems .inactive { position: relative; height: 162px; } #mp_declic .item h3 span, #mp_declic .previousitems h3 span { font-size: 13px; text-transform: uppercase; } #mp_declic #active_round .champion h3 {color: #3d99c2;} #mp_declic #active_round .contender h3 {color: #20fb00;} #mp_declic .previous_round h3 { color: #c0bfbf; } #mp_declic #active_round { margin: 7px 0px 7px 1px; height: 294px; } #mp_declic .previous_round { margin: 7px 0px 7px 1px; height: 190px; } /*#mp_declic .round a:hover span.vote { background: url(/http://media.musiqueplus.com/static/declic/votez.png) center center no-repeat; display: block; left: 65px; position: absolute;top: 66px; z-index: 1; height: 144px; width: 144px; }*/ #mp_declic .round a:hover span.vote { background: url(http://media.musiqueplus.com/static/declic/votez.png) center center no-repeat; display: block; left: 65px; position: absolute;top: 66px; z-index: 1; height: 144px; width: 144px; } #mp_declic .header .totalVotes, #mp_declic .header .validVotes { text-align: right; height: 20px; text-transform: uppercase; } #mp_declic .header .totalVotes { color: #3d99c2; margin-top: 7px; } #mp_declic .header .validVotes { color: #fc0214; margin-top: 11px; } #mp_declic h4 { font-size: 12px; } #mp_declic h4 span { font-size: 17px; } .mp_small-player .mp_content .mp_song-list-left,#mp_small-player .mp_content .mp_song-list-left {clear: none;float: left;width: 220px;} /*------------------------------------------------------------------- Tabs HUB -------------------------------------------------------------------*/ #tab_nav {position:relative; float:left; width:645px; height:34px; margin: 0 0 5px 0; padding:0; background-color:#f3f3f3; border-bottom: 1px solid #cfcfcf;} #tab_nav li {position:relative; float:left; display:inline; list-style:none; padding-top:10px;} #tab_nav li a {float:left; font:normal 14px/14px arial; text-transform:uppercase; padding:5px 10px; text-decoration:none;} #tab_nav li.active {position:relative; top:1px; background-color:#FFF; border-bottom: 20px solid #fff; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; border-bottom: 1px solid #fff;} #tab_nav li.active a {color:#d0352e; background-color:#FFF;} .sub_tab_nav {float:left; width:645px; margin:0 0 10px 0; padding:0;} .sub_tab_nav li {float:left; display:inline; padding:5px 10px; } .top_chrono li {float:left; display:inline; padding:5px 5px; } .sub_tab_nav li a{float:left; font:bold 12px/12px arial; text-decoration:none; padding:3px;} .sub_tab_nav li a:hover, .sub_tab_nav li a.active {background-color:#d0352e; color:#fff;} .scrollable {position:relative; overflow:hidden; width: 610px; height:38px;} .scrollable .items {width:20000em; position:absolute;} .items ul {float:left;} a.browse {display:block; width:12px; height:10px; float:left; cursor:pointer;} a.right { float:left; background-position: 0 -30px; clear:right; margin: 9px 0 0 4px; background: url(../images/next-arrow.png) no-repeat 0 0;} a.left { float:left; clear:left; margin: 9px 0 0 4px; background: url(../images/prev-arrow.png) no-repeat 0 0;} a.disabled {visibility:hidden !important;} /*------------------------------------------------------------------- Albums a Venir -------------------------------------------------------------------*/ .mp_upcomingAlbums { background-color:#FFFFFF; padding-bottom: 10px; border: 1px solid #CFCFCF; font-size: 12px; } .mp_upcomingAlbums div.item { height: 60px; border-bottom: 1px solid #CFCFCF; margin: 0 10px 10px; } .mp_upcomingAlbums img { padding-right: 5px; float: left;} .mp_upcomingAlbums a:hover { color: #DD2118; } .mp_upcomingAlbums h4 { display: block; font-size: 1.2em; } #mp_background-wrapper.emission_ste-catherine { background: url("/media/images/all/backgrounds/main-background-top-stecatherine2.jpg") no-repeat scroll center -1px transparent;} #mp_background-wrapper.emission_25-ans-musiqueplus { background: url("/media/images/all/backgrounds/main-background-top-25ansMplus.jpg") no-repeat scroll center -1px transparent;} #mp_background-wrapper.emission_m-net { background: url("/media/images/all/backgrounds/main-background-top-mnet.jpg") no-repeat scroll center -1px transparent;} #mp_background-wrapper.emission_accro-tv { background: url("/media/images/all/backgrounds/main-background-top-tevereel.jpg") no-repeat scroll center -1px transparent;} #mp_background-wrapper.emission_rajotte { background: url("/media/images/all/backgrounds/main-background-top-rajotte.jpg") no-repeat scroll center -1px transparent;} .playlist_go-fresh .mp_artist-sponsor { right: 360px; }