@import url("/css/reset.css");

body,html {height:100%}
body {color:#36353c; background:#000 url("/img/bg.jpg") repeat-y 50% -3px; font:13px Georgia,'Times New Roman',Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#36353c; text-decoration:underline}
a:hover {text-decoration:none}

.fBold {font-weight:bold;}

/* -- ---- typography ---- -- */

#minWidth {width:1000px; margin:0 auto; height:auto !important; min-height:100%; height:100%; background:url("/img/col-top.png") no-repeat 50% 541px}

.top {height:276px; background:#000 url("/img/top-vis.jpg"); padding-left:204px; margin:0 auto; width:767px}
	.top a {float:left; display:block; height:276px}
	.top .mus-1 {width:223px}
	.top .mus-2 {width:143px}
	.top .mus-3 {width:213px}

.navigation {position: relative;width:971px; margin:0 auto; height:265px; background:url("/img/middle-bg.jpg") no-repeat 50% 0}
	.tomainmain {
		display: block;
		background: url("/img/red.png");
		position: absolute;
		height:35px;
		left:321px;
		top:198px;
		width:35px;
	} 
	.tomain2{
		display: block;
		position: absolute;
		height:35px;
		left:321px;
		top:198px;
		width:35px;
	}
	.tomain{
		display: block;
		position: absolute;
		height:35px;
		left:321px;
		top:198px;
		width:35px;		
		z-index: 99;
	}
	.mainon{
		background: url("/img/red.png");
	}
.navigation h1 {position:absolute; top:-999em; left:-999em; font-size:1px; visibility:hidden}
.navigation ul {padding:177px 0 0 360px}
	.navigation ul li {z-index:2; position:relative; float:left}
	.navigation span {position:relative; display:block; overflow:hidden; height:12px; font:11px/12px Arial,Helvetica; text-align:center}
	.navigation b {position:absolute; left:50%; margin-left:-12px; top:0; width:25px; height:51px; background-image:url("about:blank"); font-size:1px}
	.navigation .s {position:absolute; z-index:1; top:-7px; height:69px; visibility:hidden}
	.navigation .p {position:absolute; top:0; left:0; width:100%; height:12px}
	.navigation .pat {position:absolute; z-index:2; width:100%; font-size:1px; height:12px; display:block; background-image:url("about:blank")}

	.navigation .hover {z-index:3}
/*	.navigation .hover .p {background-position:0 -13px} */
	.navigation .hover .s {visibility:visible}
	.navigation .hover .pat {border-bottom:1px solid #391f0b}
	.navigation .here {z-index:1}
		.navigation .here .s {visibility:visible}
		.navigation .here .pat {border-bottom-width:0}
	.navigation .nav-1 {width:57px; margin-right:10px}
		.navigation .nav-1 .p {background-image:url("/img/nav-1.png")}
		.navigation .nav-1 .s {width:118px; left:-33px; background-image:url("/img/nav-1-h1.png")}
	.navigation .nav-2 {width:69px; margin-right:20px}
		.navigation .nav-2 .p {background-image:url("/img/nav-2.png")}
		.navigation .nav-2 .s {left:-37px; width:145px; background-image:url("/img/nav-2-h.png")}
	.navigation .nav-3 {width:39px; margin-right:25px}
		.navigation .nav-3 .p {background-image:url("/img/nav-3.png")}
		.navigation .nav-3 .s {width:134px; left:-41px; background-image:url("/img/nav-3-h.png")}
	.navigation .nav-4 {width:59px}
		.navigation .nav-4 .p {background-image:url("/img/nav-4.png")}
		.navigation .nav-4 .s {width:155px; left:-51px; background-image:url("/img/nav-4-h.png")}

.partners {position:relative; z-index:2; width:888px; margin:0 auto; padding:42px 0 50px 83px; height:auto !important; height:160px; min-height:160px}
	.partners li {float:left; padding-right:40px}

.btm-vis {z-index:1; position:relative; margin:-124px auto 0; width:1000px; height:124px; background:url("/img/col-btm.png") no-repeat 50% 0}
	.btm-vis i {position:absolute; left:50%; top:-123px; margin-left:-474px; width:960px; height:205px; background-image:url("/img/col-btm-png1.png")}
	
/* // ---- second page ---- // */
.second-page {}
	.second-page .navigation {position:relative; top:-118px; margin-bottom:-118px}
	.second-page #minWidth {background-position:50% 147px}
	.second-page .middle {position:relative; z-index:2; width:795px; margin:0 auto; padding:49px 0 124px}
	.second-page h1 {position:relative; color:#fff; font:bold 34px Georgia,'Times New Roman'; text-transform:uppercase; height:67px; line-height:67px; overflow:hidden; margin:0 auto; text-align:center; background-color:#dbd8c5; margin-bottom:12px}
		.second-page h1 i {position:absolute; top:0; left:0; width:100%; height:100%; font-size:1px}

.c-tp {background-image:url("/img/c-tp.png"); font-size:1px; height:11px}
.c-bt {background-image:url("/img/c-bt.png"); font-size:1px; height:13px}
.c-md {background-color:#e1dfd3; padding:8px 25px 10px 23px; line-height:18px}
	.c-md p {padding-bottom:10px}
	.c-md h2 {position:relative; margin-left:-23px; font-size:18px; padding:8px 0 19px 121px; background:url("/img/title-bg.png") no-repeat 0 5px}
		.c-md h2 em {font-weight:normal}
		.c-md h2 small {font-size:14px; text-transform:uppercase; font-weight:normal}
	.c-md h3 {font-size:18px; padding:5px 0 10px}
		.c-md h3 small {font-size:14px; text-transform:uppercase; font-weight:normal; font-style:italic}
/* -- ---- second page ---- -- */

.big-persons {font-size:18px; font-style:italic; line-height:normal; padding:0 0 5px 100px}
	.big-persons li {padding-bottom:4px}

.musicians {position:relative; margin:0 -12px 25px; height:181px;/* background:url("/img/musicians.jpg")*/}
	.musicians .line {position:absolute; z-index:1; top:100%; margin-top:-1px; left:-8px; width:783px; height:8px; background:url("/img/musicians-line.png"); font-size:1px}
	.musicians ul {padding:12px 0 0 137px}
		.musicians ul li {position:relative; z-index:3; float:left}
		.musicians .m-1 {width:211px}
			.musicians .m-1 i {margin-left:-44px}
		.musicians .m-2 {width:144px}
			.musicians .m-2 i {margin-left:-54px}
		.musicians .m-3 {width:180px}
			.musicians .m-3 i {}
		.musicians a {display:block; height:169px}
			.musicians a:hover {text-indent:0}
		.musicians li i {position:absolute; z-index:3; top:142px; left:50%; margin-left:-70px; width:95px; height:50px; background-image:url("/img/musicians-sel.png"); visibility:hidden; font-size:1px}
		.musicians a:hover i, .musicians .selected i {visibility:visible}
	.hover-mus .selected i {visibility:hidden}

/* // ---- cadres ---- // */
.b-cadres {}
	.b-cadres li {
		float:left; 
		padding:19px 14px 0 26px; 
		height:auto;
		width: 27.3%;
		text-align: center;
		
	}
	.b-cadres li a {
		vertical-align: middle;
	}
/* -- ---- cadres ---- -- */

.trailers {padding:0 0 0 47px}
	.trailers dt {font-size:18px; font-weight:bold; padding:10px 0}
		.trailers dt em {font-style:italic; font-weight:normal}
	.trailers dd {padding-bottom:18px}

/* // ---- teaser bar ---- // */
.teaser-bar {color:#fff; position:fixed; z-index:999; bottom:0; left:0; width:100%; height:39px; font:10px Tahoma,Verdana; background:#000 url("/img/teaser-bg.png")}
	.teaser-bar a {color:#fff}
	.teaser-bar-i .l {position:absolute; top:0; left:-4px; width:4px; height:12px; background-image:url("/img/teaser-lbl-l.png")}
	.teaser-bar-i .r {position:absolute; top:0; right:-4px; width:4px; height:12px; background-image:url("/img/teaser-lbl-r.png")}
	.teaser-bar-i {position:relative; width:1000px; margin:0 auto}
	.teaser-bar-i p, .teaser-bar-i .img-cover {display:none}
	.teaser-bar-i p {line-height:14px; padding:2px 4px 0}
	.teaser-bar-i .img-cover {float:left; margin-right:8px}
	.teaser-bar-i .title {}
		.teaser-bar-i .title a {display:-moz-inline-stack; display:inline-block; background-color:#000; color:#fff; font:14px Tahoma,Verdana; padding:0 4px 3px}
			.teaser-bar-i .title a:hover {text-indent:0}
	.teaser-bar-i .label-l {position:absolute; top:-12px; left:43px; color:#afafaf; line-height:11px; height:13px; background-color:#505050; text-decoration:none; padding:0 3px}
	.teaser-bar-i .drop {position:absolute; top:-12px; right:43px; color:#afafaf; line-height:11px; height:13px; background:#505050 url("/img/teaser-drop.gif") no-repeat 0 0; text-decoration:none; padding:0 3px 0 13px}
		.teaser-bar-i .d-2 {display:none}
	.teaser-bar-i .t-brd-l {position:absolute; top:1px; left:39px; width:2px; height:36px; background-image:url("/img/teaser-brd.gif")}
	.teaser-bar-i .t-brd-r {position:absolute; top:1px; right:39px; width:2px; height:36px; background-image:url("/img/teaser-brd.gif")}
	.teaser-bar-i .l-ar {position:absolute; top:1px; left:0; width:39px; height:36px; background:url("/img/teaser-l.gif") no-repeat 50% 50%}
	.teaser-bar-i .r-ar {position:absolute; top:1px; right:0; width:39px; height:36px; background:url("/img/teaser-r.gif") no-repeat 50% 50%}
	.teaser-bar-i li {float:left; width:290px; padding:10px 10px 0 6px}
	.teaser-bar-i ul {color:#ccc}
	.teaser-bar-i .scroll-teser {position:relative; top:1px; left:42px; width:918px; overflow:hidden; height:36px}

.open-teaser {height:83px; background-position:0 -39px}
	.open-teaser .teaser-bar-i p, .open-teaser .teaser-bar-i .img-cover {display:block}
	.open-teaser .scroll-teser, .open-teaser .r-ar, .open-teaser .l-ar, .open-teaser .t-brd-l, .open-teaser .t-brd-r {height:80px}
	.open-teaser .drop {background-position:0 -13px}
		.open-teaser .drop .d-2 {display:inline}
		.open-teaser .drop .d-1 {display:none}
/* -- ---- teaser bar ---- -- */