@charset "utf-8";
/* bio */

#bio {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:95%;
	height:800px;
	overflow:auto;
}
#bio #slideshow { 
	color:#FFF; 
	float:right;
	width:760px;
	margin:3px;
	background-color:#000;
}
#bio #slideshow p{ 
	padding:0 20px;
	text-indent:20px;
}
#bio #slideshow a{ 
	color:#ffcc00;
	text-decoration:none;
}
#bio #slideshow a:hover{ 
	color:#F00;
}

#bio #nav {
	float:left;
	margin:0;
	list-style-type: none;
	width:180px;
	margin-left:-40px;
}
#bio #nav li {
	background: white url(../images/glossyback3.gif) repeat-x bottom left;
	margin:3px;
}

#bio #nav li a{
	background: white url(../images/glossyback3.gif) repeat-x bottom left;
	font-size:16px;
	color: white;
	display: block;
	padding: 3px 0;
	text-decoration: none;
	line-height:36px;
	text-align:center;
	border: solid #000 2px;
}

#bio #nav li a:hover{
	background-image: url(../images/glossyback4.gif) ;
	color:#000;
	border: solid #000 2px;
	font-weight:bold;
}

#bio #nav li a.activeSlide {
	border:#FFCC00 solid 1px;
	color:#ffcc00;
	background:url(../images/btn_active.png) right center no-repeat;
}
#bio #nav li a.activeSlide:hover {
	color:#ffcc00;
}

#cu3er-container {
	margin-left:90px;
}

/*bio presse */
.presse {
	width:48%;
	float:left;
	text-align:center;
	margin:10px auto;
}
.presse1 {
	width:98%;
	float:left;
	text-align:center;
	margin:10px auto;
}
.article {
	margin:0 auto;
	height:310px;
}
.article2 {
	margin:0 auto;
	height:170px;
}
.article3 {
	margin:0 auto;
	height:250px;
}
.titre_article a{
	margin:0 auto;
	line-height:24px;
	
}

/* player */
#player {
	margin:0 auto;
	height:80px;
	width:450px;
	border:#ffcc00 2px solid;
	padding-top:20px;
	padding-left:100px;
}
span.player{
	padding-left:8px;
	color:#ffcc00;
	font-style: italic;

}
#player.unik {
	background:url(../biographie/images/sensunik.jpg) 5px 5px no-repeat;
}
#player.gardel {
	background:url(../biographie/images/chatelet.jpg) 5px 5px no-repeat;
}

.mini {
	font-style: italic;
	
}
/* player_slide */
#player_alma {
	margin:0 auto;
	height:100px;
	width:540px;
	border:#ffcc00 2px solid;
	background:transparent url(../biographie/images/slide_player/bg_sp.jpg) repeat;
	position:relative;
	
}


/* olympia */
.affiche {
	float:left;
	width:300px;
	margin:10px;
}
.affiche2 {
	float:right;
	width:250px;
	margin:10px;
}


#switch {
	width: 700px;
    margin: 0 auto;
}

#nav_presse {
	height:70px;
	width:350px;
	margin-left:200px;
}
#nav_presse #nav_switch {
    margin: 0 auto;
	float:left;
	list-style-type: none;
	text-align:center;
}
#nav_presse #nav_switch li{
	list-style:none;
	float:left;
	height:70px;
	width:90px;
}
#nav_switch li a{
	width:100px;
	margin:10px;
	display: block;
	text-decoration: none;
	text-align:center;
}
#nav_switch li a img, #nav_switch li a img:active, #nav_switch li a img:link {
	border:none;
}
#nav_switch li a:hover{
}

#nav_switch li a.journal1 {
}
#nav_switch li a.jt {
}

#slider {
    width: 650px;
    margin-left: 25px;
    position: relative;
	padding-top:20px;
}

.scroll {
	overflow: hidden;
	width: 650px;
    margin: 0 auto;
    position: relative;
	background-color:#000;
}

.scrollContainer {
	position: relative;
	background-color:#000;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	background-color:#000;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	bottom: 0;
	background: url(../biographie/images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	bottom: 0;
	background: url(../biographie/images/rightshadow.png) repeat-y;
}

.inside {
	padding: 5px 10px 0 10px;
	border: 1px solid #ffcc00;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
	text-align:right;
	margin-right:-20px;
}
.inside a {
	color: #ffcc00;
	text-decoration: none;
	border-bottom: 1px dotted #ffcc00;
}

.inside a:hover {
	border-bottom: 1px solid #f00;
	color:#f00;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -40px;
}

.scrollButtons.right {
    right: -40px;
}

.hide {
    display: none;
}

#presse_video {
	width:100%;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
}
#presse_video .jt_video {
	float:left;
	padding:8px;
}

/** 
 * Slideshow style rules.
 */
#player_alma #slidesContainer {
  margin:0 auto;
  width:470px;
  height:100px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#player_alma #slidesContainer .slide_player {
  width:470px;
  height:100px;
  margin:0 auto;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:35px;
  height:100px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../biographie/images/slide_player/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../biographie/images/slide_player/control_right.jpg) no-repeat 0 0;
}
#leftControl:hover {
  top:0;
  left:0;
  background:transparent url(../biographie/images/slide_player/control_left-hover.jpg) no-repeat 0 0;
}
#rightControl:hover {
  top:0;
  right:0;
  background:transparent url(../biographie/images/slide_player/control_right-hover.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */
.slide_player img {
	padding:5px;
	float:left;
}
.slide_player p.ita {
	font-style:italic;
	color:#ffcc00;
	margin-top: 30px;
	
}
.slide_player p.ita2 {
	font-style:italic;
	color:#ffcc00;
	margin-top: 20px;
	
}
.slide_player p {
	padding-left:10px;
	height:0px;
}
#FlashID2, #FlashID3, #FlashID4, {
	padding-left:30px;

}

a.lk_renc {
	background:url(../biographie/images/arrows.jpg) right top no-repeat;
	width:300px;
	height:21px;
	line-height:21px;
	display:block;
	overflow:hidden;
	float:right;
}
a:hover.lk_renc {
	background:url(../biographie/images/arrows.jpg) right -18px no-repeat;
}







/*tabbed pages*/
#gallery {
	background-color:#000;
	text-align:center;
	font-size:18px;
	}

#gallery div.off {
	color:#ffcc00; 
	height:45px;
	line-height:45px;
	width:20%;
	float:left; 
	cursor:pointer; 
	position:relative; 
	z-index:20;
	background-color:#000;
	}
#gallery div.off span:hover {
	color:#c00; 
}
	
#gallery div.on {
	color:#c00;
	height:45px; 
	line-height:45px;
	width:20%;
	font-weight:bold;
	float:left; 
	cursor:pointer; 
	border-bottom:0; 
	position:relative; 
	z-index:100;
	}
	
#gallery div.off img:hover {
	opacity:1;
	filter:alpha(opacity=100);
	}
	
#gallery div.on img {
	opacity:1;
	filter:alpha(opacity=100);
	}
#gallery div.off img {
	opacity:0.4;
	filter:alpha(opacity=50);
	}


div.hide {
	display:none; 
	width:0; 
	overflow:hidden;
	}
	
div.show {
	clear:left; 
	margin-top:0; 
	top:-1px; 
	border:1px solid #000;
	position:relative; 
	z-index:50; 
	}
		
.clear {
	clear:both;
	}