/* --- Common --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ * { padding: 0; margin: 0; } a { text-decoration: none; } a img { border: none; } li { display: block; list-style: none outside; } .cleaner { display: block; height: 1px; overflow: hidden; clear: both; } body { background: #000000 } #wrapper { background: #000000 url('../images/reglement_bgrd.jpg') center top no-repeat; font: 11px Arial, Verdana, Helvetica, sans-serif;} #page_container { width: 1000px; margin: 0 auto; overflow: hidden; } #header { height: 193px; position: relative; overflow: hidden; } #header h1 { width: 255px; height: 193px; float: left; padding: 0; } #header h1 a { display: block; width: 100%; height: 100%; text-indent: -1000px; } #header .bar { height: 26px; line-height: 26px; position: relative; z-index: 1000; margin-bottom: 80px; } #header .bar ul { float: right } #header .bar ul li { float: left; } #header .bar ul li a { display: block; height: 26px; float: left; text-indent: -1200px; } #header .bar ul li#link1 a,#header .bar ul li#link2 a,#header .bar ul li#link3 a { color: #ffffff;text-indent: 0;font-size: 12px; } #header .bar ul li#link1 a { width: 183px} #header .bar ul li#link2 a { width: 120px} #header .bar ul li#link3 a { width: 70px} #header .holder { width: 745px; height: 193px; float: left; } #header .banner { width: 728px; height: 90px; background: none; position: absolute; top: 28px; left: 258px; text-align: right; padding-top: 8px; } #header .banner .inner { padding: 21px; } /* --- Navigation --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header #nav { width: 728px; height: 78px; background: url('../images/nav_bgrd.png') 0px 0px no-repeat; margin-top: 83px;margin-left: 12px;} #header #nav li { height: 43px; margin-top: 0px; float: left; background: url('../images/nav_li_separator.png') right 4px no-repeat; padding-right: 0px;} #header #nav li a { display: block; height: 43px; font-size: 14px; line-height: 32px; color: #FFF; text-indent: -1000px; padding: 0; } #header #nav li a:hover { } #header #nav li.last { background: none; margin-left: 2px;} #header #nav li#nav_link_home { margin-left: 6px; background: none} #header #nav li#nav_link_home a { width: 42px; background: url('../images/nav_li_01_bgrd.png') left top no-repeat; text-indent: -200px; overflow: hidden; padding: 0; margin-left: 5px; } #header #nav li#li02 a { width: 74px; background: url('../images/nav_li_02_bgrd.png') left 4px no-repeat; } #header #nav li#li03 a { width: 95px; background: url('../images/nav_li_03_bgrd.png') left 4px no-repeat; } #header #nav li#li04 a { width: 95px; background: url('../images/nav_li_04_bgrd.png') left 4px no-repeat; } #header #nav li#li05 a { width: 73px; background: url('../images/nav_li_05_bgrd.png') left 4px no-repeat; } #header #nav li#li06 a { width: 85px; background: url('../images/nav_li_06_bgrd.png') left 4px no-repeat; } #header #nav li#li07 a { width: 82px; background: url('../images/nav_li_07_bgrd.png') left 4px no-repeat; } #header #nav li#li08 a { width: 81px; background: url('../images/nav_li_08_bgrd.png') left 4px no-repeat; } #header #nav li#li09 a { width: 80px; background: url('../images/nav_li_09_bgrd.png') left 4px no-repeat; } /*#header #nav li#nav_link_home a:hover,*/ #header #nav li#li02 a:hover, #header #nav li#li03 a:hover, #header #nav li#li04 a:hover, #header #nav li#li05 a:hover, #header #nav li#li06 a:hover, #header #nav li#li07 a:hover, #header #nav li#li08 a:hover, #header #nav li#li09 a:hover { background-position: left -42px; } #header #byford { /*background: url('../images/madebyford.png') 0px 0px no-repeat;*/ height: 27px; /*margin-top: -20px; margin-left:551px;*/ position:absolute; top:167px; left:802px; z-index: 10; } #header #byford #byford_href{ display: block;width: 187px;height: 23px} #page_content { height: 1134px; position: relative; } /*#page_content { height: 873px; position: relative; }*/ /* --- Footer --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { background: url('../images/footer_bgrd.jpg') left bottom repeat-x; margin-top: -8px;} #footer .rights {height:27px; width: 300px; float: left; color:#7b7b7b;background: url('../images/madebyford.png') 0px 0px no-repeat;margin-left: 18px;margin-top: -6px; } #footer .rights strong {color: #000000} #footer .links { float: right;margin-right: 16px; } #footer .links li { float: left; } #footer .links li a { display: block; float: left; padding: 0 3px; border-right: 1px solid #ffffff; color: #ffffff; } #footer .links li a:hover { color: #3b6296; text-decoration: underline; } #footer .links li.last a { border: none; } #footer .links li.first a { color: #3b6296; } #footer .inner { width: 1000px; height: 222px; margin: 0 auto; background: url('../images/footer_inner_bgrd.jpg') -1px 49px no-repeat; } #footer .inner #copyright {float: right;color: #2f78a8;font-weight: bold;margin-right: 16px;margin-top: 8px;} #footer .inner #copyright span {color:#ffffff;font-weight: normal;} #footer .separator { height: 70px; } #footer .panel { width: 110px; float: left; margin-right: 6px; } #footer .panel a { color: #FFF; font-weight: bold; } #footer .panel .hdr { color: #FFF; border-bottom: 1px solid #444; text-transform: uppercase; padding-bottom: 5px; } #footer .panel .cnt { color: #acaeb0; padding-top: 20px; } #footer #contact_nrj, #footer #contact_fordka { width: 155px; } #footer #contact_fordka { margin-right: 0; } #footer #partners { width: 130px; margin: 0 36px 0 30px; } #footer #partners a { padding: 0 3px; } #footer .panel .cnt a{color: #ffffff} /* --- Layout --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .box { position: absolute; } #box10 { width: 665px; height: 322px; top: 0; left: 0; } #box01 { width: 322px; height: 259px; background: url('../images/nrj_tf1_box_bgrd.png') no-repeat; top: 42px; left: 657px; } #box21a{ width: 366px; height: 270px; top: 310px; left: 19px;} #box21 { width: 326px; height: 276px; top: 579px; left: 19px; z-index: 10} #box22 { width: 650px; height: 259px; background: url('../images/nrj_tf1_bgrd.jpg') no-repeat; top: 312px; left: 333px; } #box23 { width: 354px; height: 297px; background: url('../images/box_23_bgrd.png') 10px 9px no-repeat; top: 31px; left: 649px;z-index: 10 } #box30 { width: 665px; height: 276px; background: url('../images/box_30_bgrd.png') 0px 0px no-repeat; top: 579px; left: 333px; } #box21all {position: absolute;left: 19px;top: 312px;width: 310px;height: 526px;background: url('../images/box_21_all.jpg') no-repeat;} #box40{ position: absolute; left: 19px; top:846px; width:965px; height:259px; background: url('../images/rss_bgrd.jpg') no-repeat; overflow: hidden; } #box40 #rssWrapper{ margin-top: 87px; height: 170px; overflow: hidden; } #box40 .rssLine{ height: 28px; overflow: hidden; } #box40 .rssLine .lineDescr, #box40 .rssLine .lineSites, #box40 .rssLine .lineDate{ float:left; height:23px; text-align: center; font-size: 12px; padding-top: 5px; overflow: hidden; } #box40 .rssLine .lineImg{ float: left; background: url('../images/rss_box.png') no-repeat; width: 24px; height: 25px; margin-top: 1px; margin-left: 21px; } #box40 .rssLine .lineDescr{ width: 631px; text-align: left; padding-left: 20px; color:#dc780c; font-size: 11px; font-weight: bold; } #box40 .rssLine .lineSites{ width: 242px; font-size: 11px; font-weight: bold; color: #000000; } #box40 .rssLine .lineDate{ width: 156px; color: #4b73aa; } #box40 #content-slider-rss{ width: 3px; height: 214px; float: left; position: absolute; top: 31px; left:942px; background: #b5b5b5; } #box01 .inner { padding: 50px 20px 0 30px; } #box01 .inner h3 { font-size: 23px; line-height: 20px; padding-right: 80px; margin-bottom: 10px } #box01_title {font-family: arial;font-size: 23px;color: #d0d5db;margin-top: 43px;line-height: 21px;margin-left: 44px;} #box01_title b {color:#FFFFFF;margin-left: -1px;} #box01_abs {position: absolute;left: 664px;top:131px;width: 320px;text-align: center;} #box01_abs .la_decouvrir{color: #ffffff;font-size: 24px;text-align: right;padding-right: 34px;padding-bottom: 49px} #box01_abs .box01_abs_decouvrez_hp {display: block;width: 176px;height: 20px;background: url('../images/decouvrez_hp.jpg') no-repeat;margin-left: 103px;margin-top: 25px} #box01_abs a{padding-top: 25px;font-family: arial;font-size: 11px;color:#3c474d;display: block;} #box01_abs a p span{color:#475a60} #box01_abs a p span i{font-size: 10px;} #box01_abs .hp_stitle {color:#475a60;font-size: 12px} #box01_abs .hp_attention {color:#475a60;font-size: 10px;padding-top: 9px;} #box01_abs a p{padding-bottom: 7px;font-size: 20px;color:#009ac2;font-weight: bold;text-align: center;} #box01_abs ul{font-family: arial;font-size: 11px;margin-left: 48px;margin-top: 21px;} #box01_abs ul li a{text-decoration: none;color: inherit;} #box01_abs ul li{padding-bottom: 3px;padding-top:1px;padding-left:6px; line-height: 14px;border-bottom: solid;border-color: #d9d9d9;border-width: 1px;width: 270px;} #box01_abs ul .box01cat0,#box01_abs ul .box01cat0 a {color:#3c474d} #box01_abs ul .box01cat1,#box01_abs ul .box01cat1 a{color:#c11355} #box01_abs ul .box01cat2,#box01_abs ul .box01cat2 a{color:#ff7808} #box01_abs ul .box01cat3,#box01_abs ul .box01cat3 a{color:#168eb5;border-bottom: none;} #box01 #daysleft {float: left;width: 200px;margin-left: -34px;} #box01 #countdown {height: 85px;color: #ffffff;font-size: 22px;margin-left: 1px;float: left;margin-top: -4px;background: url('../images/counter.png') 0px 0px no-repeat;padding-top: 6px;padding-left:3px;width: 100px;} #box21a_swf { width: 234px;height: 176px; margin-left: 35px;margin-top: 34px;border-style: solid;border-color: #4489ba;border-width: 2px;background-color: #FFFFFF;margin-bottom: 17px;background: url('../images/box_21_im.jpg') no-repeat;} #box21a #ensavoirplus{background: url('../images/btn_voir_video.png') 0px 0px no-repeat;width: 97px;height: 23px;margin-left: 194px;margin-top: 4px;cursor: pointer;} #box21 #box21_ensavoirplus2{position: relative;left:194px;top:30px;width: 90px;height: 18px;display: block;z-index: 100;text-indent: 0} #box21 #box21_la_decouvrir{position: relative;left:199px;top:53px;width: 90px;height: 18px;display: block;z-index: 100;text-indent: 0} #box21 #box21_clicquez_ici{position: relative;left:199px;top:99px;width: 90px;height: 18px;display: block;z-index: 100;text-indent: 0} #box21 .image { height: 0px; } #box21 a { display: block; height: 58px; text-indent: -1000px; } #box21 .link1 { display: block; height: 75px; text-indent: -1000px; position: relative;left: 169px;top:20px; } #box21 .link1 { display: block; height: 31px; text-indent: -1000px; } #box21 .link1 #devenirfan {width: 83px;height: 19px;margin-left: 31px;margin-top: 52px;} #box21 .link1 #devenirfan div{background: url('../images/devenirfan.png') left top no-repeat;width: 83px;height: 19px} #box21 .link1 a {width: 83px;height: 19px;} #box21 .link1 #voirfans {color: #ffffff;text-indent:0;margin-left: 197px;margin-top: -18px;width: 90px;text-decoration: underline;} #box22 { text-align: center; padding-top: 5px; } #box22 h3{ /*color: #4185b4;*/ color:#009AC2; font-size: 29px; } #box22 h4{ color: #ffffff; font-size: 14px; padding-top: 12px; } #box22 h5{ color: #000000; font-size: 18px; line-height: 21px; padding-top: 3px; } #box22 h6{ padding-top: 7px; color: #009AC2; font-size: 18px; line-height: 21px; padding-left: 15px; } #box22 .nrjl{ display: block;width:64px;height:50px;position: absolute;left:249px;top:0px; } #box22 .tf1l{ display: block;width:79px;height:50px;position: absolute;left:335px;top:0px; } #box01 { text-align: center; padding-top: 5px; } #box01 h3{ color: #009AC2; font-size: 22px; } #box01 h4{ color: #ffffff; font-size: 22px; padding-top: 3px; } #box01 h5{ color: #ffffff; font-size: 24px; padding-top: 52px; text-align: right; padding-right: 15px; } #box01 h5 a{ color: #ffffff; } #box01 h6{ padding-top: 7px; color: #009AC2; font-size: 16px; line-height: 21px; padding-left: 15px; } #kawards .nrjl{ display: block;width:50px;height:12px;position: absolute;left:264px;top:37px; } #kawards .tf1l{ display: block;width:62px;height:12px;position: absolute;left:329px;top:37px; } #classements .nrjl{ display: block;width:50px;height:12px;position: absolute;left:264px;top:37px; } #classements .tf1l{ display: block;width:62px;height:12px;position: absolute;left:329px;top:37px; } #fordka .nrjl{ display: block;width:50px;height:12px;position: absolute;left:264px;top:37px; } #fordka .tf1l{ display: block;width:62px;height:12px;position: absolute;left:329px;top:37px; } #box23 .images { height: 200px; position: relative; padding-left: 52px; } #box23 #makingOfVid{width: 238px;height: 190px;border:2px solid #4489BA;} #box23 .link { display: block; height: 80px; text-indent: -1000px; } #box23 .next, #box23 .prev { display: block; width: 20px; height: 19px; position: absolute; overflow: hidden; text-indent: -100px;cursor: pointer; } #box23 .next { background: url('../images/box_23_button_next.png') 0px 0px no-repeat; top: 25px; left: 302px; } #box23 .prev { background: url('../images/box_23_button_prev.png') 0px 0px no-repeat; top: 25px; left: 280px; } #box23 h3 { font-size: 23px; line-height: 20px; padding-right: 80px; padding: 25px 0 10px 0; } #box23 a.thumbs { display: block; width: 100px; height: 110px; background: url('../images/videos_image_bgrd.png') left top no-repeat; padding: 2px 0 0 2px; float: left; } #box23 a.thumbs img { display: block; } #box23 a#thumb2 { margin-top: 3px; } #box23 a#thumb3 { margin-top: 5px; } #box23 .button { display: block; width: 125px; height: 19px; background: url('../images/box23_button.png') left top no-repeat; text-indent: -1000px; float: right; margin: -5px 35px 0 0; } #box_23_artist1 { width: 91px;height: 91px;position: absolute;top: 47px;left: 19px;border-color: #4489ba;border-style: solid;border-width: 2px;overflow: hidden;} #box_23_artist2 { width: 91px;height: 91px;position: absolute;top: 50px;left: 123px;border-color: #4489ba;border-style: solid;border-width: 2px;overflow: hidden;} #box_23_artist3 { width: 91px;height: 91px;position: absolute;top: 52px;left: 227px;border-color: #4489ba;border-style: solid;border-width: 2px;overflow: hidden;} #box_23_artist12 {width: 200px; height: 91px} #box_23_artist23 {width: 200px; height: 91px} #box_23_artist34 {width: 200px; height: 91px} #box30 .inner { padding-left: 45px; padding-top: 94px; } #box30 ul { width: 153px; float: left; } #box30 ul.second { width: 153px; } #box30 ul.third { width: 158px; } #box30 ul.last { width: 142px; } #box30 ul.last li .image { border-color: #65421c; } #box30 ul.last li { color: #65421c; } #box30 ul.middle li .image { border-color: #4b9ad0; } #box30 ul.middle li { color: #4b9ad0; } #box30 ul li { height: 31px; margin-bottom: 6px; color: #c3157e; } #box30 ul li .image { display: block; float: left; margin-right: 12px;margin-top: 1px;margin-left: -1px;} #box30 ul li .image img { display: block} #box30 ul li strong { display: block; margin-bottom: 2px; color: #000; } #classements #box30 ul li { height: 31px; margin-bottom: 19px; color: #c3157e; } #classements #box30 ul { width: 223px; float: left; } #classements #box30 ul.second { width: 231px; } #classements #box30 ul.third { width: 217px; } #classements #box30 ul.last { width: 170px; } #box30 .voter{ text-decoration: underline; } /* --- Sections --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .artist2 { background: none; } .artist2 #wrapper { background: url('../images/artist2_bgrd.jpg') center top no-repeat; background-color: #000000} .artist2 #page_content { height: 1165px; } .artist2 #soglam { width: 366px; height: 269px; position: absolute; top: 51px; left: 641px; background: url('../images/artist2_rock.png') left top no-repeat; } .artist2 #soglam .inner { padding: 35px 40px; } .artist2 #soglam .inner h3 { font-family: "Helvetica Neue", Arial, Verdana; font-weight: 100; font-size: 24px; line-height: 24px; margin-bottom: 10px; padding-right: 100px; } .artist2 #soglam .inner #classement_title {font-family: arial;font-size: 23px;color: #d0d5db;margin-top: -11px;line-height: 21px;margin-left: 0px;} .artist2 #soglam .inner #classement_title b {color:#FFFFFF;margin-left: -1px;} .artist2 #soglam .cat_title {background: url('../images/rock_categ_title.png') 0px 0px no-repeat; width: 79px;height: 21px;margin-top: 23px;} /*slider*/ .artist2 #content-scroll{ width: 240px; overflow: hidden; height: 100px } .artist2 #content-slider{ width: 3px; height: 100px; float: left; position: relative; margin-top: 25px; background: #b5b5b5; margin-left: 36px; } .artist2 #content-scroll-comments{ width: 240px; overflow: hidden; height: 640px } .artist2 #content-slider-comments{ width: 3px; height: 640px; float: left; position: relative; margin-top: 25px; background: #b5b5b5; margin-left: 36px; } .artist2 #content-scroll-news{ width: 240px; overflow: hidden; height: 384px; float: left; } .artist2 #content-slider-news{ width: 3px; height: 370px; float: left; position: relative; margin-top: 10px; background: #b5b5b5; margin-left: 36px; } .artist2 #content-scroll{ width: 240px; overflow: hidden; height: 100px } .artist2 #content-slider{ width: 3px;height: 100px;float: left; position: relative;margin-top: 25px;background: #b5b5b5; margin-left: 36px; } .ui-slider { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; background: #eeeeee url(images/eeeeee_40x100_textures_03_highlight_soft_100.png) 0 0 repeat-x; height: .8em; position: relative; } .ui-slider-handle { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; position: absolute; z-index: 2; top: -3px; width: 19px; height: 42px; background: url('../images/scroll_arrows.png') no-repeat; margin-left: -8px; } .ui-slider-handle:hover { /* background: #fdf5ce url(images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x; border: 1px solid #fbcb09;*/ } .ui-slider-handle-active, .ui-slider-handle-active:hover { /* background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; border: 1px solid #fbd850;*/ } .ui-slider-range { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; height: .8em; background: #fdf5ce url(images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x; position: absolute; border: 1px solid #cccccc; border-left: 0; border-right: 0; top: -1px; z-index: 1; opacity:.7; filter:Alpha(Opacity=70); } /*end slider*/ .artist2 #video_sub{ margin-top: 14px; } .artist2 #video_sub input{ margin-top: 6px; margin-left: 0px; border:none; } .artist2 #image_sub{ position: relative; } .artist2 #classement_abs {position: absolute;left: 780px;top:144px;padding-top: 2px;} .artist2 #classement_abs_image {position: absolute;left: 780px;top:144px;background: url('../images/rock_classement.png') 0px 0px no-repeat;width: 49px;height: 146px} .artist2 #classement_abs ul li {padding-bottom: 6px;width: 300px} .artist2 #classement_abs ul li .image {margin-left: 19px;float: left;} .artist2 #classement_abs ul li .info {margin-top: -1px;margin-left:12px} .artist2 #classement_abs ul li .info .info_vote {margin-top: 2px;margin-left:12px; float: left;text-decoration: underline;color:#4489BA} .artist2 #artist_big {position: absolute;top:16px;} .artist2 #image_sub ul.images {position: absolute;top: 273px} .artist2 #soglam ul li { height: 31px; margin-bottom: 7px; color: #c3157e; } .artist2 #soglam ul li .image { display: block; float: left; margin-right: 10px; border: 2px solid #c3157e; } .artist2 #soglam ul li .image img { display: block; } .artist2 #soglam ul li strong { display: block; margin-bottom: 2px; color: #000; } .artist2 #adbanner { width: 366px; height: 377px; position: absolute; top: 854px; left: 665px; background: url('../images/artist2_ad_banner_bgrd.jpg') left top no-repeat;} .artist2 #adbanner a{display: block;height: 376px;width:365px } .artist2 #video .inner { padding: 13px 0 0 13px; } .artist2 #news .inner h3, .artist2 #info .inner h3, .artist2 #video h3 { font-family: "Helvetica Neue", Arial, Verdana; font-weight: 100; font-size: 24px; margin-bottom: 10px; color: #c30979; } .artist2 #info .inner h3 { color: #ffffff; font-weight: bold;line-height: 20px} .artist2 #video .inner h3 { color: #ffffff;line-height: 20px} .artist2 #info .inner .dern_news_info { color: #222222;font-size: 25px;line-height: 21px;margin-top: 30px;float: left;} .artist2 #news .inner { padding: 13px 45px 0 10px; } .artist2 #news .inner h3 { color: #ffffff; padding-right: 100px; padding-left: 10px;line-height: 20px } .artist2 #news .inner { padding: 13px 45px 0 3px; } .artist2 #news .inner ul { line-height: 14px; } .artist2 #news .inner ul li { display: block; color: #232323; padding: 10px 0; } .artist2 #news .inner ul li a { display: block; color: #c30979; } .artist2 #news .inner ul li strong { display: block; margin-bottom: 5px; } .artist2 #video .images li { display: block; float: left; width: 68px; height: 83px; margin-right: 16px; background: url('../images/artist2_video_thumb_bgrd.png') left top no-repeat; } .artist2 #video .images li a { display: block; float: left; padding: 2px 0 0 2px; } .artist2 #video .images li a img { display: block; } .artist2 #info .inner { padding: 13px 15px 0 10px; } .artist2 #info .inner p { padding-bottom: 2px; line-height: 14px } .artist2 #info .inner ul { line-height: 14px; float: left; width: 291px} .artist2 #info .inner ul li { display: block; color: #232323; padding: 10px 0; } .artist2 #info .inner ul li a { display: block; color: #c30979; } .artist2 #info .inner ul li p { } .artist2 #info .inner ul li strong { display: block; } .artist2 #info .inner .artist_text { width: 291px;position: relative;top: 30px;padding-top: 10px} .artist2 #info .inner #vote_info_long_button {margin-left: -3px;top:20px;position: relative;} .artist2 #info .inner #info_artist_link {top:35px;position: relative;} .artist2 #info form label { width: 71px; display: block; float: left; overflow: hidden; margin-right: 13px; margin-bottom: 10px; line-height: 20px; } .artist2 #info form label span { color: #c30979; } .artist2 #info form .field { display: block; width: 221px; height: 20px; float: left; background: url('../images/artist2_comment_field_bgrd.png') left top no-repeat; border: none; margin-bottom: 10px; } .artist2 #info form textarea { display: block; width: 221px; height: 125px; float: left; background: url('../images/artist2_comment_textarea_bgrd.png') left top no-repeat; border: none; margin-bottom: 10px; } .artist2 #info form img { display: block; margin-bottom: 10px; border: 1px solid #d28eb7; float: left; } .artist2 #info form .submit { display: block; border: none; float: right; clear: both; } .artist2 .video_border{margin-top: 17px;} .artist2#arta #video .images li a, .artist2#arta #info .inner ul li a, .artist2#arta #news .inner ul li a, .artist2#arta #soglam ul li, .artist2#arta a { color: #000000; } .artist2#arta .date_color{color:#002e56 } .artist2#arta #news { width: 366px; height: 976px; position: absolute; top: 316px; left: 665px; background: url('../images/artist2a_col_bgrd.jpg') left top no-repeat; } .artist2#arta #video {width: 328px; height: 847px; position: absolute; top: 316px; left: 19px; background: url('../images/artist2a_col_bgrd.jpg') left top no-repeat;} .artist2#arta #info { width: 311px; height: 976px; position: absolute; top: 316px; left: 344px; background: url('../images/artist2a_col_bgrd.jpg') left top no-repeat; } .artist2#arta .video_border {width: 238px;height: 190px;border-style: solid;border-width: 2px;border-color: #3c3c3c} .artist2#arta #artist_big {background: url('../images/artist2a_img_bgrd.png') no-repeat;width: 235px;height: 251px;padding-top: 2px;padding-left: 2px;} .artist2#artb #video .images li a, .artist2#artb #info .inner ul li a, .artist2#artb #news .inner ul li a, .artist2#artb #soglam ul li, .artist2#artb a { color: #000000; } .artist2#artb #video { background: url('../images/artist2b_video.png') left top no-repeat; } .artist2#artb #info { background: url('../images/artist2b_info.png') left top no-repeat; } .artist2#artb #soglam { background: url('../images/artist2b_pop.png') left top no-repeat; } .artist2#artb #soglam ul li .image { border: 2px solid #52a6db; } .artist2#artb #video .images li { background: url('../images/artist2b_video_thumb_bgrd.png') left top no-repeat; } .artist2#artb #info form .field { background: url('../images/artist2b_comment_field_bgrd.png') left top no-repeat;} .artist2#artb #info form textarea { background: url('../images/artist2b_comment_textarea_bgrd.png') left top no-repeat; } .artist2#artb #info form img { border: 1px solid #4b9ad0; } .artist2#artb #info form a img { border: 0; } .artist2#artb .date_color{color:#d10051 } .artist2#artb #classement_abs {position: absolute;left: 780px;top:144px;padding-top: 2px;} .artist2#artb #classement_abs_image {position: absolute;left: 780px;top:144px;background: url('../images/pop_classement.png') 0px 0px no-repeat;width: 49px;height: 146px} .artist2#artb #soglam .inner #classement_title {color: #ffc7de} .artist2#artb #soglam .cat_title {background: url('../images/pop_categ_title.png') 0px 0px no-repeat; width: 79px;height: 27px;margin-top: 18px;} .artist2#artb #video {width: 328px; height: 847px; position: absolute; top: 316px; left: 19px; background: url('../images/artist2b_col_bgrd.jpg') left top no-repeat;} .artist2#artb #info { width: 315px; height: 976px; position: absolute; top: 316px; left: 344px; background: url('../images/artist2b_col_bgrd.jpg') left top no-repeat; } .artist2#artb #news { width: 366px; height: 976px; position: absolute; top: 316px; left: 665px; background: url('../images/artist2b_col_bgrd.jpg') left top no-repeat; } .artist2#artb .video_border {width: 238px;height: 190px;border-style: solid;border-width: 2px;border-color: #ef0666} .artist2#artb #artist_big {background: url('../images/artist2b_img_bgrd.png') no-repeat;width: 235px;height: 251px;padding-top: 2px;padding-left: 2px;} .artist2#artc #video .images li a, .artist2#artc #info .inner ul li a, .artist2#artc #news .inner ul li a, .artist2#artc #soglam ul li, .artist2#artc a { color: #000000; } .artist2#artc #soglam ul li .image { border: 2px solid #6d481f; } .artist2#artc #news { background: url('../images/artist2c_news_bgrd.png') left top no-repeat; } .artist2#artc #video { background: url('../images/artist2c_video.png') left top no-repeat; } .artist2#artc #info { background: url('../images/artist2c_info.png') left top no-repeat; } .artist2#artc #soglam { background: url('../images/artist2c_electro.png') left top no-repeat; } .artist2#artc #video .images li { background: url('../images/artist2c_video_thumb_bgrd.png') left top no-repeat; } .artist2#artc #info form .field { background: url('../images/artist2c_comment_field_bgrd.png') left top no-repeat;} .artist2#artc #info form textarea { background: url('../images/artist2c_comment_textarea_bgrd.png') left top no-repeat; } .artist2#artc #info form img { border: 1px solid #6d481f; } .artist2#artc #info form a img { border: 0; } .artist2#artc .date_color{color:#ff6d00 } .artist2#artc #classement_abs {position: absolute;left: 780px;top:144px;padding-top: 2px;} .artist2#artc #classement_abs_image {position: absolute;left: 780px;top:144px;background: url('../images/electro_classement.png') 0px 0px no-repeat;width: 49px;height: 146px} .artist2#artc #soglam .inner #classement_title {color: #f1fed1} .artist2#artc #soglam .cat_title {background: url('../images/electro_categ_title.png') 0px 0px no-repeat; width: 90px;height: 27px;margin-top: 18px;} .artist2#artc #video {width: 328px; height: 847px; position: absolute; top: 316px; left: 19px; background: url('../images/artist2c_col_bgrd.jpg') left top no-repeat;} .artist2#artc #info { width: 315px; height: 976px; position: absolute; top: 316px; left: 344px; background: url('../images/artist2c_col_bgrd.jpg') left top no-repeat; } .artist2#artc #news { width: 366px; height: 976px; position: absolute; top: 316px; left: 665px; background: url('../images/artist2c_col_bgrd.jpg') left top no-repeat; } .artist2#artc .video_border {width: 238px;height: 190px;border-style: solid;border-width: 2px;border-color: #f27118} .artist2#artc #artist_big {background: url('../images/artist2c_img_bgrd.png') no-repeat;width: 235px;height: 251px;padding-top: 2px;padding-left: 2px;} .artist2#artd #video .images li a, .artist2#artd #info .inner ul li a, .artist2#artd #news .inner ul li a, .artist2#artd #soglam ul li, .artist2#artd a { color: #000000; } .artist2#artd #soglam ul li .image { border: 2px solid #6d481f; } .artist2#artd #news { background: url('../images/artist2c_news_bgrd.png') left top no-repeat; } .artist2#artd #video { background: url('../images/artist2c_video.png') left top no-repeat; } .artist2#artd #info { background: url('../images/artist2c_info.png') left top no-repeat; } .artist2#artd #soglam { background: url('../images/artist2d_urbain.png') left top no-repeat; } .artist2#artd #video .images li { background: url('../images/artist2d_video_thumb_bgrd.png') left top no-repeat; } .artist2#artd #info form .field { background: url('../images/artist2c_comment_field_bgrd.png') left top no-repeat;} .artist2#artd #info form textarea { background: url('../images/artist2c_comment_textarea_bgrd.png') left top no-repeat; } .artist2#artd #info form img { border: 1px solid #6d481f; } .artist2#artd #info form a img { border: 0; } .artist2#artd #classement_abs {position: absolute;left: 780px;top:144px;padding-top: 2px;} .artist2#artd #classement_abs_image {position: absolute;left: 780px;top:144px;background: url('../images/urbain_classement.png') 0px 0px no-repeat;width: 49px;height: 146px} .artist2#artd #soglam .inner #classement_title {color: #d9f6ff} .artist2#artd #soglam .cat_title {background: url('../images/urbain_categ_title.png') 0px 0px no-repeat; width: 90px;height: 27px;margin-top: 18px;} .artist2#artd #video {width: 328px; height: 847px; position: absolute; top: 316px; left: 19px; background: url('../images/artist2d_col_bgrd.jpg') left top no-repeat;} .artist2#artd #info { width: 315px; height: 976px; position: absolute; top: 316px; left: 344px; background: url('../images/artist2d_col_bgrd.jpg') left top no-repeat; } .artist2#artd #news { width: 366px; height: 976px; position: absolute; top: 316px; left: 665px; background: url('../images/artist2d_col_bgrd.jpg') left top no-repeat; } .artist2#artd .video_border {width: 238px;height: 190px;border-style: solid;border-width: 2px;border-color: #00acdf} .artist2#artd #artist_big {background: url('../images/artist2d_img_bgrd.png') no-repeat;width: 235px;height: 251px;padding-top: 2px;padding-left: 2px;} .artist2#artd .date_color{color:#0094b7 } #ceremonie { background: none;background-color: #000000 } /* #ceremonie #wrapper { background: url('../images/ceremonie_bgrd_home.jpg') center top no-repeat; }*/ #ceremonie #page_content { height: 889px; } #ceremonie #box11{padding-left:34px;padding-top:42px; background: url('../images/trophee.png') no-repeat; width: 315px;height: 259px;left:669px;top:42px} #ceremonie #box20{background: url('../images/photo_ceremonie_bgrd.jpg') no-repeat; width: 310px;height: 526px;left:19px;top:310px} #ceremonie #box21{background: url('../images/ceremonie_title_bgrd.jpg') no-repeat; width: 650px;height: 259px;left:334px;top:310px;text-align: center;color:#000000} #ceremonie #box31{background: url('../images/videos_ceremonie_bgrd.png') no-repeat; width: 650px;height: 259px;left:334px;top:577px} #ceremonie #box20 #photo_ceremonie{width: 263px;height: 212px;border:2px solid #4489BA;top:29px;left:22px;position: absolute;background: url('../images/photo_ceremonie_1.jpg') no-repeat;} #ceremonie #box20 #photo_table{left:36px;top:279px;position: absolute} #ceremonie #box20 #photo_table .photo_shadow{background: url('../images/photo_shadow.png') no-repeat;width: 68px;height: 8px;} #ceremonie #box20 #photo_table .photo_preview{width:64px;height:64px;border:2px solid #4489BA;cursor: pointer;} #ceremonie #box20 #photo_table .linebreak{height: 6px;} #ceremonie #box21 h3{color:#009AC2;font-size: 25px} #ceremonie #box21 h4{font-size: 23px;padding-top: 3px;} #ceremonie #box21 h5{font-size: 18px;padding-top: 28px;} #ceremonie #box21 h6{font-size: 14px;padding-top: 20px;} #ceremonie #box31 #vid1_prev{background: url('../images/ceremonie_vid1_prev.jpg') no-repeat;width: 244px;height: 181px;position: absolute;top:40px;left:40px;border:2px solid #4489BA;} #ceremonie #box31 #vid2_prev{background: url('../images/ceremonie_vid2_prev.jpg') no-repeat;width: 244px;height: 181px;position: absolute;top:40px;left:363px;border:2px solid #4489BA;} #ceremonie #box31_abs{position: absolute;top:810px;left:532px;} #ceremonie #box11_abs{position: absolute;top:277px;left:862px;} #ceremonie #box11 #makingOfVid{width: 244px;height: 181px;border:2px solid #4489BA;background: url('../images/trophee_prev.jpg')} #kawards { background: none; } #kawards #wrapper { background: #000000 url('../images/kawards_bgrd.jpg') center top no-repeat; } #kawards #page_content { height: 907px; } #kawards #rdv { width: 366px; height: 322px; position: absolute; top: 51px; left: 642px; overflow: hidden; background: url('../images/artist2_rock.png') left top no-repeat; } #kawards #rdv .inner { padding: 35px 0 0 35px; } #kawards #rdv .inner .kawards_greetings_title{font-size: 23px;color:#ffffff} #kawards #rdv .inner .kawards_greetings_content{font-size: 13px;color:#000000;width: 295px;padding-top: 30px;} #kawards #rdv a { display: block; width: 296px; height: 191px; } #kawards #rdv a img { display: block; } #kawards #jeux { width: 366px; height: 309px; position: absolute; top: 283px; left: 634px; background: url('../images/kawards_jeux_bgrd.png') left top no-repeat; } #kawards #jeux .inner { padding: 45px 0 0 31px; } #kawards #jeux a { display: block; width: 296px; height: 211px; } #kawards #jeux a img { display: block; } #kawards #mecanique { width: 636px; height: 534px; overflow: hidden; position: absolute; top: 316px; left: 18px; background: url('../images/kawards_mecanique_bgrd.jpg') left top no-repeat; } #kawards #mecanique .inner { padding: 10px 8px 0 10px; } #kawards #mecanique .inner h3 { font-family: "Helvetica Neue", Arial, Verdana; font-weight: 100; font-size: 25px; padding-bottom: 42px; color: #ffffff} #kawards #mecanique .inner p { line-height: 17px; padding-bottom: 8px; } #kawards .inner ul.kawards_cat_list{font-size: 14px;font-weight: bold;padding-bottom: 10px} #kawards .inner ul.kawards_cat_list li{background: url('../images/kawards_categ_list_arrow.png') left center no-repeat;padding-left: 15px} #kawards .rock_color {color: #364b53} #kawards .pop_color {color: #9e0165} #kawards .urbain_color {color: #e16400} #kawards .electro_color {color: #0094b1} #kawards #player { width: 314px; height: 285px; position: absolute; top: 316px; left: 665px; overflow: hidden; background: url('../images/kawards_player.jpg') left top no-repeat; } #kawards #player .inner { padding: 60px 0 0 38px; } #kawards #player .inner a {width:90px;height:18px; margin-top: 191px;margin-left:150px; background: url('../images/ensavoirplus_k.jpg') no-repeat;display: block;} #kawards #player .inner .play { width: 235px; height: 188px; background: url('../images/kawards_player_big_thumb.png') left top no-repeat; } #kawards #player .inner .thumb { display: block; width: 53px; height: 50px; float: left; margin-right: 8px; background: url('../images/kawards_player_small_thumb.png') left top no-repeat; text-indent: -1000px; } #kawards #kawards_box23 {left:665px;top:609px;width: 336px; height: 262px; background: url('../images/box_23_bgrd_sml.png') no-repeat;position: absolute;} #kawards #kawards_box23 .images { height: 200px; position: relative; padding-left: 41px; } #kawards #kawards_box23 #makingOfVid{width: 238px;height: 190px;border:2px solid #4489BA;} /*#contact { background: none; }*/ #contact #wrapper { background: #000000 url('../images/contact_bgrd.jpg') center top no-repeat} #contact #page_content { height: 637px; } #contact #ad { width: 322px; height: 286px; position: absolute; top: 18px; left: 672px; background: url('../images/kawards_player.jpg') left top no-repeat; } #contact #ad .inner { padding: 92px 0 0 35px; } #contact #ad a {width:90px;height:18px; margin-top: 14px;margin-left:-2px; background: url('../images/ensavoirplus_k.jpg') no-repeat;display: block;} #contact #cntct { width: 666px; height: 425px; position: absolute; top: 317px; left: 19px; background: url('../images/contact_contact.jpg') left top no-repeat; } #contact #cntct .inner { padding: 15px 0 0 23px } #contact #cntct .inner h3 { font-family: "Helvetica Neue", Arial, Verdana; font-weight: 100; font-size: 25px; margin-bottom: 20px; color: #ffffff} #contact #cntct .inner label { text-align: right; width: 80px; float: left; padding-right: 10px; height: 19px; line-height: 19px; } #contact #cntct .inner .cleaner { height: 7px; } #contact #cntct .inner .fields { width: 310px; float: left; margin-right: 15px;margin-left: -32px; } #contact #cntct .inner .textarea { width: 280px; float: left; } #contact #cntct .inner .textarea label { width: 47px; } #contact #cntct .inner .button { display: block; border: none; width: 66px; height: 19px; background: url('../images/contact_form_button_bgrd.png') left top no-repeat; font-size: 1px; float: right; margin-right: 83px; } #contact #cntct .inner textarea { display: block; width: 210px; height: 124px; padding: 6px; float: left; background: url('../images/contact_textarea_bgrd.png') left top no-repeat; border: none; } #contact #cntct .inner label span { color: #900; } #contact #cntct .inner .field { display: block; width: 210px; height: 19px; padding: 3px; color: #900; background: url('../images/contact_field_bgrd.png') left top no-repeat; border: none; float: left; } #contact #jeux { width: 367px; height: 327px; position: absolute; top: 317px; left: 665px; background: url('../images/contact_jeux.jpg') left top no-repeat; } #contact #jeux .inner { padding: 48px 0 0 31px; } #contact #jeux a { display: block; width: 296px; height: 211px; } #contact #jeux a img { display: block; } #marraines { background: none; } #marraines #wrapper { background: #000000 url('../images/marraines_bgrd.jpg') center top no-repeat; } #marraines #page_content { height: 790px; } #marraines p { padding-bottom: 20px; line-height: 15px; font-size: 12px; } #marraines .car h3, #marraines .artist h3 { font-family: "Helvetica Neue", Arial, Verdana; font-weight: 100; font-size: 24px; margin-bottom: 20px; } #marraines .artist { width: 520px; height: 1509px; position: absolute; top: 0; left: 0; background: url('../images/marraines_artist_box.png') left top no-repeat; } #marraines .artist .inner { padding: 75px 45px 0 50px; } #marraines .artist .player { height: 232px; background: url('../images/marraines_artist_player.png') left top no-repeat; } #marraines .car { width: 512px; height: 1417px; position: absolute; top: 0; left: 488px; background: url('../images/marraines_car_box.png') left top no-repeat; } #marraines .car .inner { padding: 105px 47px 0 55px; } #marraines .car .image { height: 260px; background: url('../images/marraines_car.png') left top no-repeat; } #marraines .car a { color: #c30979;} #marraines .car a:hover {text-decoration:underline;} #marraines #box10_m {background:url('../images/marraines_box10_bgrd.png') no-repeat; width: 665px;height: 322px;position: absolute;top:10px;left: 33px} #marraines #box01 {background: url('../images/marraines_box01_bgrd.png') no-repeat; width: 315px;height: 251px;position: absolute;top:49px;left: 667px} #marraines #box01_ab{width: 315px;height: 251px;position: absolute;top:49px;left: 667px} #marraines #box01_ab div{cursor: pointer;} #marraines #box01_ab #marraine_thumb_1 {background: url(../images/marraine_thumb_1.jpg) no-repeat;width: 89px;height: 89px;left: 14px;top:44px; position: relative;} #marraines #box01_ab #marraine_thumb_2 {background: url(../images/marraine_thumb_2.jpg) no-repeat;width: 89px;height: 89px;left: 114px;top:-45px; position: relative;} #marraines #box01_ab #marraine_thumb_3 {background: url(../images/marraine_thumb_3.jpg) no-repeat;width: 89px;height: 89px;left: 213px;top:-134px; position: relative;} #marraines #box01_ab #marraine_thumb_4 {background: url(../images/marraine_thumb_4.jpg) no-repeat;width: 89px;height: 89px;left: 14px;top:-120px; position: relative;} #marraines #box01_ab #marraine_thumb_5 {background: url(../images/marraine_thumb_5.jpg) no-repeat;width: 89px;height: 89px;left: 114px;top:-209px; position: relative;} #marraines #box01_ab #marraine_thumb_6 {background: url(../images/marraine_thumb_6.jpg) no-repeat;width: 89px;height: 89px;left: 213px;top:-298px; position: relative;} #marraines #box21 {background: url('../images/marraines_box21_bgrd.png') no-repeat; width: 947px;height: 430px;position: absolute;top:315px;left: 33px} #marraines #marraine_mp3player{ position: absolute; left:362px; top:239px; } #marraines #bio_mp3player{ position: absolute; left:59px; top:681px; z-index: 10; width: 202px; } #marraines #box10_m #box10_marraine_img {background: url('../images/marraines_a.jpg') no-repeat; width: 286px;height: 198px;float: left;margin-top: 71px;margin-left: 18px;float: left;} #marraines #box10_m #box10_text {float: left;width: 243px;margin-top: 77px;padding-left: 25px;line-height: 16px;font-weight: bold;} #marraines #amb_img_a {background: url('../images/marraines_b.jpg') no-repeat;width: 191px;height: 130px} #marraines #amb_img_a {position: absolute;top:357px;left: 780px;cursor: pointer;z-index: 20;} #marraines #amb_img_c {background: url('../images/marraines_c.jpg') no-repeat;width: 189px;height: 173px} #marraines #amb_img_c {position: absolute;top:525px;left: 781px;cursor: pointer;z-index: 20;} #marraines #box21 #box21_text { position:absolute;width: 700px;line-height: 16px;left: 26px;top:89px; } #marraines #box21 #box21_text p{ font-size: 11px; } #marraines #box10_m #box10_text p.longer{ width: 300px; color:#2e78a8; padding-top: 44px; padding-bottom: 5px; } #invittes_box_01 { position: absolute;width: 948px;height: 196px;left: 26px;top:45px;} #invittes_box_01 #invittes_box_01_a {background: url('../images/invitees_01_a.png') no-repeat;height: 7px;overflow: hidden;} #invittes_box_01 #invittes_box_01_b {background: url('../images/invitees_01_b.jpg') no-repeat;height: 80px;padding-left: 30px;padding-top: 101px} #invittes_box_01 #invittes_box_01_c {background: url('../images/invitees_01_c.png') no-repeat;height: 8px;} #invittes_box_01 #invittes_box_01_b p{font-size: 14px;font-weight: bold;color: #ffffff} #invittes_box_11 { position: absolute;width: 468px;height: 597px;left: 26px;top:251px;} #invittes_box_11 #invittes_box_11_a {background: url('../images/invitees_11_a.png') no-repeat;height: 11px;overflow: hidden;} #invittes_box_11 #invittes_box_11_b {background: url('../images/invitees_11_b.jpg') no-repeat;height: 577px;} #invittes_box_11 #invittes_box_11_c {background: url('../images/invitees_11_c.png') no-repeat;height: 9px;} #invittes_box_11 #invittes_box_11_b #invittes_box_11_b_text1{font-size: 11px;color: #000000;left: 178px;top:61px;width: 262px;position: relative;line-height: 15px} #invittes_box_11 #invittes_box_11_b #invittes_box_11_b_text2{font-size: 11px;color: #000000;left: 33px;top:88px;width: 422px;position: relative;line-height: 15px} #invittes_box_12 { position: absolute;width: 468px;height: 597px;left: 506px;top:251px;} #invittes_box_12 #invittes_box_12_a {background: url('../images/invitees_12_a.png') no-repeat;height: 9px;overflow: hidden;} #invittes_box_12 #invittes_box_12_b {background: url('../images/invitees_12_b.jpg') no-repeat;height: 579px;} #invittes_box_12 #invittes_box_12_c {background: url('../images/invitees_12_c.png') no-repeat;height: 9px;} #invittes_box_12 #invittes_box_12_b #invittes_box_12_b_text1{font-size: 11px;color: #000000;left: 174px;top:61px;width: 262px;position: relative;line-height: 15px} #invittes_box_12 #invittes_box_12_b #invittes_box_12_b_text2{font-size: 11px;color: #000000;left: 29px;top:72px;width: 407px;position: relative;line-height: 15px} #invittes_box_12 #invittes_box_12_b #invittes_box_12_b_video{left: 204px;top:83px;width: 407px;position: relative;border: 2px solid #00A2E7;width: 234px;height: 186px;overflow: hidden;} #invittes_box_11 #invittes_box_11_b #invittes_box_11_b_video{left: 246px;top:67px;width: 407px;position: relative;border: 2px solid #00A2E7;width: 200px;height: 163px;overflow: hidden;} #invittes_box_11 #invittes_box_11_b #invitees_video_title_11{left:246px;top:76px;position: relative;color:#2E78A8;} #invittes_box_12_b #invitees_video_title{color:#2E78A8;font-size:12px;height:20px;left:204px;position:relative;top:72px;width: 234px} #invitees #page_content{height: 885px;} #fordka #page_content{height: 1396px} #fordka #wrapper { background: #000000 url('../images/fordka_bgrd.jpg') center top no-repeat} #fordka #box01 {background: url('../images/nrj_tf1_box_bgrd.png') no-repeat;width: 322px; height: 259px;position: absolute;top:42px;left: 660px} #fordka #box01_abs {left:667px;position:absolute;text-align:center;top:132px;width:320px;} #fordka #box21 {background: url('../images/fordka_box21_bgrd.jpg') no-repeat;width: 653px;height: 1037px;position: absolute;top: 316px;padding-top: 83px;padding-left: 11px} #fordka #box21 p {width: 605px;line-height: 20px} #fordka #box21 #box21_fordka_a1 {display: block;background: url('../images/fordka_box21_button.jpg') no-repeat;width: 176px;height: 20px;position: absolute;top :201px;left:329px;} #fordka #box21 #box21_fordka_a2 {display: block;background: url('../images/plusfordka.jpg') no-repeat;width: 176px;height: 20px;position: absolute;top :265px;left:329px;} #fordka #box21 #box21_fordka_a {background: url('../images/fordka_box21_a.jpg') no-repeat; width: 238px;height: 145px;margin-left: 10px;margin-top: 5px;padding-bottom: 20px} #fordka #box21 #box21_fordka_b {background: url('../images/fordka_box21_b.jpg') no-repeat; width: 245px;height: 216px;float: left;margin-top: 20px} #fordka #box21 #box21_fordka_c {background: url('../images/fordka_box21_c.jpg') no-repeat; width: 310px;height: 216px;float: left;margin-left: 15px;margin-top: 20px} #fordka #box21 #box21_fordka_d {background: url('../images/fordka_box21_d.jpg') no-repeat; width: 245px;height: 216px;margin-top: 20px} #fordka #box33 {position: absolute;background: url('../images/artist2_rock.png') no-repeat;width: 350px;height: 252px;left: 639px;top:315px;} #fordka #box33_movie {position: absolute;width: 350px;height: 252px;left: 639px;top:312px;padding-top: 37px;padding-left: 40px;} #fordka #box33_movie div {border:2px solid #00A2E7;width: 238px;height: 190px;position: relative;left: 22px} #artist1 #wrapper { background: #000000 url('../images/artist1_bgrd.jpg') center top no-repeat; } #artist1 #page_content { height: 584px; } #artist1 body { background: none; } #artist1 h1 { padding: 25px 0 0 30px; font-family: "Helvetica Neue", Arial, Verdana; font-weight: 100; font-size: 24px; } #artist1 #header h1 { padding: 0; } #artist1 #artist1_category_panels{padding-top:44px;padding-left: 5px;} #artist1 #artist1_category_panels .top_panel_img {width:989px;height:27px;background: url('../images/artist1_panels_top.png') no-repeat;} #artist1 #artist1_category_panels .middle_panel_img{width:989px;height:454px;background: url('../images/artist1_panels_middle.jpg') 15px 0px no-repeat;padding-left: 47px;padding-top: 53px } #artist1 #artist1_category_panels .middle_panel_img ul li{padding-bottom: 10px;} #artist1 #artist1_category_panels .middle_panel_img ul li div{float:left;height: 103px} #artist1 #artist1_category_panels .middle_panel_img ul li .image {width: 100px} #artist1 #artist1_category_panels .middle_panel_img ul li .info {padding-top: 15px;height: 88px;width: 105px} #artist1 #artist1_category_panels .middle_panel_img ul li .info a {color:#334551} #artist1 #artist1_category_panels .middle_panel_img ul li .info .voter{ display: block; background: url('../images/artist1_voter_button.jpg') no-repeat; width: 38px; height: 16px; margin-top: 10px; } #artist1 #artist1_category_panels .middle_panel_img .first{ float: left; width: 231px; } #artist1 #artist1_category_panels .middle_panel_img .second{ float: left; width: 241px; } #artist1 #artist1_category_panels .middle_panel_img .third{ float: left; width: 243px; } #artist1 #artist1_category_panels .middle_panel_img .last{ float: left; width: 231px; } #artist1 #artist1_category_panels #artist1_announce{ background: url('../images/artist1_announce.jpg') center center no-repeat; height: 189px; } #overview_panels { width: 1050px; height: 331px; overflow: hidden; background: url('../images/artist1_panel_line_1.png') left top no-repeat; position: absolute; top: 44px; left: 0; } #vote_panels { width: 1050px; height: 412px; overflow: hidden; background: url('../images/artist1_panel_line_2.png') left top no-repeat; position: absolute; top: 341px; left: 0;} #vote_panels .panel { width: 311px; height: 337px; float: left; margin-right: 13px; margin-top: 40px; } #vote_panels .panel .hdr { margin-bottom: 10px; } #vote_panels .panel .hdr h3 { font-family: "Helvetica Neue", Arial, Verdana; font-weight: 100; font-size: 22px; line-height: 22px; padding: 0 60px 0 20px; color: #000; } #vote_panels .panel.glam { padding-left: 29px; color: #c30979; } /*#vote_panels .panel.glam ul li a.image span { background: url('../images/artist1_thumb_glam_button.png') 70px 54px no-repeat; } #vote_panels .panel.trendy ul li a.image span { background: url('../images/artist1_thumb_trendy_button.png') 70px 54px no-repeat; } #vote_panels .panel.life ul li a.image span { background: url('../images/artist1_thumb_life_button.png') 70px 54px no-repeat; }*/ #vote_panels .panel.trendy { color: #4591c8; } #vote_panels .panel.life { margin-left:-10px; color: #65421c; } #vote_panels .panel.glam ul li a.image { background: url('../images/artist1_thumb_glam.png') left top no-repeat; } #vote_panels .panel.trendy ul li a.image { background: url('../images/artist1_thumb_trendy.png') left top no-repeat; } #vote_panels .panel.life ul li a.image { background: url('../images/artist1_thumb_life.png') left top no-repeat; } #vote_panels .panel ul { margin-left: 20px; } #vote_panels .panel ul li { width: 130px; float: left; margin-right: 14px; margin-bottom: 14px; } #vote_panels .panel ul li a.image { display: block; width: 130px; height: 90px; position: relative; } #vote_panels .panel ul li a.image img { display: block; width: 124px; height: 74px; position: absolute; top: 3px; left: 3px; } #vote_panels .panel ul li a.image span { display: block; width: 130px; height: 90px; position: absolute; top: 0; left: 0; text-indent: -1000px; overflow: hidden; } #vote_panels .panel ul li strong { display: block; } #overview_panels .panel { width: 311px; height: 214px; float: left; margin-right: 13px; } #overview_panels .panel .hdr { height: 86px; } #overview_panels .panel .hdr h3 { display: none; } #overview_panels .panel .cnt { margin: 0px 22px; color: #FFF; line-height: 14px; } #overview_panels .panel .cnt .image { display: block; width: 268px; height: 118px; background: #666; margin-bottom: 20px; } #overview_panels .panel .cnt .image img { display: block; } #overview_panels .panel.glam { margin-left: 29px; } #overview_panels .panel.life { margin-right: 0; } #artist1 #box30 { width: 642px; height: 291px; background: url('../images/box_30_bgrd.png') left top no-repeat; top: 740px; left: 200px; } .image_artist_so_glam { border: 2px solid #c30979; margin-bottom: 5px;} .image_artist_so_life { border: 2px solid #65421c; margin-bottom: 5px;} .image_artist_so_trendy { border: 2px solid #4b9ad0; margin-bottom: 5px;} #classements #box30 { width: 960px; height: 295px; background: url('../images/box_30_bgrd.jpg') left top no-repeat; top: 320px; left: 170px; } #classements #box30 .inner { padding: 78px 0 0 68px; } #classements #votre_classement_title { display: block; position: relative; left: 225px; top: 30px; width: 200px; height: 20px; } #classements #wrapper { background: #000000 url('../images/fordka_bgrd.jpg') center top no-repeat; font: 11px Arial, Verdana, Helvetica, sans-serif;} #classements #page_content {height: 842px} #classements #box01 {left:657px;top:42px;background:url("../images/nrj_tf1_box_bgrd.png") no-repeat scroll 0 0;width: 322px;} #classements #box30 {top:315px;left: 19px} #classements #box01_abs {left:663px;position:absolute;top:132px;} #classements #artist1_category_panels{position: absolute;left:4px;top:316px} #classements #artist1_category_panels .top_panel_img {width:989px;height:27px;background: url('../images/artist1_panels_top.png') no-repeat;} #classements #artist1_category_panels .middle_panel_img{width:989px;height:454px;background: url('../images/artist1_panels_middle_b.jpg') 15px 0px no-repeat;padding-left: 47px;padding-top: 53px } #classements #artist1_category_panels .middle_panel_img ul li{padding-bottom: 10px;} #classements #artist1_category_panels .middle_panel_img ul li div{float:left;height: 103px} #classements #artist1_category_panels .middle_panel_img ul li .image {width: 100px} #classements #artist1_category_panels .middle_panel_img ul li .info {padding-top: 15px;height: 88px;width: 105px} #classements #artist1_category_panels .middle_panel_img ul li .info a {color:#334551} #classements #artist1_category_panels .middle_panel_img ul li .info .voter{ display: block; background: url('../images/artist1_voter_button.jpg') no-repeat; width: 38px; height: 16px; margin-top: 10px; } #classements #artist1_category_panels .middle_panel_img .first{ float: left; width: 231px; } #classements #artist1_category_panels .middle_panel_img .second{ float: left; width: 241px; } #classements #artist1_category_panels .middle_panel_img .third{ float: left; width: 243px; } #classements #artist1_category_panels .middle_panel_img .last{ float: left; width: 231px; } #classements #artist1_category_panels #artist1_announce{ background: url('../images/artist1_announce.jpg') center center no-repeat; height: 189px; } #box01 p { padding: 10px 15px 0px 2px; font-size: 13px;} #box01 .so_glam { color: #c30979; } #box01 .so_trendy { color: #4489b4; } #box01 .so_life { color: #754d21; } #box01 .so_glam a { color: #c30979; } #box01 .so_trendy a { color: #4489b4; } #box01 .so_life a { color: #754d21; } #jeux1 { background: none; } #jeux1 #wrapper { background:#000000 url('../images/artist2_bgrd.jpg') center top no-repeat; } #jeux1 #page_content { height: 901px; } #jeux1 #vote_ad { width: 359px; height: 321px; position: absolute; top: 56px; left: 636px; background: url('../images/artist2_rock.png') left top no-repeat; padding-top: 40px; padding-left: 30px;} #jeux1 #vote_ad_flash{width:238px;height:190px;border-style: solid;border-width: 2px;border-color: #00a2e7;position: absolute;top:89px;left:698px;} #jeux1 #gifts_ad { width: 359px; height: 547px; position: absolute; top: 314px; left: 665px; background: url('../images/gifts_ad_bgrd.jpg') left top no-repeat; padding-top: 40px; padding-left: 30px;} #jeux1 #gifts_ad #gift_ad_i1 { display: block; position: absolute; top: 80px; left: 25px;} #jeux1 #gifts_ad #gift_ad_i2 { display: block; position: absolute; top: 80px; left: 186px;} #jeux1 #gifts_ad #gift_ad_i3 { display: block; position: absolute; top: 265px; left: 25px;} #jeux1 #gifts_ad #gift_ad_i4 { display: block; position: absolute; top: 239px; left: 191px;} #jeux1 #gifts_cnt { position:absolute;left:19px;top:314px; width: 657px; height: 623px; background: url('../images/jeux_bgrd.jpg') left top no-repeat; } #jeux1 #gifts_cnt a {position: absolute;top:505px;left: 523px;font-size: 11px;color: #ffffff;text-decoration: underline;} #jeux1 #gifts_cnt a#grattage_link{display: block;width: 420px;height: 275px;position: absolute;top:165px;left: 93px} #mentions { background-color: #d9d9d9; } #mentions #page_content { height: 978px; } #mentions #wrapper { background:#000000 url(../images/mentions_bgrd.jpg) no-repeat scroll center top; } #mentions .mentions_top { margin-top:5px;margin-left:15px; width: 945px; height: 176px; background: url('../images/reglement_bgrd_top.jpg') 0px 8px no-repeat; font-size: 25px;color: #ffffff;padding-top: 20px;padding-left: 20px;} #mentions .mentions_middle {margin-left:15px;width: 965px; background: url('../images/mentions_bgrd_middle.jpg') repeat-y;height: 735px; } #mentions .mentions_middle_inner{ margin-left: 45px; width: 900px;position: absolute;top: 75px;} #mentions .mentions_bottom { margin-left:15px;width: 965px; height: 13px; background: url('../images/mentions_bgrd_bottom.jpg') no-repeat; } #reglement { background-color: #d9d9d9; } #reglement #wrapper { background:#000000 url(../images/reglement_bgrd.jpg) no-repeat scroll center top; } #reglement #page_content { height: 1800px; } #reglement .mentions_top { width: 997px; height: 120px; background: url('../images/mentions_bgrd_top.png'); } #reglement .mentions_top2 { margin-top:5px;margin-left:15px; width: 945px; height: 168px; background: url('../images/reglement_bgrd_top.jpg') 0px 8px no-repeat; font-size: 25px;color: #ffffff;padding-top: 20px;padding-left: 20px;} #reglement .mentions_middle {margin-left:15px;width: 965px; background: url('../images/mentions_bgrd_middle.jpg') repeat-y;height: 3091px; } #reglement .mentions_middle_inner{ margin-left: 45px; width: 900px;position: absolute;top: 72px;} #reglement .mentions_bottom { margin-left:15px;width: 965px; height: 13px; background: url('../images/mentions_bgrd_bottom.jpg') no-repeat; } #underconstruction #jeux { width: 316px; height: 343px; position: absolute; top: 310px; left: 663px; background: url('../images/telechargement_bgrd_3.png') no-repeat; } #underconstruction #jeux .inner { padding: 45px 0 0 31px; } #underconstruction #jeux a { display: block; width: 296px; height: 211px; } #underconstruction #jeux a img { display: block; } #underconstruction #vote_ad { width: 359px; height: 321px; position: absolute; top: 56px; left: 636px; background: url('../images/artist2_rock.png') no-repeat; padding-top: 40px; padding-left: 30px;} #underconstruction #vote_ad_flash {position: absolute;top:86px;left: 697px;border:2px solid #00A2E7;height:190px;} #underconstruction #page_content{height: 686px} #underconstruction #underconstruction_cnt { width: 635px; height: 344px;position: absolute;left: 19px;top: 310px;background: url(../images/telechargement_bgrd_1.png) no-repeat;} #underconstruction #wrapper{background: #000000 url('../images/artist2_bgrd.jpg') center top no-repeat;} #underconstruction #underconstruction_cnt_middle{background: url(../images/telechargement_bgrd_2.jpg) no-repeat;height: 268px;width: 621px;position: relative;top:63px;left: 0px} #underconstruction #jeux_inner_href {position: absolute;top:405px;left:803px} #underconstruction #jeux_inner_href a{ display: block;padding-bottom: 3px} #underconstruction #jeux_inner_href .paddown {height: 33px } #underconstruction #underconstruction_cnt_inner{position: absolute;left: 35px; top:432px} #underconstruction #underconstruction_cnt_inner ul{float: left;} #underconstruction #underconstruction_cnt_inner ul .image {float: left;width: 50px;height: 40px} #underconstruction #underconstruction_cnt_inner ul .info {float: left;width: 75px;height: 50px;font-size: 11px;color: #232323} #underconstruction #underconstruction_cnt_inner ul .info a {font-size: 11px;color: #232323;display: block;line-height: 12px} #underconstruction #underconstruction_cnt_inner ul li.last_art .image {padding-top: 1px;} #underconstruction #underconstruction_cnt_inner ul li.last_art .info {padding-top: 1px;} #underconstruction #underconstruction_cnt_inner ul.first{width: 156px} #underconstruction #underconstruction_cnt_inner ul.second{width: 156px} #underconstruction #underconstruction_cnt_inner ul.third{width: 152px} #underconstruction #underconstruction_cnt_inner ul.last{width: 147px} #tellafriend { width: 750px; height: 538px; background: #000000 url('../images/tellafriend_bgrd.jpg') left top no-repeat; font-family: arial;} #tellafriend .inner { padding: 220px 0 0 47px; } #tellafriend .inner p { padding-left: 10px; } #tellafriend .inner label { text-align: right; width: 150px; float: left; padding-right: 10px; height: 19px; line-height: 19px;font-size: 11px; } #tellafriend .inner .cleaner { height: 7px; } #tellafriend .inner .fields { width: 315px; float: left; margin-right: 15px;} #tellafriend .inner .textarea { width: 361px; float: left; } #tellafriend .inner .textarea label { width: 40px; } #tellafriend .inner .button { position: absolute; left: 630px; top: 416px;} #tellafriend .inner textarea { display: block; width: 281px; height: 124px; padding: 6px; float: left; background: url('../images/tellafriend_textarea_bgrd.jpg') left top no-repeat; border: none; } #tellafriend .inner label span { color: #900; } #tellafriend .inner .field { display: block; width: 146px; height: 13px; padding: 3px; color: #900; background: url('../images/contact_field_ami_bgrd.png') left top no-repeat; border: none; float: left; } #tellafriend .copy { position: absolute; left: 493px; top: 473px;color:#2F78A8;font-weight:bold;font-family: arial;font-size: 11px} #tellafriend .copy span {color:#ffffff;font-weight: normal;} #tellafriend .copy a { color: #ed048e; } #tellafriend .inner .ami_title {font-size: 25px;color: #ffffff;margin-top: -18px;padding-bottom: 42px;} #tellafriend .inner form {margin-left: -10px;} #tellafriend .inner .ami_msg_sent {color: #000000;font-size: 30px;padding-top: 30px;} #tellafriend .inner .ami_msg_sent span {color: #466792;font-size: 24px} div.inner ul.top { margin-top:25px; } /*****************/ #vote_panels .glam a { color: #c30979; } #vote_panels .life a { color: #65421c; } #vote_panels .trendy a { color: #4b9ad0; } #vote_panels .glam a:hover { text-decoration: underline; } #vote_panels .life a:hover { text-decoration: underline; } #vote_panels .trendy a:hover { text-decoration: underline; } #box30 .first a,#box30 .second a,#box30 .third a,#box30 .last a { color: #4489ba; } #countdown_dd { position: absolute; left: 231px; top: 56px; padding-top: 5px; line-height: 8px; text-align: center; color: #fff; } #countdown_hh { position: absolute; left: 266px; top: 56px; padding-top: 5px; line-height: 8px; text-align: center;} #countdown_mm { position: absolute; left: 299px; top: 56px; padding-top: 5px; line-height: 8px; text-align: center;} #countdown_dd span { font-size: 25px; margin: 0; padding: 0; display: block;} #countdown_hh span { font-size: 25px; margin: 0; padding: 0; display: block;} #countdown_mm span { font-size: 25px; margin: 0; padding: 0; display: block;} /*----------------------------------- modif ceremonie--------------------------------------------*/ #video_ceremonie { background-color:#F00; height:560px; width:265px; position:absolute; top: 325px; left: 20px; overflow: hidden; } #gagnantes { height:276px; width:740px; position:absolute; top:310px; left:275px; } .tgagnantes { margin-left:10px; margin-top:10px; } .textewinner { margin-right:15px; margin-left:25px; margin-bottom:15px; margin-top:175px; color:#FFF; } #photos_evenement { height:305px; width:693px; position:absolute; top:600px; left:284px; background-image:url(../images/photosevenementfond.png); background-repeat:no-repeat; } .photosevenement { border-style:solid; border-width:3px; border-color:#c30979; position:absolute; top:50px; left:18px; width:310px; height:210px; } .vignette { border-style:solid; border-width:3px; border-color:#c30979; float:left; margin-top:20px; margin-left:5px; margin-right:5px; } .blocvignette { width:345px; height:230px; position:absolute; top:30px; left:340px; } #soglam { float:left; width:234px; height:293px; background-image: url(../images/winglamfond.png); background-repeat:no-repeat; margin:1px; } #sotrendy { float:left; width:234px; height:293px; background-image:url(../images/wintrendyfond.png); background-repeat:no-repeat; margin:1px; } #solife { float:left; width:234px; height:293px; background-image:url(../images/winlifefond.png); background-repeat:no-repeat; margin:1px; } #kawards #player3 { width:300px; height: 578px; position: absolute; top: 310px; left: 0; overflow: hidden; background: url(../images/fondplayer2.png); margin-left:15px; left top; background-repeat:no-repeat; } #prestationGagnates { width:90px; height:66px; position: absolute; top:365px; left:41px; border-style:solid; border-width:3px; border-color:#c30979; } #prestationJennifer { width:90px; height:66px; position: absolute; top:445px; left:41px; border-style:solid; border-width:3px; border-color:#c30979; } #montageCeremonie { width:90px; height:66px; position: absolute; top:525px; left:41px; border-style:solid; border-width:3px; border-color:#c30979; } #remiseTrophee { width:90px; height:66px; position: absolute; top:605px; left:41px; border-style:solid; border-width:3px; border-color:#c30979; } .pageArtiste { border:none; } .lienIe6 { position:relative; z-index:1000; } #photos_evenement li { display:block; float:left; }