@charset "utf-8";
html, body {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    background-image: url(../../../images/stripe_a802e436cc66f55318bd78de5654afe2.png);
}

#container {
    width: 979px;
    background: #FFFFFF;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

#mainContent {
    padding: 0px;
    margin: 0;
    position: relative;
}

#container #mainContent h1 {
    margin: 0px;
    padding: 12px;
}

#container h1 span.title {
    background-color: black;
    color: white;
    font-size: 10px;
    font-weight: normal;
    left: 338px;
    padding: 2px;
    position: absolute;
    text-transform: uppercase;
    top: 94px;
    z-index: 999;
    display: block;
}

#container h1 span.title a {
    text-decoration: none;
}

#left {
    width: 309px;
    position: absolute;
    left: 0;
    top: 201px;
    border: 12px solid white;
    /*top: 213px;background-color:#FFF;
     * padding-top: 0;
     padding-left: 12px;
     padding-right: 12px;
     padding-bottom: 12px;*/
    background-image: url(../../../images/stripe_a802e436cc66f55318bd78de5654afe2.png);
    height: 636px;
}

#menu {
    height: auto;
    width: 150px;
    position: absolute;
    top: 213px;
    left: 332px;
    background-color: #FFF;
}

#content {
    height: 636px;
    width: 473px;
    position: absolute;
    top: 213px;
    left: 482px;
    padding-top: 0;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    background-color: #FFF;
}

html > body #content {
    height: auto;
    min-height: 708px;
}

html > body #left {
    height: auto;
    min-height: 708px;
}

/*****************
 /////////// MENU
 */
#menu ul {
    margin: 0;
    padding: 0;
}

#menu li {
    display: block;
    height: 48px;
    text-transform: uppercase;
    list-style: none;
    list-style-type: none;
    margin-bottom: 12px;
    padding: 12px 0 0 12px;
    background-image: url(../../../images/stripe_a802e436cc66f55318bd78de5654afe2.png);
}

#menu a, #menu a:visited, #menu a:link, #menu a:active {
    color: #000;
    text-decoration: none;
}

#menu li.active, #menu li.current {
    background-color: #000;
    background-image: none;
}

#menu .sub a {
    background-color: #FFF;
}

#menu li .sub {
    margin-top: 3px;
    font-size: 9px;
}

#menu li.active .sub a {
    color: #FFF;
    background-color: #000;
}

#menu li.active .sub a.focusdanse {
    color: yellow !important;
}

#menu li.current .sub, #menu li.active .sub {
    color: #FFF;
}

#menu li.current .sub a {
    background-color: #000;
    color: #fff;
}

#menu li.current .sub a.focusdanse {
    color: yellow !important;
}

#menu li.current .sub a.current, #menu li.active .sub a:hover, #menu li.active .sub a:active {
    color: #E20179 !important;
}

/*
 #menu a:hover .fr, #menu a.active{
 background-color:#000;
 color:#FFF;
 }
 */
/*
 #menu a:hover .en{
 background-color:#000;
 color:#009DE0;
 }
 */
#menu .fr {
    background-color: #FFF;
}

#menu .en {
    background-color: #FFF;
    color: #009DE0;
    display: none;
}

#menu .current .fr, #menu .active .fr {
    background-color: #000;
    color: #FFF;
}

#menu .current .en, #menu .active .en {
    background-color: #000;
    color: #009DE0;
}

/*****************
 /////////// NEWS
 */
#news {
    height: 72px;
    background-color: white;
}

#newsimg {
    float: left;
    width: 148px;
    height: 51px;
}

#newsform {
    float: right;
    width: 148px;
    height: 51px;
}

input.newsfield {
    width: 119px;
    font-size: 0.8em;
    border: 1px solid #D9DADC;
    background-color: #D9DADC;
    height: 14px;
    margin-top: 4px;
    padding: 0;
    color: black;
}

input.submitEmail {
    border: 1px solid #D9DADC;
    background-color: #D9DADC;
    display: block;
    float: right;
    font-size: 0.7em;
    height: 16px;
    margin-top: 4px;
    width: 25px;
    color: black;
}

#newsform span {
    font-size: 1.6em;
    line-height: 0.9em;
    letter-spacing: 0.21px;
    font-weight: bold;
    text-transform: uppercase;
}

#left .newsbox .newsdate {
    /*
     font-family: "Courier New", Courier, monospace;
     
     font-size: 1em;
     */
    margin-top: 12px;
    color: #FFF;
    background-color: #000;
    text-align: right;
    display: block;
}

#left .newsbox .newscontent {
    /*
     font-size: 1.1em;
     font-family: "Courier New", Courier, monospace;
     */
    padding: 12px 0;
    background-color: white;
}

.newscontent a {
    color: black;
    text-decoration: none;
    border-bottom: 1px solid black;
}

.newscontent a:hover {
    color: black;
    text-decoration: none;
    border-bottom: 1px solid black;
}

/*****************
 /////////// PAGE
 */
#content #page {
    background-color: #009DE0;
    padding: 12px;
    color: white;
}

#page a {
    color: black;
    font-weight: bold;
    text-decoration: underline;
}

#page a:hover {
    color: white;
    background-color: black;
    text-decoration: underline;
}

#artiste .presentation a {
    color: white;
    background-color: black;
    text-decoration: none;
}

#artiste .presentation a:hover {
    color: black;
    background-color: #009DE0;
    text-decoration: none;
}

#page h2 {
    text-transform: uppercase;
}

#page ul li {
    list-style: disc;
    list-style-position: inside;
}

/******************
 /////////// ARTISTE
 */
#artiste {
    background-color: #FFF;
}

#artiste #header {
    background-color: #009DE0;
    height: 42px;
    overflow: hidden;
    padding: 9px 12px;
    position: relative;
}

#artiste #headerbigbig, #artiste #headerbig {
    background-color: #009DE0;
    height: 108px;
    padding: 12px;
    position: relative;
}

#artiste #header h2, #artiste #headerbig h2, #artiste #headerbigbig h2 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #FFF;
    font-size: 1em;
    display: inline;
    line-height: 0.8em
}

#artiste #headerbigbig h2.danse, #artiste #headerbig h2.danse {
    color: black;
    display: block;
}

#artiste #headerbigbig h2.presente, #artiste #headerbig h2.presente {
    font-style: italic;
    display: block;
    line-height: 1.2em;
}

#artiste .details {
    position: absolute;
    bottom: 12px;
}

#artiste #header #infos {
    padding: 0 0 0 12px;
}

#artiste #header a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#artiste #tools {
    text-align: right;
    height: 12px;
    line-height: 10px;
    position: relative;
    font-size: 9px;
}

#artiste .divlinks {
    top: 0;
    right: 45px;
    position: absolute;
    color: #009DE0;
}

#artiste .divshare {
    position: absolute;
    right: 0;
    height: 100px;
    width: 44px;
    z-index: 999;
    padding: 0 0 0 3px;
}

#artiste .sharebox {
    padding-top: 15px;
}

#artiste .twitter {
    text-align: center;
    width: 100%;
    height: 32px;
    margin-bottom: 6px;
}

.twitter a {
    background: url("../../../images/icons/Twitter_32x32.png") no-repeat scroll left center transparent;
    padding: 4px 0 20px 29px;
}

#artiste .facebook {
    text-align: center;
    width: 100%;
    padding: 0 0 12px 0;
}

#artiste .facebook input {
    height: 32px;
    width: 32px;
    background-color: transparent;
    background-image: url(../../../images/icons/FaceBook_32x32.png);
    border: 0;
}

#artiste .en {
    color: #009DE0;
    font-style: italic;
}

#artiste .artisteimg {
    width: 473px;
}

#artiste #tools .FBConnectButton_Simple .FBConnectButton_Text_Simple {
    margin: 0 0 0 14px;
    padding-bottom: 1px;
}

#artiste #tools a {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#artiste #genre {
    display: block;
}

a.myspace {
    background: url("../../../images/icons/myspace.png") no-repeat scroll left center transparent;
    padding: 2px 0 2px 16px;
}

a.morelink {
    text-decoration: none;
    cursor: pointer;
    display: block;
    text-align: right;
}

.youtubeplayer, .vimeoplayer, .dailyplayer, .myspaceplayer, .mp3player {
    margin-top: 12px;
}

.presentation {
    display: block;
}

.divimage {
    display: block;
    height: 286px;
    clear: both;
}

#artiste .presentationsuite {
    display: none;
    background-color: none;
    padding: 12px;
    background-image: url(../../../images/stripe_a802e436cc66f55318bd78de5654afe2.png);
}

#artiste .presentationsuite p {
    background-color: white;
}

/*
 * Right list
 *
 * */
.artisteList {
    width: 100%;
    height: 204px;
    overflow: hidden;
    position: relative;
}

.artisteList a, .artisteList a:visited, .artisteList a:active, .artisteList a:link {
    color: white;
    text-decoration: none;
}

.artisteList a:hover {
    color: white;
    text-decoration: none;
}

#listmedium {
    z-index: 999;
}

#listmedium .artisteList {
    width: 149px;
    height: 132px;
    float: left;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 12px;
    margin-right: 12px;
}

#listmedium .third {
    margin-right: 0;
    width: 151px;
}

.artisteList .infos {
    width: 100%;
    text-transform: uppercase;
    z-index: 999;
}

.artisteList img {
    width: 473px;
}

#listmedium .artisteList img {
    width: 157px;
}

.divimage {
    heigth: 276px;
}

.infos {
    position: absolute;
    bottom: 0;
    height: 20px;
    background-color: #009DE0;
    color: white;
    line-height: 1.7em;
    padding: 0 5px;
    width: 100%;
}

.infos .date {
    float: right;
    padding-right: 10px;
}
.infos .hours {
	background:none repeat scroll 0 0 #009DE0;
	color:black;
	padding:0 15px 0 6px;
	position:absolute;
	right:0;
	top:0;
	z-index:999;
}
/*
 * Presse
 */
.listpresse {
    margin: 5px 0;
    border-top: 1px solid black;
    clear: both;
}

.listpresse a.linklist {
    color: white;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 0;
    text-decoration: none;
    text-transform: uppercase;
}

.listpresse li {
    display: block;
    float: left;
    margin: 9px;
}

/*
 *  Weblogin PE
 * */
#page #pressenav {
    height: 18px;
}

#page #pressenav li {
    float: left;
    list-style: none outside none;
    margin-right: 12px;
}

#page #pressenav li a {
    /*
     * color:white;
     
     */
    display: inline-block;
    text-decoration: none;
}

#page #pressenav li.active {
    color: black;
    background-color: white;
}

#wlpeUserButtons {
    padding: 4px;
}

input, select, button {
    background: none repeat scroll 0 0 #009DE0;
    border: 1px solid;
    color: white;
    cursor: pointer;
    padding: 2px;
}

#wlpeMyProfileImg {
    display: block;
    float: left;
    margin-right: 12px;
}

#wlpeWelcome {
}

#wlpeRegisterInfo {
    font-weight: bold;
}

#wlpeRegisterInfo .info {
    font-weight: normal;
}

/*
 * Manage users
 */
.wlpeUserPage {
    background: none repeat scroll 0 0 white;
    clear: both;
    height: 100px;
    margin: 12px 0;
    color: #009DE0;
}

.wlpeUserPagePhoto {
    width: 100px;
    float: left;
}

.wlpeUserPageUserContent {
    margin: 0 0 0 102px;
    position: relative;
    padding: 5px;
}

.wlpeUserPageAttrCard .on {
    background: url("../../../images/icons/star.png") no-repeat scroll left center transparent;
    display: block;
    float: right;
    height: 16px;
    margin: 0 0 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 17px;
}

.wlpeUserPageAttrArticle .on {
    background: url("../../../images/icons/page_edit.png") no-repeat scroll left center transparent;
    display: block;
    float: right;
    height: 16px;
    margin: 0 0 5px;
    position: absolute;
    right: 5px;
    top: 25px;
    width: 17px;
}

.wlpeMessage {
    padding: 5px 0;
}

.wlpeMessageText {
    background-color: black;
    display: inline;
}

#page fieldset {
    padding: 10px;
    border: 0;
    background: white;
    color: #009DE0;
}

#page label {
    display: block;
    float: left;
    padding: 5px;
    width: 47%;
}

#page input, #page textarea, #page select {
    display: block;
    margin: 5px 0 0;
    color: black;
}

#wlpeUserProfileCountry {
    width: 150px;
}

#wlpeUserProfilePhoto {
    width: 150px;
}

#wlpeNewPasswordArea {
    clear: both;
}

span.required {
}

#wlpeTermsOfService, #page legend {
    display: none;
}

/*
 *  Left List
 */
#left .mainlist {
    background-color: #E20179;
    clear: both;
    color: white;
    display: block;
    float: left;
    margin: 0 3px 3px 0;
    padding: 3px;
    text-transform: uppercase;
    /*
     background-color: #E20179;
     text-transform:uppercase;
     margin:0 0 3px 0;
     padding:3px;
     color:white;
     display:inline-block;
     */
}

#left a.linklist {
    background-color: black;
    color: white;
    display: block;
    float: left;
    margin-bottom: 3px;
    margin-right: 3px;
    padding: 3px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    /*
     background-color:black;
     color:white;
     display:inline-block;
     margin-bottom:3px;
     padding:3px;
     text-decoration:none;
     text-transform:uppercase;
     white-space:pre-wrap;
     width:auto;
     */
}

#left a:hover.linklist {
    background-color: #009DE0;
    color: black;
}

#left a.current {
    background-color: #009DE0;
}

#left a.focusdanse {
    color: yellow !important;
}

#sociallinks {
    clear: both;
    height: 20px;
    padding: 6px 0 0;
}

#sociallinks a {
    color: black;
    text-decoration: none;
}

/*
 * galerie photos
 *
 */
.e2g_crumbs {
    font: bold 12px verdana;
    margin: 0 0 12px;
}

.e2g {
    font: 12px Verdana;
    margin-left: 0 !important;
}

.galthumb {
    float: left;
    margin: 0 12px 12px 0;
}

.galdir {
    float: left;
    margin: 0 6px 0;
}

.managecontainer {
    color: black;
    float: left;
}

#wlpeUser #wlpeUserButtons {
    padding: 2px;
}

/*** NEWS
 */
#newstick {
	height:624px;
    overflow: hidden;
}
#newsnav {
	
}
#newsnav a {
	background-color:black;
	height:12px;
	display:block;
	text-align:center;
	text-decoration:none;
}
.newscontent .en
{
	color:#009DE0;
}
#newsnav a:hover {
	background-color:#009DE0;
}
#next {
	background-image: url("../../../images/icons/news-next.gif");
	background-position: center center;
	background-repeat:no-repeat;
	background-color: transparent;
	margin-left:50%;
}
#previous {
	width:50%;
	float:left;
	background-image: url("../../../images/icons/news-previous.gif");
	background-position: center center;
	background-repeat:no-repeat;
	background-color: transparent;
	
}
.newsnav{
	border-bottom: 1px solid white;
}
.newsnav a {
	background-color:#009DE0;
	height:12px;
	display:block;
	text-align:center;
	text-decoration:none;
}
.newsnav a:hover {
	background-color:black;
}
.next a{
	background-image: url("../../../images/icons/news-next.gif");
	background-position: center center;
	background-repeat:no-repeat;

	margin-left:50%;
}
.previous a{
	width:50%;
	float:left;
	background-image: url("../../../images/icons/news-previous.gif");
	background-position: center center;
	background-repeat:no-repeat;
	border-right:1px solid white;
	
	
}