/* Reset CSS and general stuff */ *{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left} html { overflow:-moz-scrollbars-vertical; } .clear { clear: both; font-size: 0; height: 0; line-height: 0; } a { outline: none; } /* Design CSS */ body { background: #000 url(bg.gif) top left repeat-x; font: 11px Arial, Helvetica, sans-serif; color: #9d9d9d; } a { color: #dadada; } /***** EXCEPTIONS POUR LE HEADER DE LA HOMEPAGE SEULEMENT *****/ #homepage { background: #000 url(bg-home.gif) top left repeat-x; } #homepage #container .header { position: relative; height: 394px; background: url(header-home2.jpg) top left no-repeat; } #homepage #container .header #topmenu { right: 30px; } #homepage #container .header #menu { top: 366px; } #homepage #container .header #join-header { position: absolute; width: 134px; height: 50px; padding: 12px 0 0 0; top: 200px; left: 800px; background: none; text-align: center; /* background: url(btn-join-header.gif) top left no-repeat; */} #homepage #container .header #join-header a { display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; padding: 105px 0 0 18px; font: 23px/18px "Times New Roman", Times, serif; text-transform: uppercase; } #homepage #container .header #join-header span { position: absolute; left: -9000px; } #homepage #container .header #menuv2 { width: 800px; top: 366px; } #homepage #container .header #menuv2 li { width: 95px; } #homepage #container .mnu-under { top: 0; } #homepage #container #under-movies { left:105px; } #homepage #container #under-about { left:200px; } #homepage #container #under-connect { left:295px; } /*********/ /****** GENERAL *******/ h1 { position: absolute; left: -9000px; } #container { position: relative; width: 980px; margin: 0 auto; padding: 0 0 50px 0; } #container .button strong { position: absolute; left: -9000px; } #container .coming-soon { position: absolute; width: 462px; height: 372px; bottom: 165px; left: 240px; background: url(coming-soon.png) top left no-repeat; behavior: url(http://www.roccosiffredi.fr/images/iepngfix.htc); } #container .coming-soon-small { position: absolute; width: 200px; height: 162px; top: 57px; left: 52px; background: url(coming-soon-small.png) center center no-repeat; behavior: url(http://www.roccosiffredi.fr/images/iepngfix.htc); } #container .bloc_scene .coming-soon-small { top: 72px; left: 70px; } #container .disabled { cursor: default; filter:alpha(opacity=35); -moz-opacity:.35; opacity:.35; } #container .header { position: relative; width: inherit; height: 216px; background: url(header.jpg) top center no-repeat; } #container .header a.roccohome { display:block; width:520px; height:90px; position:absolute; top:50px; left:230px; } #container .header a.roccohome span { display:none; margin-left:-10000px; } #container .header #topmenu { position: absolute; top: 10px; right: 20px; height: 15px; } #container .header #topmenu li { position: relative; display: block; float: left; height: 15px; margin: 0 15px 0 0; } #container .header #topmenu li a { display: block; height: 15px; background-position: top left; background-repeat: no-repeat; } #container .header #topmenu li a:hover { background-position: bottom; } #container .header #topmenu #mnu-member a { width: 120px; font: bold 12px "Times New Roman", Times, serif; color: #fff; text-decoration: none; text-transform: uppercase; /* background-image: url(mnu-memberlogin.jpg);*/ } #container .header #topmenu #mnu-support a { width: 76px; font: bold 12px "Times New Roman", Times, serif; color: #fff; text-decoration: none; text-transform: uppercase; /* background-image: url(mnu-support.jpg); */ } #container .header #topmenu #mnu-join { margin: 0 0 0 10px; } #container .header #topmenu #mnu-join a { width: 85px; font: bold 12px "Times New Roman", Times, serif; color: #fff; text-decoration: none; text-transform: uppercase; /* background-image: url(mnu-join.gif);*/ } #container .header #menu { position: absolute; width: 980px; height: 26px; top: 187px; left: 11px; } #container .header #menu li { position: relative; display: block; float: left; height: 26px; margin: 0 10px; } #container .header #menu li a { display: block; min-width: 58px; height: 20px; margin: 1px 28px; font: bold 15px "Times New Roman", Times, serif; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; } * html #container .header #menu li a { width: 58px; } #container .header #menu li a:hover { background: url(bg-menu.gif) bottom center no-repeat; } #container .header #menuv2 { position: absolute; width: 960px; top: 187px; left: 10px; } #container .header #menuv2 li { position:relative; display: block; width:90px; float: left; margin: 0; background:url(bg-menuv2-li.jpg) no-repeat right top; } #container .header #menuv2 li.mnu-connect { width:184px; } #container .header #join-header { position: absolute; width: 180px; height: 166px; top: 50px; right: 3px; background: url(header-join2.gif) top left no-repeat; } #container .header #join-header a { display: block; width: 130px; height: 71px; padding: 105px 0 0 38px; color: #fff; text-decoration: none; font: 20px/15px "Times New Roman", Times, serif; text-transform: uppercase; text-align: center; text-padding: 10px;} #container .header #menuv2 li a { display: block; width:100%; height: 27px; margin:0; font: bold 13px/23px "Times New Roman", Times, serif; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; } #container .header #menuv2 li a:hover { background: url(bg-menuv2-a.jpg) bottom center no-repeat; } #container .mnu-under { position: relative; width:189px; padding:6px 0 8px 5px; background:#e6e0e0; position:absolute; top:-1px; z-index:1000; display:none; } #container .mnu-under ul { width:183px; border-top:1px solid #b0acac; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } #container .mnu-under li { float:none; width:183px; height:25px; } #container .mnu-under li a { display:block; width:163px; height:25px; background:url(bg-smenu.gif) no-repeat 0 0; color: #000!important; text-decoration:none; padding:0 0 0 20px; font:bold 10px/22px Arial, Helvetica, sans-serif; } #container .mnu-under li a:hover { background-position:left bottom; color:#fff!important; } #container #under-movies { left:100px; } #container #under-about { left:190px; } #container #under-connect { left:280px; } #container .star { padding-left: 15px; font-weight: bold; background: url(ico-news-star.gif) top left no-repeat; color: #d9d6d6; } /* Pour les instances de titres avec étoile */ #container .star span { color: #9d9d9d; font-weight: normal; } #container #content { position: relative; width: 960px; padding: 0 10px; } #container #breadcrumbs { width: 940px; height: 20px; padding: 2px 4px; margin: 0 6px; line-height: 22px; background: url(bg-breadcrumbs2.jpg) top left repeat-y; color: #919191; } #container #breadcrumbs span { padding: 0 0 0 20px; background: url(ico-news-star.gif) 5px center no-repeat; } #container #breadcrumbs a { color: #919191; text-decoration: none; } #container #breadcrumbs a:hover { text-decoration: underline; } #container #content #searchbar { position: relative; width: 930px; height: 40px; padding: 15px; background: url(bg-line.gif) bottom center no-repeat; color: #d6d0d1; } #container #content #searchbar fieldset { position: relative; float: left; margin-right: 10px; } #container #content #searchbar fieldset label { display: block; } #container #content #searchbar fieldset select { width: 210px; height: 20px; margin: 3px 0 0 0; border: 1px solid #7e7e7e; background: #282727; font: 11px Arial, Helvetica, sans-serif; color: #939393; } #container #content #searchbar a { display: block; margin: 18px 0 0 0; padding: 0 12px 0 0; background: url(bg-searchbar-button.gif) center right no-repeat; color: #efebeb; } #container #content .navbar-header { color: #9d9d9d; margin: 15px 0 0 0; } #container #content .navbar { position: relative; width: 960px; margin: 0 0 15px 10px; line-height: 16px; color: #4d4c4c; } #container #content .navbar span { color: #939393; } #container #content .navbar strong { margin: 0 3px; color: #c4c2c2; } #container #content .navbar a { margin: 0 3px; color: #939393; text-decoration: none; } #container #content .navbar a:hover { color: #fff; text-decoration: underline; } #container #content .line { position: relative; width: inherit; height: 1px; background: url(bg-line.gif) top center no-repeat; } #container #content .line-margin { position: relative; width: inherit; height: 1px; margin: 40px auto; background: url(bg-line.gif) top center no-repeat; } #container #content .btn-join { position: relative; display: block; width: 940px; height: 107px; margin: 30px auto; background: url(btn-join.gif) top left no-repeat; } #container #content .btn-join strong { position: absolute; left: -9000px; } /*** INDEX.PHP ***/ #container #latestscenes-trailer { position: relative; width: inherit; height: 416px; background: url(bg-latestscenes-trailer2.jpg) top left no-repeat; } #container #latestscenes-trailer a { position: absolute; display: block; color: #c6c6c6; } #container #latestscenes-trailer p { position: absolute; font-size: 11px; color: #919191; } #container #latestscenes-trailer p strong { color: #c6c6c6; } #container #latestscenes-trailer #latestscenes h3 { position: absolute; top: 50px; left: 48px; font-size: 18px; font-family: "Times New Roman", Times, serif; color: #fff; text-transform: uppercase; } #container #latestscenes-trailer #latestscenes h3 strong { color: #fff; font-weight: normal; font-size: 24px; } #container #latestscenes-trailer #latestscenes #latest-img1 { width: 307px; height: 224px; top: 96px; left: 52px; } #container #latestscenes-trailer #latestscenes #latest-img2 { width: 128px; height: 94px; top: 96px; left: 381px; } #container #latestscenes-trailer #latestscenes #latest-img3 { width: 128px; height: 94px; top: 228px; left: 381px; } #container #latestscenes-trailer #latestscenes #latest-txt1 { width: 310px; top: 333px; left: 50px; } #container #latestscenes-trailer #latestscenes #latest-txt2 { width: 130px; top: 200px; left: 380px; } #container #latestscenes-trailer #latestscenes #latest-txt3 { width: 130px; top: 333px; left: 380px; } #container #latestscenes-trailer #latestscenes #latest-viewallmovies { width: 149px; height: 16px; top: 371px; left: 350px; padding: 0 20px 0 0; background: url(bg-button.gif) top right no-repeat; text-align: right; text-decoration: none; color: #fff; font-weight: bold; } #container #latestscenes-trailer #latestscenes #latest-viewallmovies:hover { background-position: bottom right; } #container #latestscenes-trailer #trailer-title { position: absolute; top: 50px; left: 548px; font-size: 18px; font-family: "Times New Roman", Times, serif; color: #fff; text-transform: uppercase; } #container #latestscenes-trailer #trailer-title strong { font-size: 24px; color: #fff; font-weight: normal; } #container #latestscenes-trailer #flash-trailer { position: absolute; top: 110px; right: 32px; } #container #latestscenes-trailer #trailer-join { position: absolute; display: block; width: 406px; height: 40px; top: 355px; left: 550px; font: 18px "Times New Roman", Times, serif; color: #fff; background: url(btn-latestscenes-join2.gif) center left no-repeat; text-align: center; text-transform: uppercase; text-decoration: none; } #container #latestscenes-trailer #trailer-join span { color: #f40000; font-size: 27px; } #container #dvdcovers { position: relative; width: 888px; height: 244px; padding: 56px 47px 58px 46px; background: url(bg-dvdcovers2.jpg) top left no-repeat; } #container #dvdcovers h3 { position: absolute; top: 16px; left: 45px; font-size: 18px; font-family: "Times New Roman", Times, serif; color: #fff; text-transform: uppercase; } #container #dvdcovers #flash-dvdcovers { position: relative; width: 117px; height: 244px; background: url(flash-dvdcovers.jpg) top left no-repeat; } #container #dvdcovers #btn-dvdcovers { position: absolute; display: block; width: 188px; height: 16px; top: 329px; left: 750px; padding: 0 20px 0 0; background: url(bg-button.gif) top right no-repeat; text-align: right; text-decoration: none; color: #fff; font-weight: bold; } #container #dvdcovers #btn-dvdcovers:hover { background-position: bottom right; } #container #about-news { position: relative; width: inherit; height: 326px; background: url(bg-about-news.jpg) top left no-repeat; } #container #about-news #about { position: absolute; width: 300px; height: 241px; padding: 84px 40px 0 190px; top: 0; left: 0; } #container #about-news #about p { width: 300px; line-height: 16px; text-align: justify; } #container #about-news #about .span1 { width: 278px; margin-left: 22px; } #container #about-news #about .span2 { width: 265px; margin-left: 35px; } #container #about-news #about .span3 { width: 260px; margin-left: 40px; } #container #about-news #btn-about { position: absolute; display: block; width: 181px; height: 16px; top: 306px; left: 340px; background: url(btn-about.jpg) top left no-repeat; } #container #about-news #btn-about:hover { background-position: bottom; } #container #banner-join a { position: relative; display: block; width: 962px; height: 116px; padding: 30px 0 0 0; background: url(btn-banner-join2.gif) top left no-repeat; font: 22px "Times New Roman", Times, serif; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; } #container #banner-join a span { display: block; font: 51px Arial, Helvetica, sans-serif; text-transform: none; } #container #store-nl-pics { position: relative; width: inherit; height: 227px; margin: 0 0 0 7px; background: url(bg-store-nl-pics2.jpg) top left no-repeat; } #container #store-nl-pics h3 { position: absolute; font-size: 18px; font-family: "Times New Roman", Times, serif; color: #fff; text-transform: uppercase; } #container #store-nl-pics #tit-store { top: 20px; left: 40px; } #container #store-nl-pics #btn-store { position: absolute; display: block; width: 75px; height: 16px; top: 195px; left: 215px; padding: 0 20px 0 0; background: url(btn-allabout.gif) top right no-repeat; text-align: right; text-decoration: none; color: #fff; font-weight: bold;} #container #store-nl-pics #btn-store:hover { background-position: bottom right; } #container #store-nl-pics #tit-newsletter { top: 20px; left: 680px; } #container #store-nl-pics #newsletter-text { position: absolute; width: 145px; top: 75px; left: 785px; color: #fff; } #container #store-nl-pics .input { position: absolute; top: 150px; left: 680px; width: 340px; color: #fff; font-weight: bold; } #container #store-nl-pics .input input { width: 176px; height: 18px; padding: 4px 4px 2px 4px; line-height: 20px; border: 1px solid #510101; font: 11px Arial, Helvetica, sans-serif; color: #510101; } #container #store-nl-pics #btn-newsletter { position: absolute; display: block; width: 100px; height: 16px; top: 195px; left: 820px; padding: 0 20px 0 0; background: url(btn-allabout.gif) top right no-repeat; text-align: right; text-decoration: none; color: #fff; font-weight: bold; } #container #store-nl-pics #btn-newsletter:hover { background-position: bottom right; } #container #store-nl-pics #pics-anim { position: absolute; width: 188px; height: 125px; top: 34px; left: 760px; background: url(anim-pics.gif) top left no-repeat; } #container #store-nl-pics #tit-awards { top: 12px; left: 768px; } #container #store-nl-pics #btn-awards { position: absolute; display: block; width: 72px; height: 16px; top: 185px; left: 840px; padding: 0 20px 0 0; background: url(bg-button.gif) top right no-repeat; text-align: right; text-decoration: none; color: #fff; font-weight: bold; } #container #store-nl-pics #btn-awards:hover { background-position: bottom right; } #container #store-nl-pics #news-title { position: absolute; top: 20px; left: 435px; font-size: 18px; font-family: "Times New Roman", Times, serif; color: #fff; text-transform: uppercase; } #container #store-nl-pics #news { position: absolute; width: 190px; height: 113px; padding: 0 10px 0 10px; top: 61px; left: 423px; overflow: hidden;} #container #store-nl-pics #news a { color: #fff; text-decoration: none; } #container #store-nl-pics #news a:hover { text-decoration: underline; } #container #store-nl-pics #news h4 { width: 220px; padding: 0 0 0 15px; font-weight: bold; background: url(ico-news-star.gif) center left no-repeat; } #container #store-nl-pics #news h4 a:hover { text-decoration: underline; } #container #store-nl-pics #news p { width: 150px; margin-left: 40px; line-height: 16px; color: #d92828;} #container #store-nl-pics #news p a { font-weight: bold; } #container #store-nl-pics #news .date { width: 220px; padding: 4px 0; margin: 0 0 10px 15px; border-bottom: 1px dotted #5e5e5e; color: #b90000; text-align: justify; } #container #store-nl-pics #btn-news { position: absolute; display: block; width: 100px; height: 16px; top: 195px; left: 505px; padding: 0 20px 0 0; background: url(btn-allabout.gif) top right no-repeat; text-align: right; text-decoration: none; color: #fff; font-weight: bold; } #container #store-nl-pics #btn-news:hover { background-position: bottom right; } #container #about-survey { position: relative; width: 947px; height: 282px; margin: 20px 0 0 23px; background: url(bg-about-survey.jpg) top left no-repeat; } #container #about-survey #title-aboutrocco { position: absolute; top: 28px; left: 240px; font: 18px "Times New Roman", Times, serif; color: #fff; text-transform: uppercase; } #container #about-survey #title-aboutrocco strong { font-size: 24px; font-weight: normal; } #container #about-survey #text-aboutrocco { position: absolute; top: 94px; left: 162px; width: 350px; height: 140px; line-height: 20px; } #container #about-survey #btn-aboutrocco { position: absolute; display: block; width: 120px; height: 16px; top: 262px; left: 388px; padding: 0 20px 0 0; background: url(bg-button.gif) top right no-repeat; text-align: right; text-decoration: none; color: #fff; font-weight: bold; } #container #about-survey #btn-aboutrocco:hover { background-position: bottom right; } #container #about-survey #title-survey { position: absolute; top: 35px; left: 660px; font: 18px "Times New Roman", Times, serif; text-transform: uppercase; color: #fff; } #container #about-survey .question { position: absolute; top: 60px; left: 540px; width: 200px; margin: 25px 0 0 45px; color: #b7b7b7; font-weight: bold; } #container #about-survey form { position: absolute; top: 100px; left: 540px; width: 143px; margin: 35px 0 0 55px; padding: 0; } #container #about-survey form label { position: relative; margin: 0 0 0 5px; } #container #about-survey .answer { margin: 5px 0 0 0; line-height: 15px; height: 15px; } #container #about-survey .answer input { height: 15px; line-height: 15px; } #container #about-survey #results { position: absolute; top: 228px; left: 598px; } #container #about-survey #results span { color: #fff; } #container #about-survey .button { position: absolute; display: block; width: 105px; height: 16px; top: 240px; padding: 0 20px 0 0; background: url(bg-button.gif) top right no-repeat; text-align: right; color: #fff; font: bold 12px/12px Arial, Helvetica, sans-serif; text-decoration: none; z-index: 20; } #container #about-survey .button:hover { background-position: bottom right; } #container #about-survey #addvote { position: absolute; top: 262px; left: 680px; } #container #connect-latest { position: relative; width: 943px; height: 265px; margin: 30px 0 20px 25px; background: url(bg-connect-latest.jpg) top left no-repeat; } #container #connect-latest h3 { position: absolute; font: 16px "Times New Roman", Times, serif; color: #fff; text-transform: uppercase; } #container #connect-latest h3 strong { font-size: 20px; font-weight: normal; } #container #connect-latest #title-connect { top: 15px; left: 20px; } #container #connect-latest #title-guestbook { top: 65px; left: 20px; } #container #connect-latest #header-guestbook { position: absolute; top: 105px; left: 27px; width: 260px; } #container #connect-latest #header-guestbook span { display: block; } #container #connect-latest #header-guestbook strong { color: #fff; } #container #connect-latest #message-guestbook { position: absolute; top: 161px; left: 120px; width: 165px; } #container #connect-latest #btn-guestbook { top: 236px; left: 145px; } #container #connect-latest #title-askrocco { top: 65px; left: 340px; } #container #connect-latest #header-askrocco { position: absolute; top: 105px; left: 345px; width: 260px; } #container #connect-latest #header-askrocco span { display: block; } #container #connect-latest #header-askrocco strong { color: #fff; } #container #connect-latest #message-askrocco { position: absolute; top: 167px; left: 460px; width: 135px; } #container #connect-latest #btn-askrocco { top: 236px; left: 463px; } #container #connect-latest #title-latest { top: 15px; left: 653px; } #container #connect-latest #scene-latest { position: absolute; top: 67px; left: 657px } #container #connect-latest #img-latest { position: absolute; top: 118px; left: 789px; } #container #connect-latest #btn-latest { top: 236px; left: 780px; } #container #connect-latest .button { position: absolute; display: block; width: 125px; height: 16px; top: 240px; padding: 0 20px 0 0; background: url(bg-button.gif) top right no-repeat; text-align: right; color: #fff; font: bold 12px/12px Arial, Helvetica, sans-serif; text-decoration: none; z-index: 20; } #container #connect-latest .button:hover { background-position: bottom right; } #container #allabout { position: relative; width: 929px; height: 280px; margin: 20px auto; background: url(bg-allabout.jpg) top left no-repeat; } #container #allabout h3 { position: absolute; top: 5px; left: 13px; font: 16px "Times New Roman", Times, serif; text-transform: uppercase; color: #fff; } #container #allabout h3 strong { font-size: 24px; font-weight: normal; } #container #allabout #about-appearances { position: absolute; display: block; width: 188px; height: 138px; padding: 75px 0 0 20px; top: 50px; left: 13px; color: #f00; font: 22px "Times New Roman", Times, serif; text-transform: uppercase; text-decoration: none; z-index: 10; } #container #allabout #about-appearances:hover { background: url(btn-appearances.jpg) top left no-repeat; } #container #allabout #about-appearances strong { display: block; color: #fff; font-size: 28px; } #container #allabout #goto-appearances { left: 155px; } #container #allabout #about-filmography { position: absolute; display: block; width: 188px; height: 138px; padding: 75px 0 0 20px; top: 50px; left: 225px; color: #f00; font: 22px "Times New Roman", Times, serif; text-transform: uppercase; text-decoration: none; z-index: 10; } #container #allabout #about-filmography:hover { background: url(btn-filmography.jpg) top left no-repeat; } #container #allabout #about-filmography strong { display: block; color: #fff; font-size: 28px; } #container #allabout #goto-filmography { left: 280px; } #container #allabout #about-awards { position: absolute; display: block; width: 148px; height: 138px; padding: 75px 0 0 60px; top: 50px; left: 497px; color: #f00; font: 22px "Times New Roman", Times, serif; text-transform: uppercase; text-decoration: none; z-index: 10; } #container #allabout #about-awards:hover { background: url(btn-awards.jpg) top left no-repeat; } #container #allabout #about-awards strong { display: block; color: #fff; font-size: 28px; } #container #allabout #goto-awards { left: 638px; } #container #allabout #about-biography { position: absolute; display: block; width: 188px; height: 138px; padding: 75px 0 0 20px; top: 50px; left: 707px; color: #f00; font: 22px "Times New Roman", Times, serif; text-transform: uppercase; text-decoration: none; z-index: 10; } #container #allabout #about-biography:hover { background: url(btn-biography.jpg) top left no-repeat; } #container #allabout #about-biography strong { display: block; color: #fff; font-size: 28px; } #container #allabout #goto-biography { left: 850px; } #container #allabout .button { position: absolute; display: block; width: 35px; height: 16px; top: 240px; padding: 0 20px 0 0; background: url(btn-allabout.gif) top right no-repeat; text-align: right; color: #fff; font: bold 12px/12px Arial, Helvetica, sans-serif; text-decoration: none; z-index: 20; } #container #allabout .button:hover { background-position: bottom right; } #container #connect { position: relative; width: 929px; height: 367px; margin: 20px auto; background: url(bg-connect.jpg) top left no-repeat; } #container #connect h3 { position: absolute; top: 20px; left: 20px; font: 16px "Times New Roman", Times, serif; text-transform: uppercase; color: #fff; } #container #connect h3 strong { font-size: 20px; font-weight: normal; } #container #connect .button { display: block; width: 80px; height: 16px; padding: 0 20px 0 0; background: url(bg-button.gif) top right no-repeat; text-align: right; color: #fff; line-height: 15px; font-weight: bold; text-decoration: none; } #container #connect .button:hover { background-position: bottom right; } #container #connect #guestbook-title { position: absolute; top: 67px; left: 160px; font: bold 13px Arial, Helvetica, sans-serif; color: #fff; } #container #connect #guestbook-text { position: absolute; top: 98px; left: 175px; width: 160px; line-height: 18px; } #container #connect #guestbook-text strong { display: block; color: #fff; } #container #connect #guestbook-text span { display: block; margin: 0 0 27px 0; } #container #connect #guestbook-text a { font-weight: bold; color: #fff; text-decoration: none; } #container #connect #guestbook-text a:hover { text-decoration: underline; } #container #connect #guestbook-button { position: absolute; top: 327px; left: 240px; } #container #connect #askrocco-title { position: absolute; top: 67px; left: 387px; font: bold 13px Arial, Helvetica, sans-serif; color: #fff; } #container #connect #askrocco-text { position: absolute; top: 98px; left: 407px; width: 160px; line-height: 18px; } #container #connect #askrocco-text strong { display: block; color: #fff; } #container #connect #askrocco-text span { display: block; margin: 0 0 27px 0; } #container #connect #askrocco-text a { font-weight: bold; color: #fff; text-decoration: none; } #container #connect #askrocco-text a:hover { text-decoration: underline; } #container #connect #askrocco-icon { position: absolute; top: 180px; left: 382px; } #container #connect #askrocco-button { position: absolute; top: 327px; left: 348px; width: 200px; } #container #connect #survey { position: absolute; width: 303px; height: 365px; top: 1px; left: 625px; } #container #connect #survey h4 { position: relative; margin: 20px 0 0 0; font: 16px "Times New Roman", Times, serif; text-transform: uppercase; text-align: center; color: #fff; } #container #connect #survey .subtitle { margin: 24px 0 0 45px; color: #fff; font: bold 13px Arial, Helvetica, sans-serif; } #container #connect #survey .question { width: 140px; margin: 25px 0 0 45px; color: #fff; font-weight: normal; } #container #connect #survey form { width: 143px; margin: 35px 0 0 55px; padding: 0; } #container #connect #survey form label { position: relative; margin: 0 0 0 5px; top: -2px; } #container #connect #survey .answer { margin: 5px 0 0 0; line-height: 20px; } #container #connect #survey #results { position: absolute; top: 305px; left: 33px; font: 14px "Times New Roman", Times, serif; color: #fff; text-transform: uppercase; } #container #connect #survey #results span { font: bold 11px Arial, Helvetica, sans-serif; color: #d60303; } #container #connect #survey #addvote { position: absolute; bottom: 5px; left: 10px; } /******* DVDLIST.PHP *********/ #container #content #movies-title { position: relative; width: 960px; height: 34px; margin: 15px 0 0 0; background: url(bg-movies-title.gif) top left no-repeat; } #container #content #movies-title h2 { position: absolute; top: 12px; left: 35px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } #container #content #movies-title .update { position: absolute; top: 12px; left: 595px; font-weight: bold; color: #fff; } #container #content #movies-title .btn-all-upcoming { position: absolute; top: 12px; left: 810px; padding-right: 12px; background: url(bg-all-upcoming-updates.gif) right 3px no-repeat; color: #adadad; } #container #content #movielist { position: relative; width: 908px; padding: 20px 15px; background: #141414 url(bg-movielist.jpg) top left no-repeat; } #container #content #movielist .dvd { position: relative; float: left; margin: 0 6px 30px 0; } #container #content #movielist .dvd img { position: relative; display: block; padding: 4px 3px; border: 1px solid #3e3d3d; background: #2d2d2d; } #container #content #movielist .dvd h3 { margin: 7px 0 0 3px; padding: 0 0 0 15px; font-weight: bold; background: url(ico-news-star.gif) center left no-repeat; color: #c5c2c2; width:197px; } #container #content #movielist .dvd p { margin: 0 0 0 18px; color: #696969; } #container #content #movielist .dvd p span { color: #939393; } #container #content #movielist .last { margin: 0 0 30px 0; } /******* DVD.PHP *******/ #container #content #dvd-title { position: relative; width: 960px; height: 34px; margin: 15px 0 0 0; background: url(bg-dvd-title.gif) top left no-repeat; } #container #content #dvd-title h2 { position: absolute; top: 1px; left: 35px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } #container #content #movieinfo { position: relative; width: 941px; height: 518px; margin: 10px auto 30px auto; background: url(bg-movieinfo.jpg) top left no-repeat; } #container #content #movieinfo h4 { position: absolute; font-size: 15px; font-weight: bold; color: #fff; } #container #content #movieinfo h4#tit-dvdcovers { top: 6px; left: 10px; } #container #content #movieinfo #dvdcover { position: absolute; top: 57px; left: 27px; } #container #content #movieinfo #frontcover { position: absolute; top: 370px; left: 25px; font-weight: bold; } #container #content #movieinfo #dvdbackcover { position: absolute; top: 57px; left: 288px; } #container #content #movieinfo #backcover { position: absolute; top: 370px; left: 285px; font-weight: bold; } #container #content #movieinfo h4#tit-trailer { top: 6px; left: 550px; } #container #content #movieinfo #trailer { position: absolute; width: 368px; height: 288px; top: 55px; left: 580px; } #container #content #movieinfo #previous-movie { position: absolute; width: 150px; height: 31px; top: 357px; padding: 0 0 0 38px; left: 553px; line-height: 31px; color: #b6b6b6; background: url(btn-previous-movie.gif) top left no-repeat; font-weight: bold; text-decoration: none; } #container #content #movieinfo #previous-movie:hover { background-position: bottom; color: #fff; } #container #content #movieinfo #next-movie { position: absolute; width: 150px; height: 31px; top: 357px; padding: 0 38px 0 0; left: 743px; line-height: 31px; text-align: right; color: #b6b6b6; background: url(btn-next-movie.gif) top left no-repeat; font-weight: bold; text-decoration: none; } #container #content #movieinfo #next-movie:hover { background-position: bottom; color: #fff; } #container #content #movieinfo h3 { position: absolute; top: 415px; left: 80px; font-size: 18px; color: #fff; } #container #content #movieinfo #dvd-size { position: absolute; top: 422px; left: 692px; } #container #content #movieinfo #dvd-pictures { position: absolute; top: 422px; left: 822px; } #container #content #movieinfo #dvd-categories { position: absolute; top: 457px; left: 63px; } #container #content #movieinfo #dvd-starring { position: absolute; top: 477px; left: 63px; } #container #content #dvd-footer { position: relative; height: 50px; margin: 15px 0; } #container #content #dvd-footer #previous-movie { position: absolute; width: 150px; height: 31px; padding: 0 0 0 38px; left: 293px; line-height: 31px; color: #b6b6b6; background: url(btn-previous-movie.gif) top left no-repeat; font-weight: bold; text-decoration: none; } #container #content #dvd-footer #previous-movie:hover { background-position: bottom; color: #fff; } #container #content #dvd-footer #next-movie { position: absolute; width: 150px; height: 31px; padding: 0 38px 0 0; left: 483px; line-height: 31px; text-align: right; color: #b6b6b6; background: url(btn-next-movie.gif) top left no-repeat; font-weight: bold; text-decoration: none; } #container #content #dvd-footer #next-movie:hover { background-position: bottom; color: #fff; } #container #content h4.clipdetails { position: relative; width: 930px; height: 29px; padding: 0 0 0 10px; margin: 0 auto; line-height: 29px; background: url(bg-tit-clipdetails.jpg) top left repeat-y; font-size: 15px; font-weight: bold; color: #fff; } #container #content .clip { position: relative; width: 936px; padding: 10px 0 2px 2px; margin: 0 auto; border: 1px solid #292929; border-top: none; background: #141414; } #container #content .clip .scene-specs { position: relative; width: 920px; height: 99px; margin: 0 0 15px 7px; background: url(bg-scene-specs.jpg) top left no-repeat; } #container #content .clip h3 { position: absolute; top: 8px; left: 69px; font-size: 18px; color: #fff; } #container #content .clip #clip-size { position: absolute; top: 15px; left: 677px; } #container #content .clip #clip-length { position: absolute; top: 15px; left: 805px; } #container #content .clip #clip-starring { position: absolute; top: 60px; left: 52px; } #container #content .clip img { display: block; float: left; border: 1px solid #838383; margin: 3px 1px 0 1px; } #container #content .clip .last { margin: 3px 0 0 1px; } #container #content .clip .btn-watchmovie { position: absolute; width: 195px; height: 42px; padding: 0 0 0 50px; top: 48px; left: 666px; line-height: 42px; font-size: 18px; color: #b6b6b6; background: url(btn-watch-movie.jpg) top left no-repeat; text-decoration: none; } #container #content .clip .btn-watchmovie:hover { background-position: bottom; color: #fff; } /****** CATEGORIES.PHP *******/ #container #content .clip-category { position: relative; width: 948px; height: 307px; margin: 0 0 0 10px; background: url(bg-categories.jpg) top left no-repeat; } #container #content .clip-category #dvdcover { position: absolute; top: 43px; left: 15px; } #container #content .clip-category #frontcover { position: absolute; top: 278px; left: 15px; font-weight: bold; } #container #content .clip-category #dvdbackcover { position: absolute; top: 43px; left: 206px; } #container #content .clip-category #backcover { position: absolute; top: 278px; left: 205px; font-weight: bold; } #container #content .clip-category h3 { position: absolute; top: 60px; left: 443px; font-size: 18px; color: #fff; } #container #content .clip-category #scene-title { position: absolute; top: 95px; left: 443px; font-weight: bold; color: #d6d6d6; } #container #content .clip-category #scene-title span { color: #9d9d9d; font-weight: normal; } #container #content .clip-category #scene-length { position: absolute; top: 57px; left: 797px; } #container #content .clip-category #scene-size { position: absolute; top: 77px; left: 797px; } #container #content .clip-category #scene-pictures { position: absolute; top: 97px; left: 797px; } #container #content .clip-category #scene-categories { position: absolute; top: 147px; left: 443px; } #container #content .clip-category #scene-starring { position: absolute; top: 167px; left: 443px; } #container #content .clip-category .btn-watchmovie { position: absolute; width: 503px; height: 52px; line-height: 52px; top: 246px; left: 422px; font-size: 18px; font-weight: bold; background: url(btn-scene-watchvideo.jpg) top left no-repeat; color: #b6b6b6; text-align: center; text-decoration: none; } #container #content .clip-category .btn-watchmovie:hover { background-position: bottom; color: #fff; } /***** PICTURES.PHP ******/ #container #content #pictures-title { position: relative; width: 858px; height: 85px; padding: 20px 0 0 90px; margin: 15px 0 0 0; background: url(bg-pictures-title.jpg) top left no-repeat; } #container #content #pictures-title h2 { position: relative; font-size: 15px; margin: 0 0 0 15px; font-weight: bold; text-transform: uppercase; color: #fff; } #container #content .picture-box { position: relative; display: inline; float: left; width: 449px; height: 345px; margin: 13px; background: url(bg-picture-box.jpg) top left no-repeat; } #container #content .picture-box .img1 { position: absolute; top: 9px; left: 8px; } #container #content .picture-box .img2 { position: absolute; top: 9px; left: 231px; } #container #content .picture-box .img3 { position: absolute; top: 9px; left: 340px; } #container #content .picture-box .picture-specs { position: absolute; width: 182px; height: 113px; padding: 10px 15px 0; top: 175px; left: 230px; } #container #content .picture-box .picture-specs h3 { width: 170px; font-size: 18px; color: #dadada; padding: 0 0 8px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #5e5e5e; } #container #content .picture-box .picture-specs .star { margin: 0 0 5px 0; } #container #content .picture-box .btn-photoset { position: absolute; display: block; width: 185px; height: 25px; padding: 0 25px 0 0; bottom: 9px; right: 8px; line-height: 23px; text-align: right; color: #adadad; background: url(btn-pictures.gif) 190px center no-repeat; } #container #content .picture-box .btn-photoset:hover { color: #fff; } /****** PAGES AVEC CONTENU TEXTE SEULEMENT ******/ #container #content h2.normal { position: relative; font-size: 15px; padding: 2px; margin: 30px 0 10px; font-weight: bold; text-transform: uppercase; color: #fff; background: url(bg-tit-textcontent.gif) bottom left no-repeat; } #container #content h2.normal span { font-size: 11px; color: #ad0101; text-transform: none; font-weight: normal; } #container #content #textcontent { position: relative; width: 860px; padding: 40px; margin: 20px auto; background: #2d2d2d url(bg-textcontent.jpg) top left no-repeat; } #container #content #textcontent h3 { color: #fff; font-size: 18px; margin: 30px 0 2px 0; } #container #content #textcontent .date { color: red; } #container #content #textcontent p { margin: 0 0 11px 0; font-size: 12px; } /****** SCREENSHOTS *******/ #container #content #screenshots { padding: 0 50px; } #container #content #screenshots img { margin: 5px 5px 0px 0; border: 1px solid #666; } /***** ABOUT.PHP *****/ #container #content #about-title { position: relative; width: 960px; height: 34px; margin: 25px 0 0 0; background: url(bg-tit-about.jpg) top left no-repeat; } #container #content #about-title h2 { position: absolute; top: 1px; left: 35px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; } #container #content #about-left { position: relative; float: left; display: inline; width: 579px; margin: 20px 0 0 0; } #container #content #about-left h3 { padding: 6px 0px; font: bold 15px Arial, Helvetica, sans-serif; color: #fff; } #container #content #about-left #about-carreer { width: 549px; height: 509px; padding: 0 15px; background: url(bg-about-carreer.jpg) top left no-repeat; } #container #content #about-left #about-carreer p { margin: 20px 0 0 0; line-height: 15px; text-align: justify; } #container #content #about-left #about-medias { width: 549px; height: 381px; padding: 457px 15px 0 15px; background: #2d2d2d url(bg-about-media.jpg) top left no-repeat; } #container #content #about-left #about-medias h3 { margin-bottom: 20px; } #container #content #about-left #about-medias p { margin: 0 0 12px 0; line-height: 17px; } #container #content #about-left #about-medias ul { margin: 0 0 0 20px; } #container #content #about-right { position: relative; float: left; display: inline; width: 377px; } #container #content #about-right h3 { font: 18px "Times New Roman", Times, serif; color: #fff; text-transform: uppercase; } #container #content #about-right #about-trivia { width: 287px; height: 341px; padding: 143px 30px 0 40px; background: url(bg-about-trivia.jpg) top left no-repeat; } #container #content #about-right #about-trivia h3 { padding-left: 115px; margin: 0 0 30px 0; } #container #content #about-right #about-trivia p { margin: 20px 0; line-height: 15px; text-align: justify; } #container #content #about-right #about-awards { width: 291px; height: 420px; padding: 21px 25px 0 40px; margin: 15px 0 0 0; background: url(bg-about-awards.jpg) top left no-repeat; position:relative; } #container #content #about-right #about-awards h3 { padding-left: 95px; margin: 0 0 30px 0; } #container #content #about-right #about-awards .star { font-weight: normal; margin: 0 0 8px 0; } #container #content #about-right #about-personnal { width: 300px; height: 427px; padding: 0 30px; background: url(bg-about-personnal.jpg) top left no-repeat; } #container #content #about-right #about-personnal h3 { padding: 7px 0 20px 0; font: bold 15px Arial, Helvetica, sans-serif; text-transform: none; } #container #content #about-right #about-personnal p { margin: 0 0 11px 0; line-height: 17px; } /****** FOOTER ******/ #container #bottom-menu { position: relative; width: 960px; height: 27px; margin: 60px auto 20px auto; padding: 0 20px; background: url(bg-bottom-menu.jpg) top left no-repeat; color: #4d4c4c; line-height: 24px; } #container #bottom-menu a { color: #939393; text-decoration: none; } #container #bottom-menu a:hover { color: #bebebe; } #homepage #bottom-menu #bmnu-home, #movies #bottom-menu #bmnu-movies, #pictures #bottom-menu #bmnu-pictures, #about #bottom-menu #bmnu-about, #news #bottom-menu #bmnu-news, #links #bottom-menu #bmnu-links { font-weight: bold; color: #fff; } #container #footer { position: relative; width: 670px; margin: 50px 0 0 0; padding: 33px 0 0 310px; background: url(bg-footer.jpg) top left no-repeat; } #container #footer ul li { display: inline; padding: 0 0 0 15px; margin: 0 15px 0 0; background: url(ico-news-star.gif) center left no-repeat; } #container #footer ul li a { color: #838383; } #container #footer p { margin: 5px 0 0 15px; } #container #footer p a { color: #b8b3b3; text-decoration: underline; } /****** OTHER ******/ .loginbox { width: 450px; margin: 20px 0 0 300px; } .loginbox h2 { line-height: auto; padding: 5px; font-size: 24px; margin: 0 0 5px 0; font-weight: bold; } .loginbox p { margin: 5px 0 5px 50px; margin: 0 auto; padding: 0 0 0 45px; } .loginbox p strong { display: block; } .loginbox input { font: 11px Verdana, Arial, Helvetica, sans-serif; } .loginbox .in-box2 { width: 150px; height: 14px; padding: 2px; border: 1px solid #7e7c4c; color: #424000; } .loginbox .loginbutton { background-color: #666; color: #fff; padding: 5px; } .linkbox { position: relative; width: 90%; padding: 10px; font: 12px Arial, Helvetica, sans-serif; } .link-left { position: relative; float: left; display: inline; padding: 5px; width: 185px; } .link-left img { border: 1px solid #fff; } .link-right { position: relative; float: left; display: inline; padding: 5px; width: 550px;} .link-right p { line-height: 16px; margin: 0 0 14px 0; } .link-right p a { color: #ccc!important; font-weight: bold; } .link-right p a:hover { color: #666!important; } .clear { clear: both; height: 0; line-height: 0; font-size: 0; } #download { position: relative; width: 919px; height: 321px; padding: 12px 10px; background: url(bg-download.jpg) top left no-repeat; } #download p { font: bold 13px Arial, Helvetica, sans-serif; color: #e00303; text-align: center; width: 100%; padding: 10px 0 0 0; } #download p span { color: #fff; } #download a.title { display: block; width: 100%; height: 25px; line-height: 25px; padding: 0; font-weight: bold; font-size: 12px; color: #fff; font-family: "Times New Roman", Times, serif; text-decoration: none; text-transform: uppercase; } #download a.title span { position: relative; left: 0; float: left; margin: 0 0 0 10px; } #download a.button { display: block; width: 290px; height: 23px; margin: 0 auto; padding: 6px 0 0 0; background: url(download-btn.jpg) top left no-repeat; color: #fff; font: bold 16px Verdana, Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; text-transform: uppercase; } #download a.prog-download { display: block; width: 131px; height: 13px; margin: 0 auto; background: url(download-progressive.jpg) top left no-repeat; } #download a.disk-download { display: block; width: 131px; height: 13px; margin: 0 auto; background: url(download-disk.jpg) top left no-repeat; } #download a:hover { background-position: bottom; } #download a.prog-download span, #download a.disk-download span { display: none; } #download select { position: relative; display: block; width: 145px; border: 1px solid #344353; color: #344353; margin: 10px auto 0 auto; font-size: 9px; font-family: Arial, Helvetica, sans-serif; } #download .helpicon { position: absolute; top: 0; right: 0; } #download #streaming { position: absolute; width: 325px; height: 117px; top: 12px; left: 10px; text-transform: uppercase; } #download #downloadable { position: absolute; width: 325px; height: 198px; top: 137px; left: 10px; text-transform: uppercase; } #download #downloadable #small { position: absolute; width: 161px; height: 89px; top: 27px; left: 0; } #download #downloadable #big { position: absolute; width: 161px; height: 89px; top: 27px; left: 162px; } #download #downloadable #small p, #download #downloadable #big p { padding: 6px 0 0 0; } #download #downloadable #smalltime { position: absolute; width: 161px; height: 80px; top: 117px; left: 0; text-transform: none; } #download #downloadable #bigtime { position: absolute; width: 161px; height: 80px; top: 117px; left: 162px; text-transform: none; } #download #downloadable p.time { width: 120px; text-align: left; padding: 10px 0 0 40px; } #download #screenshots { position: absolute; width: 580px; height: 322px; top: 20px; left: 341px; } #download #screenshots img { position: absolute; width: 128px; height: 94px; } #download #screenshots img#dvdcover { width: 212px; height: 302px; top: 0px; left: 15px; border: 1px solid #000; } #download #screenshots img#screenshot1 { top: 30px; left: 267px; } #download #screenshots img#screenshot2 { top: 30px; left: 414px; } #download #screenshots img#screenshot3 { top: 148px; left: 267px; } #download #screenshots img#screenshot4 { top: 148px; left: 414px; } #download #screenshots a.button { position: absolute; width: 319px; height: 21px; padding: 8px 0 0 0; top: 260px; left: 248px; background: url(download-screenshots-btn.jpg) top left no-repeat; font-size: 11px; } #download #screenshots a.button:hover { background-position: bottom; } #download #screenshots p { margin: 100px 0 0 300px; width: 200px;} /* =========== GUESTBOOK ***************/ #content .title-guestbook { width:948px; height:90px; background:url(title-guestbook.jpg); margin:15px 0 0 -3px; position:relative; } #content .title-guestbook h2 { font:bold 15px Arial, Helvetica, sans-serif; color:#fff; padding:3px 0 0 86px; text-transform:uppercase } #content .title-guestbook h3 { font:bold 11px Arial, Helvetica, sans-serif; color:#fff; position:absolute; top:32px; left:124px; } #content .title-guestbook p { line-height: 16px; color: #4d4c4c; position:absolute; top:30px; left:124px; } #content .title-guestbook p span { color: #939393; } #content .title-guestbook p strong { margin: 0 3px; color: #c4c2c2; } #content .title-guestbook p a { margin: 0 3px; color: #939393; text-decoration: none; } #content .title-guestbook p a:hover { color: #fff; text-decoration: underline; } #content .title-guestbook a.bt-addmessage { display:block; width:209px; height:46px; background:url(bt-addmessage.gif) no-repeat 0 0; position:absolute; top:33px; right:3px; } #content .title-guestbook a.bt-addmessage:hover { background-position:0 -46px; } #content .title-guestbook a.bt-addmessage span { display:none; margin-left:-10000px; } #content .guest-messages { padding:0 0 0 12px; } #content .guest-messages h3 { font:16px Arial, Helvetica, sans-serif; padding:20px 0 6px 0; color:#fff; } #content .guest-messages .bloc-msg-line { width:941px; height:5px; background:url(bg-bloc-msg-line.jpg) no-repeat 0 0; overflow:hidden; } #content .guest-messages .bloc-msg { width:828px; border:1px solid #4d4c4c; border-top:0; background:#2d2d2d url(bg-bloc-msg.jpg) no-repeat 0 0; padding:16px 60px 22px 51px; margin-bottom:10px; } #content .guest-messages .bloc-msg li { background:url(ico-news-star.gif) no-repeat 0 17px; padding:16px 0 0 15px; } #content .guest-messages .bloc-msg li h4 { padding:0 0 8px; font:11px/13px Arial, Helvetica, sans-serif; color:#dadada; border-bottom:1px dotted #5e5e5e; } #content .guest-messages .bloc-msg li h4 span { color:#b90000; } #content .guest-messages .bloc-msg li p { font:11px/16px Arial, Helvetica, sans-serif; color:#9d9d9d; padding:9px 0 12px; } #content .guest-messages .bloc-msg li h5 { width:748px; height:28px; padding:12px 0 0 56px; font:bold 13px Arial, Helvetica, sans-serif; color:#ff0a0a; background:url(bg-bloc-msg-answer-title.jpg) no-repeat 0 0; } #content .guest-messages .bloc-msg li p.answer { background:url(bg-bloc-msg-answer.jpg) repeat-y 0 0; margin:0 0 0 29px; padding:8px 25px 14px; } /* =========== ASK ROCCO ***************/ #content .title-askrocco { width:948px; height:101px; background:url(title-askrocco.jpg); margin:15px 0 0 -3px; position:relative; } #content .title-askrocco h2 { font:bold 15px Arial, Helvetica, sans-serif; color:#fff; padding:12px 0 0 98px; text-transform:uppercase } #content .title-askrocco h3 { font:bold 11px Arial, Helvetica, sans-serif; color:#fff; position:absolute; top:50px; left:85px; } #content .title-askrocco p { line-height: 16px; color: #4d4c4c; position:absolute; top:71px; left:85px; } #content .title-askrocco p span { color: #939393; } #content .title-askrocco p strong { margin: 0 3px; color: #c4c2c2; } #content .title-askrocco p a { margin: 0 3px; color: #939393; text-decoration: none; } #content .title-askrocco p a:hover { color: #fff; text-decoration: underline; } #content .title-askrocco a.bt-question { display:block; width:238px; height:46px; background:url(bt-submitquestion.gif) no-repeat 0 0; position:absolute; top:43px; right:3px; } #content .title-askrocco a.bt-question:hover { background-position:0 -46px; } #content .title-askrocco a.bt-question span { display:none; margin-left:-10000px; } #content .ask-bloc { padding:0 0 0 12px; } #content .ask-bloc h3 { font:16px Arial, Helvetica, sans-serif; padding:20px 0 6px 0; color:#fff; } #content .ask-bloc .bloc-msg-line { width:941px; height:5px; background:url(bg-bloc-msg-line.jpg) no-repeat 0 0; overflow:hidden; } #content .ask-bloc .bloc-msg { width:939px; border:1px solid #4d4c4c; border-top:0; background:#2d2d2d url(bg-bloc-msg.jpg) no-repeat 0 0; padding:16px 0 2px; margin-bottom:10px; } #content .ask-bloc .bloc-msg ul { width:899px; margin:0 auto; } #content .ask-bloc .bloc-msg li { width:841px; border:1px solid #373737; background:#222 url(bg-bloc-ask.jpg) repeat-y 0 0; padding:28px; margin-bottom:20px; } #content .ask-bloc .bloc-msg li div { padding:0 0 0 15px; background:url(ico-news-star.gif) no-repeat 0 1px; } #content .ask-bloc .bloc-msg li h4 { padding:0 0 8px; font:11px/13px Arial, Helvetica, sans-serif; color:#dadada; border-bottom:1px dotted #5e5e5e; } #content .ask-bloc .bloc-msg li h4 span { color:#b90000; } #content .ask-bloc .bloc-msg li p { font:11px/16px Arial, Helvetica, sans-serif; color:#9d9d9d; padding:9px 0 12px 26px; } #content .ask-bloc .bloc-msg li h5 { width:748px; height:28px; padding:12px 0 0 56px; font:bold 13px Arial, Helvetica, sans-serif; color:#ff0a0a; background:url(bg-bloc-msg-answer-title.jpg) no-repeat 0 0; } #content .ask-bloc .bloc-msg li p.question { background:url(bg-bloc-ask-q.jpg) no-repeat 0 12px; } #content .ask-bloc .bloc-msg li p.answer { background:url(bg-bloc-ask-a.jpg) no-repeat 0 12px; } /* =========== FORMULAIRE OVERLAY ***************/ #content .frm-over { width:474px; height:381px; position:absolute; z-index:100; top:150px; left:233px; } #content .frm-over h3 { width:417px; height:36px; padding:18px 0 0 57px; background:url(frm-title.png) no-repeat 0 0; behavior: url(http://www.roccosiffredi.fr/images/iepngfix.htc); font:bold 15px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase } #content .frm-over .frm-left { width:9px; height:327px; background:url(frm-left.png) no-repeat 0 0; behavior: url(http://www.roccosiffredi.fr/images/iepngfix.htc); float:left; } #content .frm-over .frm-bot { width:464px; height:10px; background:url(frm-bot.png) no-repeat 0 0; overflow:hidden; behavior: url(http://www.roccosiffredi.fr/images/iepngfix.htc); float:left; } #content .frm-over .frm-content { width:437px; height:310px; background:#020000 url(frm-bg.jpg) repeat-x 0 0; float:left; border:1px solid #595757; border-top:none; padding:6px 0 0 26px; } #content .frm-over .frm-content label { width:196px; font:11px Arial, Helvetica, sans-serif; color:#fff; display:block; padding:0 0 8px 14px; background:url(frm-star.gif) no-repeat 0 2px; } #content .frm-over .frm-content input { width:194px; height:18px; font:12px Arial, Helvetica, sans-serif; color:#000; background:#fff; border:1px solid #560101; padding:2px; } #content .frm-over .frm-content textarea { width:404px; height:151px; font:12px Arial, Helvetica, sans-serif; color:#000; background:#fff; border:1px solid #560101; padding:2px; } #content .frm-over .frm-content div.frm-col { width:210px; height:58px; float:left; } #content .frm-over .frm-content div.frm-col label { width:186px; } #content .frm-over .frm-content div.frm-msg { width:437px; height:195px; float:left; } #content .frm-over .frm-content .buttons { clear:both; } #content .frm-over .frm-content .buttons a span { display:none; margin-left:-10000px; } #content .frm-over .frm-content .buttons a { float:left; } #content .frm-over .frm-content a.addmessage { width:281px; height:40px; background:url(frm-addmessage.gif) no-repeat 0 0; display:block; } #content .frm-over .frm-content a.submitquestion { width:281px; height:40px; background:url(frm-submit.gif) no-repeat 0 0; display:block; } #content .frm-over .frm-content a.cancel { width:121px; height:40px; background:url(frm-cancel.gif) no-repeat 0 0; display:block; margin-left:8px; } #content .frm-over .frm-content .buttons a:hover { background-position:0 -40px; } /* =========== NEWSv2 ***************/ #content ul.bloc-news { width:800px; margin:0 auto; } #content ul.bloc-news li { background:url(ico-news-star.gif) no-repeat 0 0!important; padding:0 0 14px 15px; } #content ul.bloc-news li h3 { padding:0 0 8px; font:11px/13px Arial, Helvetica, sans-serif!important; color:#dadada; border-bottom:1px dotted #5e5e5e; } #content ul.bloc-news li h3 span { color:#b90000; } #content ul.bloc-news li p { font:11px/16px Arial, Helvetica, sans-serif; color:#9d9d9d; padding:10px 0; } #content .news-rocco { width:111px; height:205px; background:url(rocco-news.png) no-repeat 0 0; position:absolute; bottom:-5px; right:-19px; behavior: url(http://www.roccosiffredi.fr/images/iepngfix.htc); } /* =========== ABOUTv2 ***************/ #container #content #about-right #about-awards p.recently { position:absolute; top:283px; right:26px; font:11px/18px Arial, Helvetica, sans-serif; color:#7f7f7f; text-align:right; width:187px; } #container #content #about-right #about-personnalv2 { margin:19px 0 0 0; width: 300px; height: 421px; padding: 0 30px; background: url(bg-about-personnalv2.jpg) top left no-repeat; } #container #content #about-right #about-personnalv2 h3 { padding:15px 0 8px; text-align:center; } #container #content #about-right #about-personnalv2 p { margin: 0 0 11px 0; line-height: 17px; } #container #content #about-right #about-awards-v2 { margin:20px 0 0 0; width:367px; height:420px; background:url(bg-about-awardsv2.jpg) no-repeat 0 0; } #container #content #about-right #about-awards-v2 h3 { padding:8px 0 8px; text-align:center; } #container #content #about-right #about-awards-v2 a { display:block; width:342px; height:382px; margin:0 0 0 14px; } #container #content #about-right #about-awards-v2 a span { display:none; margin-left:-10000px; } /* =========== BEST SERIES ***************/ #container #content #bestseries-title { position: relative; width: 950px; height: 36px; margin: 15px 0 0 0; background: url(title-bestseries.jpg) top left no-repeat; } #container #content #bestseries-title h2 { position: absolute; top: 10px; left: 32px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; text-transform:uppercase; } #container #content .movielist_bestseries { position: relative; width: 928px; padding: 20px 0 0px 11px; margin:60px 0 50px 0; background: #141414 url(bg-movielist.jpg) top left no-repeat; border:1px solid #292929; } #container #content .movielist_bestseries h2 { position:absolute; top:-44px; left:-7px; width:550px; height:63px; float:left; padding:15px 0 0 106px; background:url(bg-bestseries.jpg) no-repeat 0 0; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; } #container #content .movielist_bestseries .dvd { margin: 0 0 30px 0; float:left; width:232px; } #container #content .movielist_bestseries .dvd img { display: block; padding: 6px 6px 6px 5px; width:212px; height:302px; background: #2e2e2e url(bg-blocdvd.jpg) no-repeat 0 0; } #container #content .movielist_bestseries .dvd h3 { margin: 7px 0 0 3px; padding: 0 0 0 15px; background: url(ico-news-star.gif) center left no-repeat; width:197px; } #container #content .movielist_bestseries .dvd h3 a { font-weight: bold; color: #c5c2c2; text-decoration:none; } #container #content .movielist_bestseries .dvd h3 a:hover { color:#fff; } #container #content .movielist_bestseries .dvd p { margin: 0 0 0 18px; color: #696969; } #container #content .movielist_bestseries .dvd p span { color: #939393; } #container #content .movielist_bestseries .last { margin: 0 0 30px 0; } /* =========== MEDIA ***************/ #container #content #media-title { position: relative; width: 965px; height: 29px; margin: 15px 0 0 -5px; background: url(title-media.jpg) top left no-repeat; } #container #content #media-title h2 { position: absolute; top: 6px; left: 33px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; text-transform:uppercase; } #container #content .media-bloc { position: relative; width: 950px; padding: 20px 0 0px 8px; margin:60px 0 50px 0; background: #2d2d2d url(bg-medialist.jpg) repeat-x top left; border:1px solid #4c4b4b; } #container #content .media-bloc h2 { position:absolute; width:550px; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; } #container #content .bloc-videos h2 { background:url(bg-videos.jpg) no-repeat 0 0; height:63px; padding:15px 0 0 106px; top:-44px; left:-10px; } #container #content .bloc-pictures h2 { background:url(bg-pictures.jpg) no-repeat 0 0; height:50px; padding:25px 0 0 106px; top:-55px; left:-14px; } #container #content .media-bloc .all_blocs_media { clear:both; } #container #content .media-bloc .bloc-media { margin: 0 0 20px 0; float:left; width:316px; } #container #content .media-bloc .bloc-media a img { width:307px; height:224px; border:1px solid #838383; } #container #content .media-bloc .bloc-media h3 { padding:15px 0 5px 0; margin:0 0 6px 0; border-bottom:1px dotted #5e5e5e; width:309px; } #container #content .media-bloc .bloc-media h3 a { color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; } #container #content .media-bloc .bloc-media h3 a:hover { color:#c9c7c6; } #container #content .media-bloc .bloc-media p { font:11px Arial, Helvetica, sans-serif; color:#9d9d9d; padding:2px 0 2px 16px; background:url(ico-news-star.gif) no-repeat 0 3px; } #container #content .media-bloc .bloc-media p strong { font-weight:normal; color:#c9c7c7; } #container #content .media-bloc .viewall-media { margin:0 0 0 -8px; clear:both; width:958px; height:25px; background:url(bg-viewall-media.jpg) no-repeat 0 0; } #container #content .media-bloc .viewall-media a { display:block; float:right; margin-right:20px; width:105px; font:bold 12px Arial, Helvetica, sans-serif; text-align:center; color:#fff; text-decoration:none; line-height:25px } #container #content .media-bloc .viewall-media a:hover { background:url(bg-menu.gif) no-repeat center 22px; } /* =========== DVDv2 ***************/ #container #content #dvd-details { padding:23px 0 25px 16px; margin:10px auto; width:923px; background:#141414 url(bg-dvd.jpg) no-repeat 0 0; border:1px solid #323232; } #container #content #dvd-details h2 { width:923px; height:46px; background:url(bg-dvd-title2.jpg) no-repeat 0 0; font:18px Arial, Helvetica, sans-serif; color:#ffffff; } #container #content #dvd-details a { color:#9d9d9d; } #container #content .dvd-content { width:906px; border:1px solid #3d3c3c; border-top:none; background:#282727; padding:10px 0 20px; } #container #content .dvd-content .dvd-infos { width:875px; height:355px; background:#343434; border:1px solid #3e3e3e; margin:0 auto; position:relative; } #container #content .dvd-content .dvd-infos .dvd-title { width:855px; height:25px; background:#000; padding:0 0 0 20px; } #container #content .dvd-content .dvd-infos .dvd-title h3 { width:150px; float:left; font:bold 12px/25px Arial, Helvetica, sans-serif; color:#dcdcdc; } #container #content .dvd-content .dvd-infos .dvd-title h3.dvdsinfo { width:519px; } #container #content .dvd-content .dvd-infos img.dvdcover { position:absolute; top:34px; left:9px; display:block; width:212px; height:302px; padding:1px; background:url(bg-dvd-cover.jpg) no-repeat 0 0; } #container #content .dvd-content .dvd-infos .dvd-moreinfos { width:246px; height:284px; padding:20px 26px 0 26px; background:url(bg-dvd-infos.jpg) no-repeat 0 0; position:absolute; top:34px; left:231px; } #container #content .dvd-content .dvd-infos .dvd-moreinfos h4 { font:bold 16px Arial, Helvetica, sans-serif; color:#fff; padding:0 } #container #content .dvd-content .dvd-infos .dvd-moreinfos .separator { width:100%; height:1px; overflow:hidden; background:#3f3f3f; margin:12px 0 7px; } #container #content .dvd-content .dvd-infos .dvd-moreinfos p { font:11px/18px Arial, Helvetica, sans-serif; color:#9d9d9d; padding:0 0 0 16px; background:url(ico-news-star.gif) no-repeat left 3px; } #container #content .dvd-content .dvd-infos .dvd-moreinfos p strong { color:#dadada; font-weight:normal; } #container #content .dvd-content .dvd-infos .dvd-moreinfos p.floated { width:107px; float:left; } #container #content .dvd-content .dvd-infos .dvd-trailer { width:326px; height:270px; padding:4px 0 0 3px; border:1px solid #3e3d3d; background:#191919; position:absolute; top:34px; right:7px; } #container #content .dvd-content .dvd-infos a.previous-movie { position:absolute; top:312px; right:176px; padding:4px 0 0 32px; display:block; width:129px; height:20px; text-decoration:none; background:url(bg-dvd-prev.jpg) no-repeat 0 0; color:#b6b6b6; font:bold 12px Arial, Helvetica, sans-serif; } #container #content .dvd-content .dvd-infos a.next-movie { position:absolute; top:312px; right:6px; padding:4px 32px 0 0; display:block; width:129px; height:20px; text-decoration:none; text-align:right; background:url(bg-dvd-next.jpg) no-repeat 0 0; color:#b6b6b6; font:bold 12px Arial, Helvetica, sans-serif; } #container #content .dvd-content .dvd-infos a.previous-movie:hover,#container #content .dvd-content .dvd-infos a.next-movie:hover { color:#fff; } #container #content .dvd-content .dvd-scenes { padding:40px 0 0 24px; } #container #content .dvd-content .dvd-scenes h3 { width:865px; height:28px; background:url(bg-scenes-title.jpg) no-repeat left bottom; font:18px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 4px 0; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes { width:858px; height:275px; border:1px solid #3e3d3d; border-top:none; padding:0; background:#191919; position:relative; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes h4 { width:100%; height:25px; background:#000; color:#cac9c9; font:11px/25px Arial, Helvetica, sans-serif; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes h4 strong { font-size:12px; color:#fff; padding:0 0 0 7px; font-weight:normal; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes .scenes-corner { position:absolute; top:0; right:-6px; width:74px; height:28px; z-index:2; background:url(bg-scenes-corner.jpg) no-repeat 0 0; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes .scenes-preview { width:310px; position:absolute; top:11px; left:11px; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes .scenes-preview img { display:block; width:307px; height:224px; border:1px solid #838383; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes .scenes-infos { width:492px; position:absolute; top:11px; right:18px; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes .scenes-infos .scenes-moreinfos { width:446px; height:144px; padding:20px 22px 0 22px; background:url(bg-scenes-info.jpg) no-repeat 0 0; border:1px solid #343434; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes .scenes-infos .scenes-moreinfos h5 { color:#aaa; font:bold 14px/16px Arial, Helvetica, sans-serif; padding:0 0 14px 0; border-bottom:1px dotted #5e5e5e; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes .scenes-infos .scenes-moreinfos h5 strong { font-size:16px; color:#fff; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes .scenes-infos .scenes-moreinfos p { padding:0 0 0 16px; background:url(scenes-star.gif) no-repeat 0 4px; font:11px/18px Arial, Helvetica, sans-serif; color:#9d9d9d; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes .scenes-infos .scenes-moreinfos p strong { color:#cccbcb; font-weight:normal; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes .scenes-infos .scenes-moreinfos .scenes-size { padding:0 0 0 60px; height:40px; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes .scenes-infos .scenes-moreinfos .scenes-size p { width:120px; float:left; border-left:1px solid #595959; padding-left:24px; background-position:7px 4px; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes .scenes-infos .scenes-moreinfos p.long { clear:both; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes a.bt-hidef { display:block; width:113px; padding:0 0 0 45px; height:49px; background:url(bt-scenes-hi.jpg) no-repeat 0 0; position:absolute; bottom:11px; right:355px; font:bold 11px/49px Arial, Helvetica, sans-serif; color:#b6b6b6; text-decoration:none; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes a.bt-lowdef { display:block; width:126px; height:49px; padding:0 0 0 32px; background:url(bt-scenes-low.jpg) no-repeat 0 0; position:absolute; bottom:11px; right:185px; font:bold 12px/49px Arial, Helvetica, sans-serif; color:#b6b6b6; text-decoration:none; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes a.bt-watchmovie { display:block; width:124px; height:49px; padding:0 0 0 35px; background:url(bt-scenes-play.jpg) no-repeat 0 0; position:absolute; bottom:11px; right:18px; font:bold 12px/49px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes a.bt-hidef:hover,#container #content .dvd-content .dvd-scenes .bloc-dvd-scenes a.bt-lowdef:hover{ color:#fff; } #container #content .dvd-content .dvd-scenes .bloc-dvd-scenes a.bt-watchmovie:hover { color:#ddd; } #container #content #dvd-details .scenes-navig { width:908px; padding:20px 0 0; height:25px; } #container #content #dvd-details .scenes-navig a.previous-movie { float:left; font:bold 16px Arial, Helvetica, sans-serif; color:#b6b6b6; text-decoration:none; padding:0 0 0 22px; background:url(arr_prev.gif) no-repeat left 3px; } #container #content #dvd-details .scenes-navig a.next-movie { float:right; font:bold 16px Arial, Helvetica, sans-serif; color:#b6b6b6; text-decoration:none; padding:0 22px 0 0; background:url(arr_next.gif) no-repeat right 3px; } #container #content #dvd-details .scenes-navig a.previous-movie:hover,#container #content #dvd-details .scenes-navig a.next-movie:hover { color:#fff; } /* =========== DISPLAY BY SCENESv2 ***************/ #container #content .bloc_scene { width:930px; height:617px; padding:8px 0 0 9px; border:1px solid #2f2f2f; background:#191919 url(bg-blocscene.jpg) no-repeat 0 0; position:relative; margin:20px auto 50px; } #container #content .bloc_scene h3 { width:929px; height:48px; background:url(bg-blocscene-title.jpg) no-repeat 0 0; font:bold 18px Arial, Helvetica, sans-serif; color:#fff; } #container #content .bloc_scene .scene-covers { width:344px; height:240px; background:url(bg-blocscene-dvds.jpg) no-repeat 0 0; position:absolute; top:57px; left:21px; } #container #content .bloc_scene .scene-covers img { display:block; width:160px; height:229px; padding:1px; background:url(bg-cover.jpg) no-repeat 0 0; } #container #content .bloc_scene .scene-covers img.cover-front { float:left; } #container #content .bloc_scene .scene-covers img.cover-back { float:right; } #container #content .bloc_scene .scene-trailer { position:absolute; top:307px; left:20px; width:344px; height:306px; background:url(bg-scene-trailer.jpg) no-repeat 0 0; } #container #content .bloc_scene .scene-trailer h4 { color:#dcdcdc; font:bold 12px Arial, Helvetica, sans-serif; padding:8px; } #container #content .bloc_scene .scene-trailer .trailer { position: absolute; width: 368px; height: 288px; top: 34px; left: 12px; } #container #content .bloc_scene .scene-details { position:absolute; top:56px; left:363px; width:190px; height:569px; padding:0 0 0 20px; background:url(bg-scene-detail.jpg) no-repeat 0 0; } #container #content .bloc_scene .scene-details h4 { color:#dcdcdc; font:bold 12px Arial, Helvetica, sans-serif; padding:8px 0 29px 10px; } #container #content .bloc_scene .scene-details h5 { color:#c3c1c1; font:bold 12px/19px Arial, Helvetica, sans-serif; margin:0 25px 22px; height:80px; border-bottom:1px dotted #5e5e5e; } #container #content .bloc_scene .scene-details h5 strong { color:#fff; font:bold 16px Arial, Helvetica, sans-serif; } #container #content .bloc_scene .scene-details p { margin:3px 25px; padding:0 0 0 20px; background:url(ico-news-star.gif) no-repeat 0 3px; font:11px/18px Arial, Helvetica, sans-serif; color:#9d9d9d; } #container #content .bloc_scene .scene-details a { color: #9d9d9d } #container #content .bloc_scene .scene-details p strong { color:#dadada; font-weight:normal; } #container #content .bloc_scene .scene-details .scene-details-separator { background:#4f4e4e; height:1px; margin:13px 25px; overflow:hidden; } #container #content .bloc_scene .scene-preview { width:329px; height:272px; background:#2d2d2d; border:1px solid #3e3d3d; position:absolute; top:56px; right:16px; } #container #content .bloc_scene .scene-preview h4 { width:319px; height:25px; background:#000000; font:bold 12px Arial, Helvetica, sans-serif; padding:8px 0 0 10px; color:#dcdcdc; } #container #content .bloc_scene .scene-preview h4 strong { color:#ffffff; } #container #content .bloc_scene .scene-preview img { display:block; width:307px; height:224px; border:1px solid #838383; margin:6px 0 0 10px; } #container #content .bloc_scene a.sc-high { display:block; width:314px; height:58px; background:url(bt-sc-high.jpg) no-repeat 0 0; position:absolute; bottom:216px; right:25px; font:bold 16px/58px Arial, Helvetica, sans-serif; color:#b6b6b6; text-align:center; text-decoration:none } #container #content .bloc_scene a.sc-low { display:block; width:314px; height:58px; background:url(bt-sc-low.jpg) no-repeat 0 0; position:absolute; bottom:141px; right:25px; font:bold 16px/58px Arial, Helvetica, sans-serif; color:#b6b6b6; text-align:center; text-decoration:none } #container #content .bloc_scene a.sc-dl { display:block; width:314px; height:58px; background:url(bt-sc-dl.jpg) no-repeat 0 0; position:absolute; bottom:63px; right:25px; font:bold 16px/58px Arial, Helvetica, sans-serif; color:#fff; text-align:center; text-decoration:none } #container #content .bloc_scene a.sc-high:hover, #container #content .bloc_scene a.sc-low:hover { color:#fff; } #container #content .bloc_scene a.sc-dl:hover { color:#e7e7e7; } #container #content .bloc_scene .scene-dgn { width:319px; height:11px; overflow:hidden; background:url(bg-sc-dsn.jpg) no-repeat 0 0; position:absolute; bottom:25px; right:20px; } /* =========== AWARDS ***************/ #container #content #awards-title { width:949px; height:30px; background:url(awards-title.jpg) no-repeat 0 0; margin:20px 0 0 1px; } #container #content #awards-title h2 { color:#fff; font:bold 15px/30px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 30px; width:138px; float:left; } #container #content #awards-title span { color:#fff; font:bold 15px/30px Arial, Helvetica, sans-serif; width:600px; float:left; } #container #content .awards-col { width:219px; height:751px; padding:136px 0 0 10px; background:url(awards-col.jpg) no-repeat right top; float:left; } #container #content .awards-col h3 { text-transform:uppercase; font: bold 16px/36px "Times New Roman", Times, serif; text-align:center; color:#fff; margin:0 0 25px; } #container #content .awards-col p { margin:0 12px; color:#000; font:11px/15px Arial, Helvetica, sans-serif; padding:0 0 8px 22px; background:url(ic-awards-star.gif) no-repeat 3px 2px } #container #content .awards-col p.desc { padding-left:0; background:none; line-height:18px; text-align:justify; } #container #content .awards-col .separator { height:1px; overflow:hidden; border-top:1px solid #acacac; border-bottom:1px solid #acacac; width:188px; margin:10px auto 15px; } #container #content .awards-best { width:690px; height:802px; padding:14px 0 0 17px; background:url(bg-awards-best.jpg) no-repeat 0 0; border:1px solid #282828; float:left; margin:11px 0 0 12px; } #container #content .awards-best .best-dvd { width:230px; height:403px; float:left; } #container #content .awards-best .best-dvd img { display:block; width:212px; height:302px; padding:6px; background:url(bg-awards-best-dvd.jpg) no-repeat 0 0; } #container #content .awards-best .best-dvd p { padding:8px 0 0 34px; background:url(ic-awards.gif) no-repeat 0 6px; color:#696969; font:11px/16px Arial, Helvetica, sans-serif; } #container #content .awards-best .best-dvd p strong { font-weight:bold; color:#fff; } #container #content .awards-best .best-dvd p span { font-weight:bold; color:#c4c2c2; } #container #content .awards-best .best-dvd p em { font-style:normal; color:#939393; } #container #content .awards-animal { width:932px; padding:0 0 0 6px; margin:0 0 0 13px; border:1px solid #272727; border-top:none; clear:both; background:#141414 url(bg-awards-animal.jpg) no-repeat 0 0; } #container #content .awards-animal h3 { text-align:right; color:#fff; font:15px/53px Arial, Helvetica, sans-serif; height:53px; padding:0; width:920px; } #container #content .awards-animal .best-dvd { width:233px; height:403px; float:left; } #container #content .awards-animal .best-dvd img { display:block; width:212px; height:302px; padding:6px; background:url(bg-awards-best-dvd.jpg) no-repeat 0 0; } #container #content .awards-animal .best-dvd p { padding:8px 0 0 34px; background:url(ic-awards.gif) no-repeat 0 6px; color:#696969; font:11px/16px Arial, Helvetica, sans-serif; } #container #content .awards-animal .best-dvd p strong { font-weight:bold; color:#fff; } #container #content .awards-animal .best-dvd p span { font-weight:bold; color:#c4c2c2; } #container #content .awards-animal .best-dvd p em { font-style:normal; color:#939393; } /**** Awards new version ****/ #container #content #awards h2 { color:#fff; font:bold 15px/30px Arial, Helvetica, sans-serif; width:949px; height:30px; text-transform:uppercase; padding:0 0 0 30px; background:url(bg-awards-title.jpg) no-repeat 0 0; margin:20px 0 0 1px; } #container #content #awards #awards-mentions { position: relative; width: 940px; height: 231px; margin: 0 auto; background: url(bg-awards-mentions.jpg) top left no-repeat; } #container #content #awards #awards-mentions ul { width: 420px; margin: 0 0 0 200px; padding: 45px 0 0 0; } #container #content #awards #awards-mentions ul li { float: left; width: 195px; margin: 0 0 8px 0; line-height: 15px; } #container #content #awards #awards-mentions ul .star { background-position: 0 4px; font-weight: normal; color: #939393; } #container #content #awards #awards-mentions ul .star strong { display: block; color: #cacaca; } #container #content #awards #awards-mentions h3 { position: absolute; top: 45px; left: 695px; color:#fff; font: bold 15px Arial, Helvetica, sans-serif; } #container #content #awards #awards-mentions p { position: absolute; width: 215px; top: 88px; left: 695px; line-height: 18px; } #container #content #awards #awards-movies { position: relative; width: 940px; height: 792px; margin: 0 auto; padding: 13px 0 0 0; background: url(bg-awards-movies.jpg) top left no-repeat; } #container #content #awards #awards-movies .button { position: absolute; display: block; width: 145px; height: 16px; bottom: 7px; right: 5px; padding: 0 20px 0 0; background: url(bg-button.gif) top right no-repeat; text-align: right; color: #fff; font: bold 12px/12px Arial, Helvetica, sans-serif; text-decoration: none; z-index: 20; } #container #content #awards #awards-movies .button:hover { background-position: bottom right; } #container #content #awards #awards-movies #text { position: absolute; width: 150px; top: 450px; left: 495px; font: bold 17px/22px Arial, Helvetica, sans-serif; color: #ff0101; text-transform: uppercase; text-decoration: none!important; } #container #content #awards #awards-movies #text strong { display: block; color: #fff; font-size: 33px; line-height: 28px; } #container #content #awards .best-dvd { position: relative; width: 218px; float: left; display: inline; margin: 0 3px 35px 10px; } #container #content #awards .best-dvd strong { color: #fff; } #container #content #awards .best-dvd span { font-weight: bold; color: #c4c2c2; } #container #content #awards .best-dvd img { border: 1px solid #000; padding: 3px; background: #ea6104; } #container #content #awards .best-dvd p { width: 175px; padding: 3px 0 0 35px; background: url(ico-trophy.png) top left no-repeat; behavior: url(http://www.roccosiffredi.fr/images/iepngfix.htc); } #container #content #awards #awards-animal { width: 938px; padding: 10px 0 0 0; margin: 0 auto; background: #141414 url(bg-awards-simple.jpg) top left no-repeat; } /* =========== FILMOGRAPHY ***************/ #container #content #filmography-title { width:953px; height:62px; background:url(filmography-title.jpg) no-repeat 0 0; margin:20px 0 0 1px; position:relative; } #container #content #filmography-title h2 { color:#fff; font:bold 15px/30px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:13px 0 0 35px; width:138px; float:left; } #container #content #filmography-title .navbar { position:absolute; top:45px; left:93px; width:760px; } #container #content .filmography { margin:30px 0 0 0; width:911px; padding:42px 0 30px 28px; background:#101010 url(filmography-bg.jpg) no-repeat 0 0; border:1px solid #2b2b2b; } #container #content .filmography ul li { padding:0 0 15px 17px; background:url(ico-news-star.gif) no-repeat 0 3px; color:#939393; font:11px/18px Arial, Helvetica, sans-serif; width:420px; float:left; } #container #content .filmography ul li strong { color:#c4c2c2; font-weight:normal; } #container #content .filmography-pages { margin:40px 0 20px 3px; width:905px; height:71px; padding:5px 0 0 30px; background:url(filmography-pages.jpg) no-repeat 0 0;; } #container #content .filmography-pages strong { margin:0; padding:0; } #container #content .filmography-pages .navbar { width:880px; } /********* SURVEY *********/ .answer-holder { position: relative; float: left; width: 300px; background: url(bg-dotted.gif) 0 11px repeat-x; margin-left: 20px; margin-bottom: 5px; } .answer-holder p { background: #2d2d2d; width: auto; display: inline; } .answer-stats { position: relative; float: left; height: 15px; border: 1px solid #000; margin-bottom: 5px; line-height: 15px; color: #000; text-align: center; font-weight: bold; } .survey-color1 { background: #ccc; } .survey-color2 { background: #bbb; } .survey-color3 { background: #eee; } .survey-color4 { background: #666; } .survey-color5 { background: #999; } /*** Clothing Line ***/ #clothing-line { position: relative; width: 900px; height: 238px; margin: 20px 0 0 35px; padding: 40px 0 0 226px; background: url(bg-clothing-line.jpg) 0 0 no-repeat; } #clothing-line h4 { font: 18px "Times New Roman", Times, serif; text-transform: uppercase; color: #fff; margin: 0 0 4px; } #clothing-line h4 strong { font-size: 24px; font-weight: normal; } #clothing-line p { font: 14px/21px Arial, Helvetica, sans-serif; color: #878787; } #clothing-line a { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } #clothing-line a strong { display: none; }