html, body { height:100%; }
body { position:relative; }
html, form, body, div, ul, li, .button a, h2, h3 {margin:0;padding:0;}
body, #titre {font-size:12px;font-family:sans-serif;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;}


h1 { font-size:16px; margin:15px 0; color:#ffffff; }
h2 { font-size:14px; margin:12px 0; color:#FFED00; }
h3 { font-size:14px; margin:10px 0; color:#ffffff; }

p { display: block; margin: 1em 0px; }


a:link, a:visited {  color: black; }
.anim h3, #content strong, #content a {color:#ffed00;font-weight:bold;}

body {
  background:black url('../img/main/fond.jpg') no-repeat fixed center;
}
#main {
  width:1024px;
  height:640px;
  margin:0 auto;
  position:relative;
  background:transparent url('../img/main/deco.png') no-repeat scroll center 20px;
}
#menu {
  text-align:left;
  position:absolute;
  top:240px;
  left:135px;
  width:170px;
  height:340px;
}

#content {
  text-align:center;
  position:absolute;
  top:110px;
  left:360px;
  width:515px;
  height:471px;
  color:white;
}
#footer {height:20px;left:0;position:fixed;bottom:0;width:100%;color:#DDDDDD;font-size:0.9em;font-weight:bold;margin:0;text-align:center;}
#footer a { color: white; }

h1 { text-align:center; }
#menu li a {display:block; width:170px; height:50px; font-size:1px;}
#menu li.accueil a { background:transparent url('../img/menu/Accueil.png') no-repeat scroll 0 0; } 
#menu li.anim a { background:transparent url('../img/menu/Anim.png') no-repeat scroll 0 0; } 
#menu li.infos a { background:transparent url('../img/menu/Infos.png') no-repeat scroll 0 0; } 
#menu li.photos a { background:transparent url('../img/menu/Photos.png') no-repeat scroll 0 0; } 
#menu li.prog a { background:transparent url('../img/menu/Prog.png') no-repeat scroll 0 0; } 
#menu li.sponsos a { background:transparent url('../img/menu/Sponsos.png') no-repeat scroll 0 0; } 
#menu li.ventes a { background:transparent url('../img/menu/Ventes.png') no-repeat scroll 0 0; } 

#menu li a:hover, #menu li a.active { background-position:0 -50px; } 


.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background:transparent url(../img/all/fleche.png) no-repeat 50% 100%; }
.jScrollPaneDrag { position: absolute; background-color:#ffed00; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowUp:hover {}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px;}

.left  { text-align:justify; width: 245px; float:left; margin-right: 10px; }
.right { text-align:justify; width: 245px; float:left; margin-left: 10px; }

.jScrollPaneContainer .left  { width: 235px; }
.jScrollPaneContainer .right { width: 235px; }

#prog li {list-style-type:none;margin:10px;}
#prog { text-align:left; }


#text { padding-left:40px;height:300px;}

#text p { margin:0;}

#content .image { float:right;text-align:center;height:152px;width:152px; }
.image img { background-color:white;padding:5px;margin:1px; }
img { border:0 none; }

div.content a, div.navigation a { text-decoration: none; color: #DE0800; font-weight:bold; }
div.content  a:focus, div.content  a:hover, div.content  a:active {
  text-decoration: underline;
}
div.controls {
  margin-top: 5px;
  height: 23px;
}
div.controls a {
  padding: 5px;
}
div.ss-controls {
  float: left;
}
div.nav-controls {
  float: right;
}

div.slideshow {clear: both;text-align:center;}
div.slideshow span.image-wrapper {
  padding-bottom: 12px;
}
div.slideshow a.advance-link {
  display: block;
}
div.slideshow img {
  border: 1px solid #ccc;
  padding: 2px;
}
div.download {
  float: right;
}
div.embox {
  clear: both;
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 12px;
}
div.image-title {
  font-weight: bold;
  font-size: 1.4em;
}

div.image-desc {
  line-height: 1.3em;
  padding-top: 12px;
}
div.navigation {
  /* The navigation style is set by a javascript generated style on the page.
     This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
  clear: both;
  margin: 0;
  padding: 0;
}
ul.thumbs li {
  float: left;
  padding: 0;
  margin: 2px;
  list-style: none;
}
a.thumb {
  padding: 2px;
  display: block;
  border: 0px none;
   background-color:#000000;
}

a.thumb:focus {
  outline: none;
}
ul.thumbs img {
  border: none;
  display: block;
}
div.pagination { text-align:center;clear: both;}
div.navigation div.top {
  margin-bottom: 12px;
  /**height: 11px;*/
}
div.navigation div.bottom {
  margin-top: 12px;
}
div.pagination a, div.pagination span.current {

  margin-right: 2px;
  padding: 4px 7px 2px 7px;
}
div.pagination a:hover {
  text-decoration: underline;
}
div.pagination span.current {font-weight: bold;color: #000;text-decoration:underline;}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
  float: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

#thumbs-min a.thumb {
  padding: 0px;
  display: inline;
  border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
  background: inherit;
  color: #000;
  font-weight: bold;
}

#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }




#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}
#lightbox-nav-btnPrev { 
  left: 0; 
  float: left;
}
#lightbox-nav-btnNext { 
  right: 0; 
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px; 
  color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
  width: 70%; 
  float: left; 
  text-align: left; 
}  
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block; 
  clear: left; 
  padding-bottom: 1.0em;  
}      
#lightbox-secNav-btnClose {
  width: 66px; 
  float: right;
  padding-bottom: 0.7em;  
}


.vente { text-align:center; width:100%; height:40px;margin:10px 0 15px 0; }
.vente a { display:block;font-size:22px; padding:9px 0; text-decoration:none; color: #DE0800; background:transparent url(http://static.twinsview.fr/pointgamma/img/main/boutongris.png) no-repeat center center;}

img.billet { vertical-align:middle;}

.infos li {margin:2px 0;}
.infos ul {margin-left:20px;margin-top:10px;}

.art-thumb { float:left; margin:0 10px 10px 0; }


.loading { background:transparent url(../img/main/loading.gif) no-repeat scroll center center; }

#player { position:absolute; top:30px; left:731px;}