/** District Montreal - Balade Audio Créé : 2010-03-31 par : @jpthibault Dernière modif : Coueleurs principales : *****/ body {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;} /******* Structure *******/ .content {width:830px;margin:0 auto;} .master1 {margin: 3px 0 0 0;} .master1 .col-1 {width:360px;padding:0 14px 0 0;float:left;} .master1 .col-2 {width:456px;_margin:0 0 0 -2px;float:left;} /******* Utiles *******/ .block {display:block;} .hide {display:none;} .clear {clear:both;} .up {text-transform:uppercase;} .left {float:left;} /******* Menu First *******/ #menu-first {padding:0;} #menu-first li {margin:0 1px 0 0;display:block;float:left;height:32px;position:relative;z-index:9999;list-style:none;} #menu-first a {height:32px;display:block;text-align:center;text-decoration:none;} #menu-first a:hover {text-decoration:underline;} #menu-first .size1 {width:180px;} #menu-first .size3 {width:384px!important;} #menu-first .size4 {width:414px;margin:0;text-align:left;} #menu-first .size4 ul {height:32px;} #current-ballad {padding:0 0 0 38px;} #menu-first a.size2 {width:54px;} #menu-first #pending {width:180px;margin:0 469px 2px 0;display:block;} #menu-first li ul li {opacity:0.90;/*filter:alpha(opacity=90);*/} #menu-first #downloadBalad a {padding:10px 0 0;height:22px;} #topmenu {;padding:0;text-align:center;margin:0;} #topmenu li {height:22px;padding:10px 0 0;float:none;} #topmenu li ul {margin:0;padding:0;top:32px!important;left:0!important;z-index:9999;text-align:left;} #topmenu li ul li {padding:6px 0 6px 15px;height:auto;} #topmenu li ul li a {height:32px;display:inline;text-decoration:none;} #topmenu li ul li a:hover {text-decoration:none;} /***** Skin Soroya ******/ .soroya {color:#262325;} .soroya a {color:#262325;} .soroya a:hover {color:#666;} .soroya #current-ballad {background:url(../img/soroya-arrow.gif) 15px 0 no-repeat;} .soroya #downloadmenu , .soroya #topmenu {background-color:#CCCCCC;} .soroya #downloadmenu li, .soroya #topmenu li {background-color:#CCCCCC;} .soroya #menu-first #downloadBalad li a {background:url(../img/soroya-arrow.gif) 0 10px no-repeat;} .soroya #menu-first #downloadBalad #downloadmenu li ul a {background:url(../img/soraya-headphone.gif) 0 10px no-repeat;} .soroya #menu-first #downloadBalad #downloadmenu li a:hover {color:#FFF;} .soroya #topmenu li ul li a:hover {color:#FFF;} .soroya #menu-first #pending {background:url(../img/btn-richard.gif) no-repeat top;} .soroya #menu-first #pending:hover {background:url(../img/btn-richard.gif) no-repeat bottom;} .soroya #menu-first .current #pending {background:url(../img/btn-richard.gif) no-repeat bottom;} .soroya #menu-first .current #active:hover, .soroya #menu-first #active {background:url(../img/btn-soroya.gif) no-repeat top;} .soroya #menu-first #active:hover {background:url(../img/btn-soroya.gif) no-repeat bottom;} .soroya #menu-first .current #active {background:url(../img/btn-soroya.gif) no-repeat bottom;} .soroya #menu-first #biographie {background:url(../img/btn-bio.gif) no-repeat top;} .soroya #menu-first #biographie:hover {background:url(../img/btn-bio.gif) no-repeat bottom;} .soroya #menu-first .current #biographie {background:url(../img/btn-bio.gif) no-repeat bottom;} .soroya #menu-first #pickBalad, .soroya #menu-first #downloadBalad {background-color:#cccccc;} .soroya #menu-first #downloadBalad a {background:url(../img/icon-downloadBalad-soraya.gif) no-repeat 380px 11px;} .soroya h2.type1 {background:url(../img/bg-title-black.gif) no-repeat;color:#FFF;} .soroya h2.type2 {background:url(../img/bg-title-grey.gif) no-repeat;color:#000;} .soroya .col-1 h2.type2 {width:360px;background:url(../img/bg-title-grey-col-1.jpg) no-repeat;color:#000;letter-spacing:-1px;} .soroya #commWrite {background:url(../img/icon-write-comm-soraya.gif) no-repeat;} .soroya #commList {background:url(../img/icon-read-comm-soraya.gif) no-repeat;} .soroya .topPage a {background-image:url(../img/icon-top-page-soraya.gif);} .soroya .post,.soroya li.reply {border-bottom:1px solid #000;} .soroya #comments_listing .date {color:#454545;} .soroya .p1 {top:144px;left:-1px;} .soroya .p2 {top:134px;left:24px;} .soroya .p3 {top:108px;left:37px;} .soroya .p4 {top:17px;left:45px;} .soroya .p5 {top:11px;left:98px;} .soroya .p6 {top:65px;left:132px;} .soroya .p7 {top:41px;left:215px;} .soroya .p8 {top:35px;left:241px;} .soroya .p9 {top:20px;left:266px;} .soroya .p10 {top:68px;left:260px;} .soroya .p11 {top:114px;left:230px;} .soroya .p12 {top:113px;left:211px;} /***** Skin Richard ******/ .richard {color:#666;background:#000;} .richard a {color:#666;} .richard a:hover {color:#262325;} .richard #current-ballad {background:url(../img/richard-arrow.gif) 15px 0 no-repeat;} .richard #downloadmenu , .richard #topmenu {background-color:#323232;color:#999;} .richard #menu-first #downloadBalad li a {background:url(../img/richard-arrow.gif) 0 10px no-repeat;} .richard #menu-first #downloadBalad #downloadmenu li ul a {background:url(../img/headphone-richard.gif) 0 10px no-repeat;} .richard #menu-first #downloadBalad #downloadmenu li a:hover {color:#FFF;} .richard #topmenu li {background-color:#323232;} .richard #topmenu li ul li a:hover {color:#FFF;} .richard #menu-first a {color:#999;} .richard #menu-first #pending {background:url(../img/btn-soroya-richard.gif) no-repeat top;} .richard #menu-first #pending:hover {background:url(../img/btn-soroya-richard.gif) no-repeat bottom;} .richard #menu-first .current #pending {background:url(../img/btn-soroya-richard.gif) no-repeat bottom;} .richard #menu-first #active {background:url(../img/btn-richard-richard.gif) no-repeat bottom;} .richard #menu-first #active:hover {background:url(../img/btn-richard-richard.gif) no-repeat top;} .richard #menu-first .current #active {background:url(../img/btn-richard-richard.gif) no-repeat top;} .richard #menu-first #biographie {background:url(../img/btn-bio-richard.gif) no-repeat top;} .richard #menu-first #biographie:hover {background:url(../img/btn-bio-richard.gif) no-repeat bottom;} .richard #menu-first .current #biographie {background:url(../img/btn-bio-richard.gif) no-repeat bottom;} .richard #menu-first #pickBalad, .richard #menu-first #downloadBalad {background-color:#323232;} .richard #menu-first #downloadBalad a {background:url(../img/icon-read-comm-richard.gif) no-repeat 380px 11px;} .richard h2.type1 {background:url(../img/bg-title-black2.gif) no-repeat;color:#FFF;} .richard h2.type2 {background:url(../img/bg-title-grey2.gif) no-repeat;color:#000;} .richard .col-1 h2.type2 {background:url(../img/bg-title-grey-col-1-r.gif) no-repeat;color:#000;letter-spacing:-1px;} .richard #commWrite {background:url(../img/icon-write-comm-richard.gif) no-repeat;} .richard #commList {background:url(../img/icon-read-comm-richard.gif) no-repeat;} .richard .topPage a {background-image:url(../img/icon-top-page-richard.gif);} .richard .p1 {top:18px;left:37px;} .richard .p2 {top:25px;left:61px;} .richard .p3 {top:2px;left:80px;} .richard .p4 {top:25px;left:103px;} .richard .p5 {top:106px;left:136px;} .richard .p6 {top:150px;left:109px;} .richard .p7 {top:190px;left:131px;} .richard .p8 {top:192px;left:153px;} .richard .p9 {top:229px;left:154px;} .richard .p10 {top:250px;left:140px;} .richard .p11 {top:312px;left:83px;} .richard .p12 {top:381px;left:25px;} #chooseBallad-r {padding:0 0 28px;background:#323232;} #chooseBallad-r .col-1 {width:541px;float:left;border-bottom:1px solid #fff;} #chooseBallad-r ul {margin:0;padding:0;} #chooseBallad-r li {display:block;float:left;} #chooseBallad-r .single {float:left;border-top:1px solid #fff;border-right:1px solid #fff;position:relative;text-decoration:none;} #chooseBallad-r .single span {display:none;} #chooseBallad-r .single img {border:0;} #chooseBallad-r .single:hover span{display:block;} #chooseBallad-r .single .txt {width:180px;text-align:center;position:absolute;top:80px;left:0;z-index:2;color:#FFF;} #chooseBallad-r .single .top {width:180px;height:4px;position:absolute;left:0px;top:0px;background-color:#000;} #chooseBallad-r .single .left {width:4px;height:72px;position:absolute;left:0;top:4px;background-color:#000;} #chooseBallad-r .single .right {width:4px;height:72px;position:absolute;left:176px;top:4px;background-color:#000;} #chooseBallad-r .single .bottom {width:180px;height:24px;position:absolute;left:0;top:76px;z-index:1;background-color:#000;} #chooseBallad-r .col-2 {width:289px;float:left;border-bottom:1px solid #fff;border-top:1px solid #fff;} /***** Content ******/ .player {margin:0 0 28px;height:auto!important;position:relative;z-index:1;} #chooseBallad {padding:0 0 28px;background:#e6e6e6;height:1%;} #chooseBallad .col-1 {width:541px;float:left;border-bottom:1px solid #fff;} #chooseBallad ul {margin:0;padding:0;} #chooseBallad li {display:block;float:left;position:relative;} #chooseBallad .single {float:left;border-top:1px solid #fff;border-right:1px solid #fff;position:relative;text-decoration:none;display:block;} #chooseBallad .single span {display:none;} #chooseBallad .single img {border:0;display:block;} #chooseBallad .single:hover span{display:block;} #chooseBallad .single .txt {width:179px;padding:3px 0;text-align:center;position:absolute;top:80px;left:0;z-index:2;color:#FFF;background-color:#000;} #chooseBallad .single .top {width:179px;height:4px;position:absolute;left:0px;top:0px;background-color:#000;} #chooseBallad .single .left {width:4px;height:95px;position:absolute;left:0;top:4px;background-color:#000;} #chooseBallad .single .right {width:4px;height:95px;position:absolute;right:0;top:4px;background-color:#000;} /*#chooseBallad .single .bottom {width:179px;height:24px;position:absolute;left:0;bottom:0;z-index:1;background-color:#000;}*/ #chooseBallad .single span {opacity:0.85;filter:alpha(opacity=85);} #chooseBallad .col-2 {width:289px;float:left;border-bottom:1px solid #fff;border-top:1px solid #fff;position:relative;} #chooseBallad .col-2 img {display:block;} #chooseBallad .col-2 #pastille {width:18px;height:18px;display:block;position:absolute;background:url(../img/pastille.png);} #chooseBallad .col-2 .nopastille {display:none!important;} #bio {padding: 0 0 28px;} #bio .col-1 {width:416px;height:430px;margin:0;padding:0;display:block;float:left;background-color:#262325;} #bio .col-2 {width:413px;height:430px;margin:0 0 0 1px;padding:0;display:block;float:left;background:url(../img/back_bio.jpg) no-repeat;} #bio .k3txt p {font-family:Helvetica;font-size:14px;padding:0 10px 0 0;margin:10px 10px 0 10px;color:#cccccc;font-weight:normal;} .richard #bio {padding: 0 0 28px;} .richard #bio .col-1 {width:416px;height:430px;margin:0;padding:0;display:block;float:left;background-color:#e6e6e6;} .richard #bio .col-2 {width:413px;height:430px;margin:0 0 0 1px;padding:0;display:block;float:left;background:url(../img/back-bio-r.jpg) no-repeat;} .richard #bio .k3txt p {font-family:Helvetica;font-size:14px;padding:0;margin:10px 10px 0 10px;color:#262325;} .alert {padding:5px 0 5px;text-align:center;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;font-weight:bold;} .credit {margin:40px 0 10px;font-size:11px;} .topPage {margin:55px 0;font-size:11px;text-align:center;} .topPage a {padding:0 12px 0 0;text-decoration:none;background-repeat:no-repeat;background-position:right center;} h2 {height:26px;margin:0;padding:6px 0 0 10px;font-size:18px;} ul.listing {margin:0 0 26px;;padding:0;} ul.listing li {height:31px;display:block;background:url(../img/bg-listing.gif) 0 -34px;list-style:none;} ul.listing li.row2 {background:url(../img/bg-listing.gif) 0 0;} ul.listing li a {height:23px;padding:8px 0 0 37px;display:block;} ul.listing-r {margin:0 0 26px;;padding:0;} ul.listing-r li {height:31px;display:block;background:url(../img/bg-listing2.gif) 0 -34px;list-style:none;} ul.listing-r li.row2 {background:url(../img/bg-listing2.gif) 0 0;} ul.listing-r li a {height:23px;padding:8px 0 0 37px;display:block;} ul.links {margin:12px 0;padding:0;} ul.links li {margin:0 0 15px 1px;display:block;list-style:none;} ul.links li a {padding:0 0 0 22px;} /***** Google Map ******/ .soroya #gmap {padding:9px;border:1px solid #d7d7d7;position:relative;float:left;} .soroya #gmap .inner {width:339px;border:1px solid #d7d7d7;border-width:0 1px;} .soroya #gmap .top {width:361px;height:16px;display:block;position:absolute;top:-1px;left:-1px;background:url(../img/gmap-top.png);} .soroya #gmap .bottom {width:362px;height:17px;display:block;position:absolute;bottom:-1px;left:-2px;background:url(../img/gmap-bottom.png) left;} #gmap .inner {height:405px;} #gmap small {margin:0 1px;padding:0 0 1px;display:block;background:#fff;text-align:center;} #gmap small a {color:#000!important;} .richard #gmap {margin:1px 0 0 1px;padding:9px 0 0 9px;position:relative;float:left;} .richard #gmap .inner {width:339px;margin-left:-10px;border-left:11px solid #323232;border-right:11px solid #323232;} .richard #gmap .top {width:361px;height:16px;display:block;position:absolute;top:-1px;left:-1px;background:url(../img/border-top-r.png);} .richard #gmap .bottom {width:360px;height:17px;display:block;position:absolute;bottom:-1px;left:-1px;background:url(../img/border-bottom-r.png) left;} /************ Commentaire ************/ #comments_listing {padding:0;} #comments_listing li {padding:0 0 2px;position:relative;display:block;list-style:none;} #comments_listing .post {margin:0 0 10px;} #comments_listing li.reply {margin:0 0 10px 30px;} #comments_listing span {display:block;} #comments_listing .pseudo {margin:0 0 4px;} #comments_listing .date {position:absolute;bottom:1px;right:0;font-size:0.9em;} /************ Splash ************/ #soraya {width:402px;height:95px;margin:0 10px 0 0;padding:335px 0 0 8px;;float:left;background:url(../img/splash-fr.gif);color:#fff;text-decoration:none;} .fr_fr #soraya {background:url(../img/splash-fr.gif);} .en_us #soraya {background:url(../img/splash-en.gif);} #soraya:hover {background-position:0 430px;} #richard {width:402px;height:95px;padding:335px 0 0 8px;float:left;color:#fff;text-decoration:none;} .fr_fr #richard {background:url(../img/splash-fr.gif) 410px 0;} .en_us #richard {background:url(../img/splash-en.gif) 410px 0;} #richard:hover {background-position:410px 430px;} /**** Download ****/ /* */ #menu-first #downloadBalad {height:32px;margin:0;} #downloadBalad ul{margin:0;padding:0;width:180px;_width:178px;height:32px;} #downloadBalad a {text-align:left;} #downloadBalad #downloadmenu li ul li a {float:none;} #downloadmenu {} #downloadmenu li{height:32px;margin:0 40px 0;float:none;text-align:right;background:#323232;list-style-type:none;} #downloadBalad #downloadmenu li a {float:right;padding:10px 0 0 17px;text-align:left!important;} ul#downloadOptions {width:180px!important;margin:0;padding:0;position:absolute!important;top:33px!important;right:-39px!important;left:auto!important} ul#downloadOptions li {height:auto;margin:0;padding:1px 5px;list-style-type:none;} ul#downloadOptions li span {display:block;color:#fff;margin:4px 0 0;text-align:left;} ul#downloadOptions li a {margin-top:-4px;height:auto;display:block;text-decoration:underline;}