/******** GENERAL ELEMENTS *********/
body   { background-color: #101420; background-image: url(../pictures/background.png); background-repeat: repeat; margin: 0; padding: 0 }
a, a:link, a:hover, a:active, a:focus, a:visited, input, input:focus, textarea, textarea:focus, select, select:focus { outline: none medium }
a img { border: 0 transparent }
a.pdf  { margin-top: 10px; opacity: 0.7; -khtml-opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); }
.center { text-align: center }
.title  { font-size: 16px }
.clear { clear: both }
.hidden { display: none }
.rounded  { border: 1px transparent; -moz-border-radius: 999px; -webkit-border-radius: 999px ; border-radius: 999px }
.lessrounded { border: 1px transparent; -moz-border-radius: 15px; -webkit-border-radius: 15px ; border-radius: 15px }
.box   { background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.3); cursor: default; padding: 17px 45px }
.tinybox   { font-size: 22px; font-weight: normal; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.3); text-align: center; cursor: pointer; margin-right: 13px; margin-bottom: 12px; width: 220px; height: 90px; float: left }
.tinybox a, .tinybox a:link, .tinybox a:visited, .tinybox a:active, .tinybox a:hover   { color: #fff; text-decoration: none; display: block; padding-top: 35px; width: 220px; height: 58px }
.tinybox em { font-size: 23px; font-style: italic; font-weight: bold }
.tinybox.title { font-size: 27px; font-style: italic; font-weight: normal; text-align: right; cursor: default; padding-top: 35px; padding-right: 35px; width: 185px; height: 55px }
.tinybox.title span { font-style: normal; font-weight: normal }
.tinybox#alexandrebillardlink, .tinybox#alexandrebillardlink em { font-size: 20px; line-height: 22px }
.tinybox#alexandrebillardlink a { padding-top: 24px }
.big   { font-size: 18px; line-height: 30px; padding-top: 25px; padding-bottom: 145px }
.tiny  { background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.25); margin-bottom: 20px; margin-left: 0; padding: 20px; width: 280px }
.little { font-size: 14px }
.small  { color: #c6c6c6; font-size: 12px; font-weight: normal; line-height: 30px; padding-top: 20px; text-shadow: rgb(0,0,0) 0px 1px 0px }
.small a, .small a:link, .small a:active, .small a:visited { color: #c6c6c6; text-decoration: none }
.small a:hover { text-decoration: underline }
.big strong { font-size: 19px; font-weight: normal }
.big a, .big a:link, .big a:visited, .big a:active { color: #fff; text-decoration: none }
.big a:hover { text-decoration: underline }
.grey { background-image: -moz-linear-gradient(top, #cfcfcf, #bababa); background-image: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#bababa)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cfcfcf,endColorstr=#bababa); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cfcfcf,endColorstr=#bababa)"; }
.left { float: left }
.right { float: right }
.leftbox { text-align: right; padding-right: 15px; width: 305px; float: left; clear: left; border-right: 1px solid #746f97 }
.rightbox { text-align: left; padding-left: 15px; width: 305px; float: left; clear: right; border-left: 1px solid #746f97 }
.leftcontent  { width: 340px; float: left }
.rightcontent    { width: 312px; float: left }
.rightcontent h1 { font-size: 18px; margin-top: 18px; margin-bottom: 25px }
.white { color: #fff }
.black { background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); }
p.error { color: #ca0000; text-align: left; font-size: 12px }
h1     { color: #c4baff; font-weight: normal; text-decoration: none }
h1 a, h1.rounded a:link, h1.rounded a:visited { color: #fff; text-decoration: none }
h1 a:hover   { text-decoration: none; border-bottom: 2px solid #cecece }
div.button   { margin: 0 auto; padding: 12px 20px; width: 120px; height: 25px }
div.button a { background-image: url(../pictures/socialicons.png); background-repeat: no-repeat; background-position: left center; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 24px; height: 24px; float: left }
div.button a.myspace { background-position: -24px center }
div.button a.twitter { background-position: -48px center }
div.button a.facebook { background-position: -72px center }
div.button a.vkontakte { background-position: -93px center }
/********* MAIN PAGES *********/
div#page   { background-image: url(../pictures/main.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto }
div.pad    { padding-top: 110px; position: absolute; top: 0; right: 100px; bottom: 0; left: 100px }
div.content      { color: #fff; font-size: 12px; font-family: Arial; line-height: 17px; text-align: justify; margin: 0 auto; padding: 25px; position: relative; width: 650px; text-shadow: rgb(0,0,0) 0px 1px 0px   }
div.content a.link, div.content a.link:link, div.content a.link:visited, div.content a.link:active { color: #fff; text-decoration: none }
div.content a.link:hover { text-decoration: underline }
div#error404 div.content { top: 100px }
div#home div.content    { top: 45px; width: 655px }
div#artists div.content { top: 30px }
/******* NAVIGATION MENU ******/
ul#menu { background-image: url(../pictures/logo.png); background-repeat: no-repeat; background-position: 20px 24px; margin: 0; padding: 100px 0 0 30px; width: 357px; float: left }
ul#menu li { list-style-type: none; list-style-position: inside }
ul#menu li a, ul#menu li a:visited   { color: #438daf; font-size: 10px; font-family: Arial; text-decoration: none; display: block; margin: 0; padding: 3px 10px 3px 0 }
ul#menu li a.current { color: #fff }
ul#menu:hover li a.current { color: #438daf }
ul#menu li a:hover, ul#menu li a.current:hover { color: #fff }
ul#lang   { background-color: #252831; text-align: left; margin: 30px 25px 0 0; padding: 0; width: 92px; height: 40px; float: right; border: solid 1px #252831; border-radius: 22px; -moz-border-radius: 22px }
ul#lang li { list-style-type: none; list-style-position: inside }
ul#lang li a   { color: #161b2e; font-size: 8px; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: left; text-indent: 9999px; cursor: pointer; display: block; margin: 0; padding: 0; width: 46px; height: 39px; float: left }
ul#lang li a#en  { background-image: url(../pictures/en.gif); background-position: 24px center }
ul#lang li a#fr  { background-image: url(../pictures/fr.gif); background-position: 7px center }
ul#lang li a#fr:hover  { background-position: 7px 12px }
ul#lang li a#en:hover  { background-position: 24px 12px }
ul#lang li a.selected  { cursor: default; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
ul#lang li a#fr.selected:hover { background-position: 7px center }
ul#lang li a#en.selected:hover { background-position: 24px center }
ul#lang li a#fr.selected span  { display: block; position: relative; top: 13px; left: 6px; width: 16px; height: 11px; border: solid 1px #61646d }
ul#lang li a#en.selected span { display: block; position: relative; top: 13px; left: 23px; width: 16px; height: 11px; border: solid 1px #61646d }
/****** ARTISTS PAGE/SUBPAGES ******/
div#artists div.content a#showlink,div#artists div.content a#djlink    { color: #fff; font-size: 28px; font-family: Arial; font-weight: bold; text-decoration: none; background-image: url(../pictures/dj_show.png); background-repeat: no-repeat; background-position: right top; text-align: center; display: block; margin: 0 0 0 55px; padding: 29px 3px 0 0; width: 241px; height: 55px; float: left; text-shadow: rgb(0,0,0) 0px 1px 0px; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
div#artists div.content a#showlink:hover, div#artists div.content a#djlink:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
div#artists div.content a#djlink   { background-position: left top; margin-left: 60px; padding-right: 0 }
div#artists div.content div#dj_desc,div#artists div.content div#show_desc,div#artists div#littlefrenchies_desc,div#artists div#madinthai_desc,div#artists div#garycktomlemann_desc, div#artists div#onenightinibiza_desc    { color: #cecece; background-image: url(../pictures/title.png); background-repeat: no-repeat; background-position: center top; text-align: center; cursor: default; display: block; margin-left: 15px; padding-top: 23px; padding-right: 5px; padding-left: 5px; width: 302px; height: 40px; float: left }
div#artists div.content div#dj_desc { margin-left: 0 }
div#artists div.content div#dj_show  { padding-top: 100px }
div#artists div.content div#show    { padding-top: 100px; position: relative }
div#artists div.content div#show div.back { position: absolute; top: 100px; right: 0 }
div#artists div.content div#dj   { padding-top: 30px; position: relative; top: 30px; width: 700px }
div#artists div#showbutton   { color: #fff; font-size: 28px; font-style: italic; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.3); text-align: right; cursor: default; padding-top: 38px; padding-right: 20px; width: 200px; height: 52px; float: left }
div#artists div#showbutton span { font-style: normal; font-weight: normal; width: 170px; height: 90px }
div#artists div#madinthaibutton  { background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.3); background-image: url(../pictures/madinthai.png); background-repeat: no-repeat; background-position: center; width: 170px; height: 90px; float: left }
div#artists div#littlefrenchiesbutton  { background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.3); background-image: url(../pictures/littlefrenchies.png); background-repeat: no-repeat; background-position: center; margin-right: 20px; margin-left: 20px; width: 170px; height: 90px; float: left }
div#artists div#garycktomlemannbutton   { background-color: rgba(0,0,0,0.3); background-image: url(../pictures/garycktomlemann.png); background-repeat: no-repeat; background-position: center; margin-top: 20px; margin-right: 0; margin-left: 240px; width: 170px; height: 90px; float: left }
div#artists div#onenightinibizabutton   { text-align: center; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.3); background-repeat: no-repeat; background-position: center; margin-top: 20px; margin-right: 20px; margin-left: 20px; width: 170px; height: 90px; float: left }
div#artists a#onenightinibizalink  { color: white; font-size: 20px; text-decoration: none; text-align: center; text-indent: 0; padding-top: 32px; text-shadow: black 0px 1px 0px }
div#artists div#littlefrenchiesbutton:hover, div#artists div#madinthaibutton:hover, div#artists div#garycktomlemannbutton:hover, div#onenightinibizabutton:hover  { background-color: rgba(0,0,0,0.5) }
div#artists div#littlefrenchies_desc   { background-image: url(../pictures/nowplaying.png); background-repeat: no-repeat; background-position: center top; padding-top: 6px; padding-bottom: 20px; position: absolute; top: 50px; left: 160px }
div#artists div#madinthai_desc    { background-image: url(../pictures/nowplaying.png); background-repeat: no-repeat; background-position: center top; padding-top: 6px; padding-bottom: 20px; position: absolute; top: 1px; left: 345px }
div#artists div#garycktomlemann_desc   { background-position: 0 0; position: absolute; top: 341px; left: 160px; padding-top: 31px }
div#artists div#onenightinibiza_desc   { background-position: 0 0; position: absolute; top: 290px; left: 345px; padding-top: 24px }
div#artists div#onenightinibiza_desc a { color: white; text-decoration: none;  }
div#artists div#onenightinibiza_desc a:hover { text-decoration: underline }
div#artists div#garycktomlemann div.name { line-height: 35px; padding-top: 18px; padding-bottom: 20px }
div#artists div.link a, div#artists div.link a:link, div#artists div.link a:visited { color: #161b31; text-align: left; text-indent: -9999px; display: block; width: 170px; height: 90px }
div#artists div.tinybox#lucasreyeslink:hover, div#artists div.tinybox#djnakatalink:hover, div#artists div.tinybox#rudyceccalink:hover, div#artists div.tinybox#tonyromeralink:hover, div#artists div.tinybox#djralphlink:hover, div#artists div.tinybox#alexandrebillardlink:hover, div#artists div.tinybox#addklink:hover { background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5); }
div#artists div.artist    { margin-left: -45px; padding-top: 20px; position: relative; width: 750px; height: 200px; text-shadow: rgb(0,0,0) 1px 1px 0px     }
div#artists div.artist div.description   { padding-right: 14px; width: 325px; float: left }
div#artists div.artist div.name  { font-size: 35px; font-weight: bold; background-image: url(../pictures/artistname.png); background-repeat: no-repeat; background-position: left top; text-align: center; cursor: default; padding-top: 43px; width: 333px; height: 80px }
div#artists div.artist div.name.img { padding-top: 3px; height: 120px }
div#artists div.artist div.name em { font-weight: normal }
div#artists div.artist div.name div.littlefrenchies { background-image: url(../pictures/littlefrenchies.png); background-repeat: no-repeat; background-position: center; width: 325px; height: 100px }
div#artists div.artist div.name div.madinthai { background-image: url(../pictures/madinthai.png); background-repeat: no-repeat; background-position: center; width: 325px; height: 100px }
div#artists div.artist div.name div.addk { background-image: url(../pictures/addk.png); background-repeat: no-repeat; background-position: center; width: 325px; height: 100px }
div#artists div.artist div.sound  { font-weight: bold; margin-bottom: 15px }
div#artists div.artist div.sound div  { background-image: url(../pictures/player.png); background-repeat: no-repeat; background-position: 0 center; cursor: pointer; margin-left: 12px; position: relative; bottom: 6px; width: 53px; height: 28px; float: right }
div#artists div.artist div.sound div.play.paused { background-position: -53px center }
div#artists div.artist div.sound div.next { background-position: -106px center }
div#artists div.artist div.sound div.info  { background-position: -159px center; width: 56px }
div#artists div.artist div.sound div.nowplaying   { color: #fff; background-image: url(../pictures/nowplaying.png); background-repeat: no-repeat; background-position: center bottom; text-align: center; cursor: default; display: none; margin-left: 15px; padding-top: 5px; padding-right: 5px; padding-left: 5px; position: absolute; z-index: 9999; top: 90px; left: 126px; width: 302px; height: 40px }
div#artists div.artist div.video  { background-image: url(../pictures/loading.png); background-repeat: no-repeat; background-position: left top; z-index: 9998 }
div#artists div.artist div.picture { width: 405px; float: left }
div#artists div.artist div.picture div.img { background-repeat: no-repeat; background-position: center; width: 405px; height: 227px }
div#artists div#lucasreyes div.artist div.picture div.img { background-image: url(../pictures/lucasreyes.jpg) }
div#artists div#djnakata div.artist div.picture div.img { background-image: url(../pictures/djnakata.jpg) }
div#artists div#tonyromera div.artist div.picture div.img { background-image: url(../pictures/tonyromera.jpg) }
div#artists div#rudycecca div.artist div.picture div.img { background-image: url(../pictures/rudycecca.jpg) }
div#artists div#djralph div.artist div.picture div.img { background-image: url(../pictures/djralph.jpg) }
div#artists div#alexandrebillard div.artist div.picture div.img { background-image: url(../pictures/alexandrebillard.jpg) }
div#artists div#alexandrebillard div.name { font-size: 32px; line-height: 32px; padding-top: 23px; padding-bottom: 15px }
div#artists div.artist div.social  { padding-top: 20px; padding-right: 10px }
div#artists div.artist div.social a, div#artists div.artist div.social a:link, div#artists div.artist div.social a:visited, div#artists div.artist div.social a:active    { color: #fff; text-decoration: none; display: block; padding-top: 5px; padding-left: 15px; float: right }
div#artists div.artist div.social a span   { background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); background-image: url(../pictures/socialicons.png); background-repeat: no-repeat; background-position: -117px center; text-indent: -9999px; display: block; margin-right: 10px; position: relative; bottom: 5px; width: 60px; height: 30px; float: left }
div#artists div.artist div.social a span.myspace  { background-position: -157px center }
div#artists div.artist div.social a span.facebook { background-position: -196px center }
div#artists div.back { text-align: center; cursor: pointer; padding-left: 15px; position: absolute; top: 0; right: 0; width: 25px; height: 10px }
div#artists div.back a, div#artists div.artist div.back a:link, div#artists div.artist div.back a:visited, div#artists div.artist div.back a:active { color: #ffffff; text-decoration: none; opacity: 0.6; -khtml-opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); }
div#artists div.back a:hover { opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
/*********** CONTACT PAGE ***********/
div#contact div.content div#infos  { padding-top: 60px }
div#contact div.content div#booking { padding-top: 40px }
/******** BOOKING PAGE/FORM *********/
div#booking   { margin-left: -40px; width: 770px; text-shadow: rgb(0,0,0) 1px 1px 0px  }
div#booking input.button { color: #292929; font-size: 12px; text-shadow : rgb(255,255,255) 1px 1px 0px; font-style: italic; font-weight: bold; cursor: pointer; display: block; margin-left: 130px; width: 160px; height: 40px; }
div#booking input.button:hover { text-decoration: underline; }
div#bookinginfo  { font-size: 13px; line-height: 20px; text-align: justify; margin: 0 0 0 20px; position: relative; bottom: 6px; width: 500px; float: left; clear: right }
div#bookinginfo a, div#bookinginfo a:link, div#bookinginfo a:visited,div#bookinginfo a:active { color: #fff; text-decoration: none }
div#bookinginfo a:hover { text-decoration: underline }
ul#steps     { margin: 0; padding: 20px 0 0; clear: both }
ul#steps li  { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; float: left; -khtml-opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5 }
ul#steps li.current { opacity: 1; -khtml-opacity: 1; -moz-opacity:1; filter:alpha(opacity=100); }
ul#steps li span    { color: #c4baff; font-size: 13px; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); text-align: center; cursor: default; display: block; margin-right: 5px; margin-left: 5px; padding-top: 8px; width: 34px; height: 26px; float: left }
ul#steps li a, ul#steps li a:link, ul#steps li a:visited, ul#steps li a:active  { color: #fff; font-size: 24px; font-style: italic; text-decoration: none; display: block; padding-top: 7px; padding-bottom: 7px; float: left }
div#booking div.step    { color: #fff; font-size: 12px; margin: 0; padding: 0; position: absolute; top: 200px; left: 50px; width: 500px }
div#booking div#step2 { color: #fff; font-size: 12px }
div#booking div#step5 { padding-left: 70px }
div#booking div#step5 img { cursor: pointer }
div#booking table.full  { margin: 0; padding: 0; width: 720px; float: left; clear: both; border: 0 transparent }
div#booking table td, div#booking table th { color: #fff }
div#booking table td.label   { color: white; font-size: 13px; text-align: right; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; width: 280px }
div#booking table td.field   { text-align: left; padding-top: 6px; padding-right: 6px; padding-bottom: 6px }
div#booking table td.field input    { color: #fff; font-size: 13px; font-family: Arial; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); margin: 0; padding: 6px 25px 6px 6px; width: 200px; border: solid 1px black }
div#booking table td.field select { width: 150px; height: 18px }
div#booking table td select { color: #fff; background-color: #000; border: solid 1px #000 }
div#booking table td input.captcha  { width: 80px }
div#booking table td.field textarea   { color: #fff; font-size: 13px; font-family: Arial; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); margin: 0; padding: 5px 35px 5px 7px; width: 190px; height: 30px; border: solid 1px black }
div#booking table td.field textarea.valid { background-image: url(../pictures/validation.png); background-repeat: no-repeat; background-position: 95% -22px }
div#booking table td.field textarea.invalid { background-image: url(../pictures/validation.png); background-repeat: no-repeat; background-position: 95% 13px }
div#booking table td textarea.comments   { color: #ffffff; font-size: 13px; font-family: Arial; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); padding: 15px; width: 400px; height: 100px }
div#booking table td input#prev, div#booking table td input#next   { background-color: transparent; background-image: url(../pictures/submits.png); background-repeat: no-repeat; background-position: left center; cursor: pointer; margin: 110px 0 0; padding: 0; width: 13px; height: 70px; clear: both; border: 0 transparent; -khtml-opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); opacity: 0.8  }
div#booking table td input#next { background-position: right center; width: 114px; }
div#booking table td input#prev:hover, div#booking table td input#next:hover {  opacity: 1; -khtml-opacity: 1; -moz-opacity:1; filter:alpha(opacity=100); }
div#booking table td input.invalid, div#booking table td input.valid  { background-image: url(../pictures/validation.png); background-repeat: no-repeat; background-position: 95% 8px }
div#booking table td input.valid  { background-position: 95% -27px }
div#booking table td select.invalid { background-image: url(../pictures/validation.png); background-repeat: no-repeat; background-position: 85% 2px }
div#booking table td select.valid { background-image: url(../pictures/validation.png); background-repeat: no-repeat; background-position: 85% -33px }
div#booking table td.show  { width: 250px }
div#booking table td.dj { width: 140px }
div#booking table td.show label, div#booking table td.dj label { cursor: pointer; display: block; padding-top: 20px; padding-bottom: 20px }
div#booking table th.show { font-weight: normal; padding-left: 20px }
div#booking table th.dj { font-weight: normal; padding-left: 100px }
/********** LEGAL NOTICES **********/
a#legalnoticeslink, a#legalnoticeslink:link, a#legalnoticeslink:visited, a#legalnoticeslink:active  { color: #fff; font-size: 11px; font-family: Arial; text-decoration: none; text-align: right; position: fixed; right: 20px; bottom: 20px; -khtml-opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5 }
a#legalnoticeslink:hover { text-decoration: underline }
div#legalnotices div.notices { padding-top: 20px; clear: both }
div#legalnotices div.notices strong { font-size: 14px; font-weight: bold }
/****** JS-DISABLED BROWSERS *******/
div#booking ul#steps, div#booking input#prev, div#booking input#next { display: none }
div#booking div#step1  { top: 140px }
div#booking div#step2  { top: 430px; left: 130px }
div#booking div#step3  { top: 730px }
div#booking div#step4  { top: 854px }
div#booking div#step5   { top: 1050px }
/************** FIXES **************/
a#legalnoticeslink { position: absolute; }