/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
	background: #000;
	color: #FFF;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
#upgrade {
	width: 50%;
	margin: 0 auto;
	margin-top: 300px;
	line-height: 30px;
	text-align: center;
}
#upgrade a {
	color: #999;
}
/* Design */
html>/**/body {
	overflow-y: hidden; /* for everyone except IE7... */
	overflow-x: scroll;
}
body {
	background: #1b1b1b url(../images/bg.jpg) repeat-x left top scroll;
}
#container {
	width: 9000px;
	height: 100%;
}
.panel {
	height: 100%;
	position: absolute;
	overflow: hidden;
}
	.popup span,
	.panel span,
	.menu span,
	.links span {
		visibility: hidden;
	}
	.ipad nav {
		display: none;
	}
	.js nav {
		top: 0;
	}
	nav {
		position: fixed;
		top: -170px;
		left: 30px;
		width: 150px;
		z-index: 50;
		text-align: center;
		font-size: 14px;
		font-family: Georgia, Palatino, serif;
	}
		.menu {
			background: #272727 url("../images/menu.png") no-repeat 12px 9px;
			padding: 10px;
			display: block;
			cursor: pointer;
			-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
			z-index: 50;
			position: relative;
		}
		.menu:hover {
			background:  #272727 url("../images/menu.png") no-repeat -161px 9px !important;
		}
		.rolled {
			background:  #272727 url("../images/menu.png") no-repeat -161px 9px !important;
			-webkit-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.5);
}
		.js .links {
			position: relative;
			display: block;
			top: -170px;
			left: 0;
			-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
			z-index: 49;
		}
		.links a {
			text-decoration: none;
			padding: 10px;
			color: #9d9d9d;
			display: block;
			z-index: 9;
		}
		.events {
			background: #272727 url("../images/menu.png") no-repeat 11px -26px;
		}
		.venue {
			background: #272727 url("../images/menu.png") no-repeat 13px -56px;
		}
		.partners {
			background: #272727 url("../images/menu.png") no-repeat 13px -86px;
		}
		.reservation {
			background: #272727 url("../images/menu.png") no-repeat 13px -116px;
		}
		.events:hover {
			background: #272727 url("../images/menu.png") no-repeat -163px -26px;
		}
		.venue:hover {
			background: #272727 url("../images/menu.png") no-repeat -161px -56px;
		}
		.partners:hover {
			background: #272727 url("../images/menu.png") no-repeat -161px -86px;
		}
		.reservation:hover {
			background: #272727 url("../images/menu.png") no-repeat -161px -116px;
		}

.ipad #ruban {
	width: 9000px;
}
.ipad #smoke_top,
.ipad #smoke_bottom {
	display: block;
}
.js #ruban {
	width: 0;
}
#ruban {
	position: absolute;
	background: url(../images/ruban.png) repeat-x scroll left center;
	z-index: 1;
	width: 9000px;
	height: 100%;
	top: 0;
	left: 0;
}
.js #smoke_top,
.js #smoke_bottom {
	display: none;
}
#smoke_top {
	position: absolute;
	background: url(../images/smoke_top.png) repeat-x left top;
	width: 9000px;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
}
#smoke_bottom {
	position: absolute;
	background: url(../images/smoke.png) repeat-x left bottom;
	width: 9000px;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: 3;
}
.next {
	background: url("../images/arrow_next2.png") no-repeat scroll 0 0 transparent;
	display: block;
	width: 75px;
	height: 46px;
	z-index: 1000;
	position: absolute;
	top: 50%;
}
#home {
	background: url(../images/main.png) no-repeat center center;
	width: 1152px;
	left: 0;
	z-index: 4;
}
	#home .next {
		left: 910px;
		margin-top: -34px;
	}
#quote {
	background: url(../images/paves.png) no-repeat left top;
	width: 1684px;
	left: 1152px;
}
	#quote blockquote {
		background: url(../images/main_quote.png) no-repeat left top;
		position: absolute;
		width: 1050px;
		height: 569px;
		top: 50%;
		left: 0;
		margin-top: -255px;
		z-index: 4;
	}
	#quote .next {
		left: 910px;
		margin-top: -55px;
	}
#events {
	background: url(../images/events_bg.png) no-repeat right top;
	width: 1387px;
	left: 2836px;
}
	#events_title {
		position: absolute;
		background: url(../images/events_title.png) no-repeat left top;
		right: 0;
		top: 50%;
		width: 611px;
		height: 220px;
		margin-top: 170px;
	}
	#musical { 
	    background: url("../images/events_musical.png") no-repeat scroll left top transparent; 
	    height: 198px; 
	    left: 121px; 
	    margin-top: 164px; 
	    position: absolute; 
	    top: 50%; 
	    width: 645px; 
	}
	#tableau {
		position: absolute;
		left: 196px;
		z-index: 4;
		top: 50%;
		height: 768px;
		margin-top: -384px;
	}
	#past {
		background: url("../images/event_previous_title.png") no-repeat scroll 24px 189px transparent;
		height: 250px;
		left: 0;
		position: absolute;
		top: 80px;
		width: 250px;
		z-index: 10;
	}
		#past a {
			display: block;
			position: absolute;
		}
		#g2009 {
			background: url(../images/edition2009.png) no-repeat left top;
			width: 154px;
			height: 164px;
			z-index: 10;
		}
		#g2010 {
			background: url("../images/edition2010.png") no-repeat scroll left top transparent;
			height: 147px;
			left: 100px;
			top: 30px;
			width: 132px;
			z-index: 11;
		}
	#events .next {
		left: 850px;
		margin-top: 93px;
	}
#venue {
	background: url(../images/venue_map.png) no-repeat 632px top;
	width: 1440px;
	left: 4223px;
}
	#venue_title {
		position: absolute;
		background: url(../images/venue_title.png) no-repeat left top;
		left: 200px;
		top: 0;
		width: 431px;
		height: 177px;
	}
	#address {
		position: absolute;
		background: url(../images/venue_address.png) no-repeat left top;
		left: 200px;
		top: 170px;
		width: 414px;
		height: 119px;
		z-index: 4;
	}
		#address a {
			height: 20px;
			left: 105px;
			position: absolute;
			top: 95px;
			width: 300px;
		}
	#hyatt_logo {
		height: 226px;
		left: 150px;
		margin-top: 35px;
		position: absolute;
		top: 50%;
		width: 500px;
	}
	#ko_flag {
		position: absolute;
		right: 224px;
		top: 0;
	}
	#venue .next {
		left: 1005px;
		margin-top: 150px;
	}
#partners {
	background: url(../images/robespierre.png) no-repeat 860px top;
	width: 1611px;
	left: 5663px;
}
	#partners_title { 
	    background: url("../images/partners_title.png") no-repeat scroll left top transparent; 
	    height: 168px; 
	    left: 800px; 
	    margin-top: 135px; 
	    position: absolute; 
	    top: 50%; 
	    width: 499px; 
	    z-index: 5;
	}
	#parchemin {
		/*background: url(../images/partners_wip.png) no-repeat left top;*/
		left: 195px;
		position: absolute;
		z-index: 4;
		top: 50%;
		width: 993px;
		height: 768px;
		margin-top: -384px;
	}
	#partners .next {
		left: 1005px;
		margin-top: 100px;
	}
#media {
	background: url(../images/media_bg.png) no-repeat left top;
	width: 1726px;
	left: 7274px;
}
	#media_title {
		position: absolute;
		background: url(../images/media_title2.png) no-repeat left top;
		left: 450px;
		top: 50%;
		width: 835px;
		height: 231px;
		margin-top: -300px;
		z-index: 5;
	}
	#livre {
		background: url(../images/media_book.png) no-repeat left top;
		left: 350px;
		position: absolute;
		z-index: 4;
		top: 50%;
		width: 827px;
		height: 768px;
		margin-top: -384px;
	}
	#livre a {
		text-decoration: none;
	}
		#registration {
			height: 140px;
			left: 90px;
			position: absolute;
			top: 355px;
			width: 300px;
		}
			#registration .mail {
				height: 20px;
				left: 0;
				position: absolute;
				top: 100px;
				width: 180px;
			}
			#registration .download {
				height: 75px;
				left: 190px;
				position: absolute;
				top: 50px;
				width: 75px;
			}
		#sponsor {
			height: 150px;
			position: absolute;
			right: 90px;
			top: 300px;
			width: 300px;
		}
			#sponsor .download {
				height: 75px;
				left: 40px;
				position: absolute;
				top: 85px;
				width: 75px;
			}
			#sponsor .mail {
				height: 20px;
				position: absolute;
				top: 115px;
				width: 180px;
			}
		/*#sponsor {
			height: 150px;
			left: 90px;
			position: absolute;
			top: 510px;
			width: 300px;
		}
			#sponsor .download {
				height: 75px;
				left: 30px;
				position: absolute;
				top: 65px;
				width: 75px;
			}
			#sponsor .mail {
				height: 20px;
				position: absolute;
				top: 115px;
				width: 180px;
			}
		#media_kit {
			position: absolute;
			right: 100px;
			top: 320px;
			width: 250px;
			height: 75px;
		}
			#media_kit a {
				display: block;
				height: 100%;
				width: 100%;
			}*/
		#website {
			position: absolute;
			right: 100px;
			top: 480px;
			width: 300px;
		}
			#website a {
				display: block;
				position: absolute;
				right: 0;
				top: 0;
				width: 170px;
				height: 20px;
				z-index: 5;
			}
		#social {
			bottom: 100px;
			height: 200px;
			position: absolute;
			right: 50px;
			width: 200px;
			z-index: 3;
		}
			#social a {
				display: block;
				text-decoration: none;
				position: absolute;
			}
			.flickr {
				height: 58px;
				left: 45px;
				top: 35px;
				width: 66px;
			}
			.linkedin {
				height: 58px;
				left: 110px;
				top: 35px;
				width: 66px;
			}
			.twitter {
				height: 48px;
				left: 10px;
				top: 90px;
				width: 178px;
			}
			.facebook {
				height: 57px;
				left: 10px;
				top: 140px;
				width: 178px;
			}
		#asiance {
			height: 60px;
			margin-top: 280px;
			position: absolute;
			right: -80px;
			top: 50%;
			width: 150px;
		}
			#asiance a {
				width: 100%;
				height: 100%;
				background: url(../images/asiance_logo.png) no-repeat right top;
				display: block;
			}
	#media .next {
		background: url("../images/arrow_prev.png") no-repeat scroll 0 0 transparent;
		left: 1140px;
		margin-top: -11px;
	}
.ipad .next {
	display: none;
}
/* VIDEO */
.popup {
    left: 603px;
    margin-top: -273px;
	position: absolute;
	top: 50%;
	z-index: 5;
	display: block;
	background: url(../images/btn_play.png) no-repeat;
	width: 111px;
	height: 40px;
}
#fade {
	display: none;
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 9000px;
	height: 100%;
	opacity: .70;
	z-index: 9999;
}
.popup_block {
	display: none;
	float: left;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
img.btn_close {
	float: right;
	margin: -30px 0 0 0;
}
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}