* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    color: #444;
    font-family: 'Lucida Grande', "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 13px;
    line-height: 23px;
    background: url('/images/bg4.jpg') no-repeat;
    background-color: #000;
}


h1, h2, h3, h5, h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
    margin: 0 0 10px 0;
    padding: 0;
    color:#62afdd;
    font-weight:normal;
    line-height:1.1em;
    clear:both;
}
h1 {
    font-size:27px;
    margin-bottom:10px;
}
h2 {
    font-size:24px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
h3 {
    font-size:21px;
    color:#000;
    background:#D0D0D0;
    padding:4px 7px 7px 7px;
}
h4 {
    font-size:15px;
}
h5 {
    font-size:15px;
    font-weight:bold;
    color:#666;
}
h6 {
    font-size:15px;
    color:#666;
    font-style:italic;
}

p {
    margin:0 0 25px 0;
}

a:focus, a:hover {
    color: #62afdd;
    text-decoration: none;
}
a {
    color: #62afdd;
    text-decoration: underline;
    outline: none;
}


.post ul li {
    background-position:0 3px;
    padding: 5px 0 7px 35px;
    margin:0 0 5px 0;
    color:#6494B0;
    /*font-family:Georgia, "Times New Roman", Times, serif;*/
    font-size:13px;
}
ul {
    list-style-type: none;
}
ol {
    list-style-type: decimal;
}

img {
    border: 0!important;
    vertical-align: middle;
}


input, textarea {
    font-family: 'Lucida Grande', Lucida Sans Unicode, Verdana, sans-serif;
    background:#fff;
    border:1px solid #cfcfcf;
    padding:5px;
    font-size:13px;
}

.clear {
    float:none;
    clear: both;
}
.container {
    width: 960px;
    margin: 0 auto;
}

#contentwrapper {
    background: #000 url(/images/bg4.jpg) no-repeat scroll 0px 0px;
    width: 100%;
}

#contentwrapper .container {
    padding-bottom: 0px;
}



/********************************* HEADER START *********************************/
#headerwrapper {
    background-color: #000;
    float:left;
    width:100%;
}
#ej {
    float:left;
    width:100%;
}

#header {
    width: 100%;
    float:left;
    margin: 0px auto;
    padding: 0;
}

#header .container {
    position:relative
}

.header_main {
    width:175px;
    height:86px;
    float:left;
    margin: 8px 5px 5px 5px;
}
.header_main h1 {
    text-indent:-9999px;
    background:url(../images/logo.png) no-repeat;
}
.header_main h1 a {
    display:block;
    width:379px;
    height:95px;
}

/**/

.menupack {
    width:760px;
    height: 97px;
    float:left;
}
ul#topmenu.menu {
    list-style-type: none;
    height: 28px;
    margin: 0;
    padding: 0;
    padding-top: 47px;
    font-size: 15px;
    width: 770px;
    float:left;
    text-transform:uppercase;
}
ul#topmenu li.page_item {
    float: left;
    display: inline;
    padding: 0;
    margin:0;
    height: 51px;
}
ul#topmenu li.page_item a {
    color:#eee;
    display: block;
    text-decoration: none;
    line-height:51px;
    padding: 0 15px 0 15px;
}
ul#topmenu li.page_item a:hover {
    color:#FFD800;
    background-color: #444;
    border-bottom: solid 1px #444;
    border-top: solid 5px #FFD800;
}
ul#topmenu li.current_page_item span {
    color: #FFF;
    background-color: #444;
    border-bottom: solid 1px #444;
    border-top: solid 5px #FFD800;
    display: block;
    text-decoration: none;
    line-height:51px;
    padding: 0 15px 0 15px;
}

.page_item_icon
{
  float: left;
  display: inline;
  padding: 0;
  margin:0;
  height: 51px;
  width: 38px;
  margin-top: 22px;
}

*+html .page_item_icon{margin-top: 17px;}

/*******************************************/
#separation
{
    width: 100%;
    height: 10px;
    background-color: #444;
}

#leftcolumn, #rightcolumn {
    margin:0;
    padding:3px;
}
#leftcolumn {
    float: left;
    width: 675px;
    overflow: hidden;
    background-color: #fff;
}
#rightcolumn 
{
    color: #fff;
    float: right;
    width: 265px;
    overflow: hidden;
    background-color: #444;
    border-top: solid 15px #444;
    border-bottom: solid 8px #FFD800;
}

#rightcolumn h2
{
  background-color: rgb(119, 119, 119);
  color: #FFD800;
  position: relative; 
  left: -3px; 
  width: 271px; 
  padding-left: 15px;
}

*+html #rightcolumn h2{width: 256px; }

.comment
{
  background: url(../images/commentaire.png) no-repeat 0 3px;
  padding-left: 12px;
}

.post {
    margin:0;
    float:left;
    clear:both;
    width:100%;
    line-height:20px;
}

.post h3 span {
    text-decoration:none!important;
}

.title_wrap {
    /*width:590px;*/
    width: 100%;
    height: 50px;
    float:left;
    margin-bottom: 7px;
    /*border-bottom:1px solid #f0f0f0;*/
}
.title {
    padding:0;
	float: left;
	width: 600px;
}
.title h2 {
    line-height:30px;
    padding-bottom:7px;
}
.sendcont{
  float: left; 
  margin-right: 10px; 
  top: -10px; 
  position: relative;
}
.fblike {
	position: relative; 
	top: -10px;
}
.post .title_wrap .title h2 a {
    text-decoration: none;
    color: #62afdd!important;
}
.title h2 a:hover {
    color: #666;
}

.postdate {
    width:410px;
    font-size:15px;
    line-height:15px;
    color:#696969;
    font-family:Georgia, "Times New Roman", Times, serif;
    float: right;
    text-align: right;
}

.entry {
    padding:10px 0 30px 0;
}

.entry p
{
    text-align: justify;
}

.entrydate
{
  position: relative; 
  top: -30px; 
  text-align: right; 
  font-size: 11px; 
  margin-right: 5px;
}

.entrybt
{
  text-align: right; 
  margin-right: 5px; 
  font-size: 11px; 
  margin-bottom: 20px;
}

.displayTable
{
    display: table !important;
    border-bottom: solid 1px #ccc;
    padding: 2px 0 2px 20px !important;
    width: 580px;
    margin: 0px 0px 0px 0px !important;
}

/*BEG FOOTER*/
#footerwrapper {
    background-color: #000;
    height:60px;
}

#footer {
    width: 100%;
    display: block;
    color:#ccc;
}
#footer .container {
    margin: 0px auto;
    padding: 0;
    
    height:50px;
}

.link-all
{
  text-align: right;
	padding-top: 7px;
}

.gig-li
{
  height: 55px;
}

.gig-dt
{
  float: left; 
  width: 30px; 
  border: solid 1px #62AFDD; 
  text-align: center; 
  margin-right: 5px;
}

.gig-mon
{
  background-color: #62AFDD; 
  color: #000;
}

.gig-dt-bg
{
  float: left; 
  width: 80px;
  height: 66px; 
  border: solid 1px #62AFDD; 
  text-align: center; 
  margin-right: 5px;
  color: #000;
}

.gig-mon-bg
{
  text-transform: uppercase;
  width: inherit;
  background-color: #62AFDD; 
  color: #FFF;
  vertical-align: middle;
  font-weight: bold;
  
}

.gig-nobdr
{
  border: 0 !important;
}

.gig-mon-d
{
  font-size: 18px;
  margin-top: -4px;
}

.gig-mon-h
{
  width: inherit;
  font-size: 10px;
  margin-top: -3px;
}

.taglink
{
  font-size: 9px;
  color: #777;
  text-decoration: none;
}

.taglink:hover
{
  font-size: 9px;
  color: #aaa;
}

.credits { 
    padding: 10px 0 0 0;
    color:#ccc;
    margin:0px auto;
    width:860px;
    text-align: center;
}
.credits .span-copyright {
    color:#FFD800;
    font-size: 10px;
    text-transform: uppercase;
    background: url(../images/favicon.ico) no-repeat;
    padding-left: 18px;
}

.credits .span-share {
    color: #62AFDD;
    font-size: 10px;
    text-transform: uppercase;
}

.credits .fb
{
    background: url(../images/share-facebook.gif) no-repeat;
    padding-left: 18px;
    font-size: 10px;
    text-transform: uppercase;
}

.credits .twitter
{
    background: url(../images/share-twitter.png) no-repeat;
    padding-left: 18px;
    font-size: 10px;
    text-transform: uppercase;
    color: #ccc;
}

.credits .mspace
{
    background: url(../images/share-myspace.png) no-repeat;
    padding-left: 18px;
    font-size: 10px;
    text-transform: uppercase;
    color: #ccc;
}

/*END FOOTER*/


/* -------- beg Contact -------- */
.input-con
{
    padding: 5px;
    width: 450px;
    border: solid 1px #62AFDD;
}

#container-con
{
    margin: 0px 15px 0px 15px;
    padding: 10px;
    background-color: #ddd;
}

#container-con p
{
    margin: 10px;
}

#container-con p span
{
    display: inline-block;
    width: 80px;
}

.req-con
{
    text-align: right !important;
}

.req-fields-on
{
    color: Red;
    font-weight: bold;
}
/* -------- end Contact -------- */

.list-bg-blue
{
  color: #000 !important;
  margin-left: 25px;
  margin-bottom: 15px;
}

.list-nomargin
{
  margin-top: 0px;
  margin-bottom: 5px;
  border: solid 1px red;
}

.underline-date
{
    
    border-bottom: solid 1px #ccc;
    margin-left: 75px !important;
    width: 560px;
    padding-left: 0px !important;
    text-align: left;
    height: 55px !important;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.underline-date div
{
    display: inline-block;
}

.dt-con
{
    width: 100px;
    float: left;
}

.map-con
{
    width: 125px;
    font-size: 10px;
    float: left;
}

.desc-con
{
  width: 330px;
	float: left;
}

.moreinfo
{
  background:url(../images/info.png) no-repeat scroll 1px 1px;
  padding-left: 17px;
}

.moreinfo-map
{
  background:url(../images/google.png) no-repeat scroll 1px 1px;
  padding-left: 17px;
}

.moreinfo-mus
{
	background:url(../images/listen.png) no-repeat scroll 1px 1px;
    padding-left: 17px;
}


.moreinfo-fb
{
  background: transparent url(http://b.static.ak.fbcdn.net/rsrc.php/zU/r/YkBqJTSIXNq.png) no-repeat scroll 1px 1px;
  padding-left: 17px;
}

.place-con
{
    color: #444;
}

.paragraph-mus
{
    margin: 0 0 12px;
}

/* -- -- */
.photos-disp
{
    float: left;
    border:0;
    margin: 0 !important;
    padding: 0 !important;
    width: 148px !important;
    height: 150px !important;
    text-align: center;
}

.videos-disp
{
    float: left;
    border:0;
    margin: 0 !important;
    padding: 0 !important;
    width: 210px !important;
    height: 150px !important;
    text-align: center;
    color: #000 !important;
    font-size: 12px !important;
}
    
.img-photos
{
    padding: 2px;   
    border: solid 1px #444 !important;
    position: relative;
    display: inline-block;
    opacity: .8;
    filter: alpha(opacity=80);
}

.vid-photos
{
    padding: 2px;   
    border: solid 1px #444 !important;
    position: relative;
    display: inline-block;
    opacity: .8;
    filter: alpha(opacity=80);
}

.vid-photos:hover
{
    border: solid 1px #000 !important;
    opacity: 1;
    filter: alpha(opacity=100);
}

.vid-play
{
  background:url(../images/play_white.png) no-repeat;
  background-position:0 0;
  bottom:45px;
  cursor:pointer;
  height:50px;
  left:65px;
  position:absolute;
  width:50px;
}

.share-vid
{
  position: relative; bottom: 25px; left: 57px;
}

.img-photos:hover
{
    border: solid 1px #000 !important;
    opacity: 1;
    filter: alpha(opacity=100);
}

.img-preview
{
  background: transparent url(../images/loupe.png) no-repeat scroll 96% 93%;
}

*+html .img-preview
{
  background: transparent url(../images/loupe.png) no-repeat scroll 80% 93%;
}
/* -- Audio -- */
.audio-title
{
    height: 25px; 
    width: 210px; 
    float: left; 
    position: relative; 
    top: 5px;
}

.audio-flash
{
    float: left;
}

/*new HP*/
.hp_bg
{
  background: transparent url(/images/big_bg2.jpg) no-repeat scroll 10px 80px;
  /*background: transparent url(/images/big_bg.jpg) no-repeat scroll 10px 20px;*/
  width: 100%;
  height: 600px;
}

.hp_cont
{
    margin-top: 15px;
    
}

#top_left
{
    float: left;
    width: 200px;
}

#top_right
{
    float: left;
}

#event_cont
{
    height: 110px;
    margin-bottom: 10px;
    margin-left: 0;
    width: 990px;
}

#event_cont li
{
    list-style-type: none;
    float: left;
    margin-left: 20px;
}

#event_cont li>div
{
    width: 221px;
    height: 110px;
    border: dotted 1px #666;
}

#event_cont li .content
{
    background-color: #fff;
    height: 50px;
    margin-top: 60px;
    padding: 1px 3px 1px 3px;
    text-align: justify;
    opacity: .8;
    filter: alpha(opacity = 80);
    font-size: 11px;
}

.content a
{
    text-decoration: none;
    color: #333;
}

.content a:hover
{
    text-decoration: none;
    color: #3873FF;
}

.link-all
{
    float: right;
    margin-right: 45px;
}

.hp_enter
{
  text-align: center;
  margin-top: 70px;
}

.hp_enter_tit
{
  padding-bottom: 18px;
}

.hp_enter_men
{
	padding-top: 2px;
}

*+html .hp_enter_men
{
	padding-top: 5px;
}

.hp_enter_tit a 
{
  font-size: 28px !important;
  text-decoration: none;
}

.hp_enter_tit a:hover
{
  background-color: #FFD800;
  color: #000;
}

.hp_lnk
{
  text-transform: none !important;
  color: #fff !important;
  text-decoration: none;
  padding-top: 5px;
}

.hp_lnk:hover
{
  border-top: solid 2px #FFD800;
}

.hp_enter a
{
  color: #FFD800;
  text-transform: uppercase;
  font-size: 15px;
}

.hp_enter h1
{
  color: #FFF !important;
}

.hp_logo
{
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 9;
  margin: 0 8%;
  width: 84%;
}

.hp_music
{
  font-size: 10px !important; 
  margin-left: 194px; 
  text-decoration: none;
}

.hp_music:hover
{
  color: #fff;
}

.hp_fb
{
  position: absolute; 
  left: 950px; 
  top: 10px; 
  z-index: 9;
}

.hp_ico_lnk
{
  border-top: solid 2px #000;
  padding-top: 2px;
}

*+html .hp_ico_lnk
{
	padding-top: 7px;
}

.hp_ico_lnk img
{
  margin-bottom: 6px;
}

*+html .hp_ico_lnk img
{
  margin-bottom: 1px;
}

.hp_ico_lnk:hover
{
  padding-top: 5px;
  border-top: solid 2px #FFD800;
}

*html .hp_ico_lnk:hover
{
  padding-top: 7px;
  border-top: solid 2px #FFD800;
}

/*beg bar*/
#footpanel {
  position: fixed;
  bottom: 0; 
  left: 0;
  z-index: 9999;
  background: #333;
  border-bottom: none;
  border-top: 1px solid #FFD800;
  width: 84%;
  height: 22px;
  margin: 0 8%;
  padding-bottom: 5px;
  opacity: .9;
  filter: alpha(opacity = 90);
}
*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
  margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
  position: absolute;
  top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
#footpanel ul {
  float: left;
  list-style: none;
  line-height: 8px !important;
}
#footpanel ul li{
  padding: 0; margin: 0;
  float: left;
  color: #FFD800;
  font-size: 11px;
  font-weight: bold;
}
#footpanel ul li a{
  float: left;            
  text-decoration: none;
  color: #FFF;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: normal;
}
#footpanel ul li a:hover{
  color: #62AFDD;
}
/*end bar*/

/*hp carousel*/
#container
{
    overflow:hidden;
    margin:0 auto 20px;
    width:990px;
    z-index: 99;
    border-bottom: solid 4px #ccc;
}
#container .js{overflow:hidden; }
#container .carousel, #container .carousel .carousel-wrap{margin:0;border:0;width: 530px; height: 240px;}
#container .js .carousel-wrap{display:inline-block;vertical-align:middle;width:378px;}
.IE #container .js .carousel-wrap{display:inline;}
#container .carousel ul{margin:0;padding:0;list-style:none;left: 0px;}
#container .js ul li{overflow:hidden;display:inline;float:left;width:378px;height:240px;text-align:center;}
#container .carousel .carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:40px;height:40px;cursor:pointer;border:0;; text-indent: -9999px; font-size: 0;}
#container .carousel .carousel-next{background:url(/images/suiv.png) 0 0 no-repeat;width:40px; position:relative; display: inline;float: right; text-indent: -9999px}
#container .carousel .carousel-previous{background:url(/images/prec.png) 0 0 no-repeat;width:40px; display: inline;float: left; text-indent: -9999px} 
#container .carousel .carousel-control:hover{opacity:0.70;filter:alpha(opacity=70);}
#container .carousel .disabled,#container .carousel .disabled:hover{opacity:0.10;filter:alpha(opacity=10);cursor:default;}
#container .carousel div{margin:0;padding:0;border:0;}
#container .carousel ul li{position:relative;width:378px;margin:0;}


#coin-slider
{
    width: 990px;
    height: 300px;
    margin-bottom: 10px;
}

#coin-slider .prev, #coin-slider .next
{
    float: left;
    width: 200px;
    margin-top: 130px;
    text-align: center;
}

#coin-slider>div
{
    float: left;
    width: 590px;
    height: 300px;
}

/*hp carousel*/