html,body { margin: 0; padding: 0; }
	.marges, #mainWrapper { width: 800px; margin: 0 auto; position: relative; }
	.cf:before,
	.cf:after {
		content: " ";
		display: table;
	}
	.cf:after {
		clear: both;
	}
	.cf { clear: both; }
	.a-r { text-align: right; }
	.a-c { text-align: center; }
	.a-t td { vertical-align: top; }
	.half { width: 49%; float: left; margin-right: 1%; }
	.t-q { width: 74%; float: left; margin-right: 1%; }
	.u-q { width: 24%; float: left; margin-right: 1%; }
	.d-t { width: 59%; float: left; margin-right: 1%; }
	.u-t { width: 39%; float: left; margin-right: 1%; }
	
	.coulWarning { color: #e63; }
	
	a.couljourSunday,
	a.couljourSaturday { background-color: #666; border-radius: 0.2em; padding: 0 0.2em;}
	h3.titre a.couljourSunday,
	h3.titre a.couljourSaturday { background-color: #555; border-radius: 0.2em; padding: 0 0.2em;}
	
	.bigbox-mm { position: absolute; top: 350px; left: 0px; border: 1px solid #000; z-index: 10; width: 300px; height: 250px; background: gray; }
	.skyscr-mm { position: absolute; top: 40px; right: 8px; width: 160px; height: 600px; border: 1px solid #000; background: gray; }
	.ldrbrd-mm { position: relative; margin: 0.2em auto; width: 728px; height: 90px; border: 1px solid #000; background: gray; }
	
	.titre { border-radius: 2px; background: #303030; padding: 0.5em 0; line-height: 1.2em; }
	
	.hoursByMovies {
		vertical-align: top; float: left; min-height: 190px; margin-bottom: 2em;
		width: 150px; 
	}
	.movieHours { float: left; width: 100px; }
		.hoursByMovies strong { display: inline-block; line-height: 1.1em; height: 2.2em; overflow: hidden; width: 100px; }
		.hoursByMovies span, .rounded { display: inline-block; border: 2px solid gray; border-radius: 3px; padding: 0.3em; line-height: 1em; margin-top: 0.5em; 
	  -webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		 -khtml-user-select: none; /* Konqueror HTML */
		   -moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
				user-select: none; /* Non-prefixed version, currently
									  supported by Chrome and Opera */
		}
	
		.brdrVert { border: 1px solid green; }
		.brdrRouge { border: 1px solid red; }
	
	#msgAjax { margin: 0; line-neight: 1em; color: gray; font-size: 0.9em; }
	.sequencePlayed { letter-spacing: 0.15em; position: absolute; bottom:2px; left:2px; background: #999; border-radius: 4px; padding: 0.2em; font-weight: bold; text-shadow: 0 1px 3px #000 }
	.printTcktMinigame { position: absolute; bottom: 2px; right: 2px; }

	body { margin-bottom: 2.5em; font-family: 'PT Sans', arial, sans-serif; 
	font-size: 0.7em; background-color: #444; color: #ddd; font-weight: normal; 
	  text-size-adjust: none;
	  -webkit-text-size-adjust: none;
	  -moz-text-size-adjust: none;
	  -ms-text-size-adjust: none;	
	}
	a { color: #ddd; }
		
	.opac50 { opacity: 0.5; }
	.opac70 { opacity: 0.7; }
	.smaller15 { font-size: .85em; }
	.smaller25 { font-size: .75em; }
	.bigger15 { font-size: 1.15em; }
	.bigger25 { font-size: 1.25em; }
	.bigger35 { font-size: 1.35em; }
	.mrg-top { margin-top: 1.5em; }
	.no-mrg-top { margin-top: 0; }
	.mrg-btm { margin-bottom: 1.5em; }
	
	.bg-pale { background: #ddd; color: #444; }
		.bg-pale tr:nth-child(even) { background: #bbb; color: #444; }
		.bg-pale a { color: #444; }

	.bg-fonce { background: #222; color: #eee; }
		.bg-fonce tr:nth-child(even) { background: #333; color: #eee; }
		.bg-fonce a { color: #ddd; }
		
	ol,ul { margin: 0; padding: 0 0 0 1.5em; }
	.faq ol.cf>li { padding: 0.5em; }
	:target {
	   background-color: #555;
	   border: 1px solid #ccc;
	}	
	.menu { width: 65%; padding: 0; margin: 5px 0; }
	.hilite { color: #ffa; }
	
	.header { background: transparent url(images/bg-header-h124.png) no-repeat center top; padding-top: 20px !important; 
				position: relative; background-position-x: 0; }
	.header.logged { background-size: 72% 100%; } 
	.header.logged #city_header { background: transparent no-repeat 100% 50%; background-size: cover; position: absolute; z-index: 3; bottom: 0; top: 0; right: 0; width: 28%; opacity: 0.33; } 
	h1 { color: #ccc; text-shadow: 0 2px 4px #000; font-family: 'Titillium Web', sans-serif; letter-spacing: -0.066em; 
			font-weight: 700; font-size: 3.5em; margin: 0.2em 0; padding-left: 1%; position: relative; z-index: 5; }
		h1 span { color: #fefefe; font-weight: 300; }
		h1 span.beta { color: #ff9; font-weight: 400; font-size: 0.4em; letter-spacing: 0em; }
	h2 { width: 34%; padding: 0; margin: 5px 0; }
	h2 { color: #ddd; font-weight: normal; float: right; line-height: 1.1em; margin-top: -3.2em; 
			text-align: right; padding-right: 1%; position: relative; z-index: 5; }
		h2 span.money { font-size: 0.7em; }
		
	.bord-btm { margin-bottom: 1.5em !important; border-bottom: 1px solid #666; }
	.bord-top { margin-top: 1.5em !important; border-top: 1px solid #666; }
	.footer { margin-top: 5em !important; }
	
	table { border-right: 1px solid #777; border-bottom: 1px solid #777; border-collapse: collapse; }
	table th, table td { padding: 0.4em; border-left: 1px solid #777; border-top: 0.4px solid #777; }
	
	table tr.enteteRanks th { background: #fff; }
	table.bg-fonce tr.enteteRanks th { background: #555; }
	
	h3 { text-align: center; float: left; width: 100%; padding: 0; margin: 5px 0; }
	h4 { text-align: center; float: left; width: 100%; padding: 0; margin: 5px 0; }
	
	.menu { float: left; position: relative; z-index: 5; }
	.menu ul { margin-left: 4px !important; }
		.menu ul, .menu ul li { margin: 0; padding: 0; list-style-type: none; }
			.menu ul li { display: inline-block; float: left; margin: 5px 1px 5px 1px; padding: 0; }
				.menu ul li a { color: #ddd; display: inline-block; padding: 0 0.45em; }
				/*.menu ul li:before { content: "[ " }
				.menu ul li:after { content: " ]" }*/
				.menu ul li:after { content: " | " }
				.menu ul li:last-child:after { content: "" }
	
	form { padding: 0; }	
	
	/* contracts */
	img.movieActive { box-shadow: 0 0 6px #ff9; transition: all .66s ease-out; }
		img.movieActive:hover { box-shadow: 0 0 14px #ff9; transition: all .33s ease-out; }
	img.movieInactive { opacity: 0.25; transition: all .66s ease-out; }
		img.movieInactive:hover { opacity: 1; transition: all .33s ease-out; }
	
	/* reports */
	.containerChart { height: 6px; display: inline-block; }
		.containerChart div { height: 100%; float: left; }
		.containerChart .demandSeats { background-color: green; }
		.containerChart .surplusSeats { border-right: 1px solid white; background-color: #999900; }
			.containerChart .surplusSeatsFilled { border-left: 1px solid #222; background: #999900 url(images/stripes-offset-redistrib.png) repeat-x top left; }
		.containerChart .shortageSeats { background-color: #520000; }
			.containerChart .shortageSeatsReassigned { border-left: 1px solid white; background: #520000 url(images/stripes-offset-redistrib.png) repeat-x top left; }
	
	/* show screens */
	div.imgScreenContainer { display: block; float: left; width: 20%; min-height: 170px; }
	table.tbl-upgrd div.imgScreenContainer { width: 100%; min-height: 80px; }
		table.tbl-upgrd div.imgScreenContainer img { max-width: 100%; }
	/* buy screens */
	div.imgScreenContainerBuy { display: block; float: left; width: 55%; margin-bottom: 2.5em; }
	div.imgScreenContainerBuy:nth-child(4),
	div.imgScreenContainerBuy:nth-child(5),
	div.imgScreenContainerBuy:nth-child(6),
	div.imgScreenContainerBuy:nth-child(7)	{ display: block; float: left; width: 50%; }
	
	.catalog-container-buy { width: 400px; }
	.catalog-container-buy img { display: inline-block; margin: 1.25em 4px; float: left; }
	.catalog-container-buy span { display: inline-block; margin: 0 4px 0.5em; float: left; width: 70px; text-align: center; }
	
	/* Login or register */
	form.frmLoginRegister label { width: 60%; display: inline-block; padding-top: 1em; }
	
	/* schedule */
	.ui-draggable { z-index: 20; }
	.ui-draggable-dragging { width: 48px !important; }

	#screensHolderScroll, #moviesHolderScroll { color: #333; }
			
	#moviesHolderScroll {
		height: 342px; background-color: #ddd; overflow-x: hidden; overflow-y: scroll; 
		width: 300px; float: left; border: 1px solid black;
	}
		#moviesHolder { padding: 5px;
			margin-right: 5px; float: left; }
			.movie { float: left; background-size: cover; width: 68px; height: 98px; border: 1px solid white; margin-bottom: 5px; }
				.movie a { display: none; color: red; background: white; opacity: 0.66; text-decoration: none; line-height: 1em; padding: 0.05em 0.35em; margin: 0; }
			.movie:last-child { margin-bottom: 0; }
			.movieDesc { height: 105px; float: left; width: 195px; line-height: 1em;}
	
	#screensHolderScroll {
		overflow-x: scroll; overflow-y: hidden; float: left; background-color: #ddd; margin-left: 5px; 
		width: 491px; height: 552px; white-space: nowrap; border: 1px solid black;
	}
	#screensHolderScroll.heightNewHours { height: 582px; }
		.movie:before { white-space: normal; color: #222; font-size: 92%; padding: 8% 0.2%; text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff; font-weight: bold; line-height: 1em; text-align: center; width: 99.6%; overflow: hidden; display: inline-block; }
	/* = = = this portion in index.php - dynamic values = = = = = = = */
			.screen { position: relative; z-index: 1; display: inline-block;
					width: 48px; height: 380px; padding: 5px; 
					border: 1px solid gray; float: left; margin-right: 5px; 
					background: transparent url(images/schedule-bg7.png) no-repeat 50% 5px; }
			.screen.bgwkdy { background: transparent url(images/schedule-bg-weekday.png) no-repeat 0 5px; }
			.screen.bgwknd { background: transparent url(images/schedule-bg-weekend.png) no-repeat 0 5px; }
			.screen.bgwkdy2 { background: transparent url(images/schedule-bg-weekday2.png) no-repeat 0 5px; height: 410px; }
			.screen.bgwknd2 { background: transparent url(images/schedule-bg-weekend2.png) no-repeat 0 5px; height: 410px; }
			.screen.past { border: 1px solid red; }
			.screen .movie { z-index: 10; border: none; width: 48px; }
				.screen .movie a { display: block; position: absolute; top: -0.25em; right: 0; z-index: 999; color: red !important; letter-spacing: -0.05em; padding: 0.02em 0.2em; }
	/* = = = this portion in index.php - dynamic values = = = = = = = */
				#btmOptionsHolder .options { font-size: 11.2px; width: 60px; text-align: center; float: left; display: inline-block; margin-right: 5px; }
				#btmOptionsHolder .options a { color: #444; }
				#btmOptionsHolder .options img { max-width: 54px; max-height: 60px; }
	
	/* FLEX re-order */
	#containerReorder { padding-left: 320px; width: 480px; margin: 1.25em auto; }
		#containerReorder input { color: white; background: transparent; border: none; }
		#containerReorder input:focus, #containerReorder input:hover { text-decoration: underline; }
	
	#screensHolderScroll.orderAsc #screensHolder, #screensHolderScroll.orderDesc #screensHolder { display: flex; }
	#screensHolderScroll.orderAsc #btmOptionsHolder, #screensHolderScroll.orderDesc #btmOptionsHolder { display: flex; }
	
	#screensHolderScroll.orderAsc #screensHolder .screen.capac40 { order: 1; }
	#screensHolderScroll.orderAsc #screensHolder .screen.capac84 { order: 2; }
	#screensHolderScroll.orderAsc #screensHolder .screen.capac150 { order: 3; }
	#screensHolderScroll.orderAsc #screensHolder .screen.capac216 { order: 4; }
	#screensHolderScroll.orderAsc #screensHolder .screen.capac308 { order: 5; }
	#screensHolderScroll.orderAsc #screensHolder .screen.capac364 { order: 6; }
	#screensHolderScroll.orderAsc #screensHolder .screen.capac370 { order: 7; }
	
	#screensHolderScroll.orderAsc #btmOptionsHolder .options.capac40 { order: 1; }
	#screensHolderScroll.orderAsc #btmOptionsHolder .options.capac84 { order: 2; }
	#screensHolderScroll.orderAsc #btmOptionsHolder .options.capac150 { order: 3; }
	#screensHolderScroll.orderAsc #btmOptionsHolder .options.capac216 { order: 4; }
	#screensHolderScroll.orderAsc #btmOptionsHolder .options.capac308 { order: 5; }
	#screensHolderScroll.orderAsc #btmOptionsHolder .options.capac364 { order: 6; }
	#screensHolderScroll.orderAsc #btmOptionsHolder .options.capac370 { order: 7; }
	
	#screensHolderScroll.orderDesc #screensHolder .screen.capac40 { order: 7; }
	#screensHolderScroll.orderDesc #screensHolder .screen.capac84 { order: 6; }
	#screensHolderScroll.orderDesc #screensHolder .screen.capac150 { order: 5; }
	#screensHolderScroll.orderDesc #screensHolder .screen.capac216 { order: 4; }
	#screensHolderScroll.orderDesc #screensHolder .screen.capac308 { order: 3; }
	#screensHolderScroll.orderDesc #screensHolder .screen.capac364 { order: 2; }
	#screensHolderScroll.orderDesc #screensHolder .screen.capac370 { order: 1; }
	
	#screensHolderScroll.orderDesc #btmOptionsHolder .options.capac40 { order: 7; }
	#screensHolderScroll.orderDesc #btmOptionsHolder .options.capac84 { order: 6; }
	#screensHolderScroll.orderDesc #btmOptionsHolder .options.capac150 { order: 5; }
	#screensHolderScroll.orderDesc #btmOptionsHolder .options.capac216 { order: 4; }
	#screensHolderScroll.orderDesc #btmOptionsHolder .options.capac308 { order: 3; }
	#screensHolderScroll.orderDesc #btmOptionsHolder .options.capac364 { order: 2; }
	#screensHolderScroll.orderDesc #btmOptionsHolder .options.capac370 { order: 1; }
	/* end flex re-order */	
		
	form input.centre { display: block; margin: 1em auto; }	
	form input.btn-sched { margin: 1em 12% 1em 52%; width: 36%; }
	
	.screen.dstrbtr:after {
		position: absolute;
		top: 70px;
		left: 28px;
		transform: rotate(90deg);
		transform-origin: left top 0;
		font-weight: bold;
		font-size: 24px;
		line-height: 1em;
		opacity: 0.30;
		width: 310px;
		overflow: hidden;
	}
	.screen.upgdScreen:before {
		position: absolute;
		top: 5px;
		left: 8px;
		transform: rotate(90deg);
		transform-origin: left top 0;
		font-weight: bold;
		font-size: 10px;
		color: #000;
		text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
		/*font-family: "Courier New", Courier, monospace;*/
		line-height: 1em;
		/*opacity: 0.80;*/
		width: 310px;
	}
	
.imx-exp { display: inline-block; border: 1px solid #333; border-radius: 3px; padding: 0.1em 0.3em; text-shadow: 0 0 4px #666; }	
	
.badge {
	display: inline-block; float: left; border-radius: 50%; color: #fff; 
	line-height: 14px; height: 14px; width: 14px; font-size: 11px; text-align: center; 
	border: 1px solid gray;
}	
.gold {
	background-color: #C98910; 
}
.silver {
	background-color: #A8A8A8; 
}
.bronze {
	background-color: #965A38; 
}
.challenge {
	width: auto; min-width: 1em;
	letter-spacing: -0.05em;
	background-color: #254065; 
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding-left: 0.2em; padding-right: 0.2em;
}

.qrtrPieExplain { position: relative; height: 30px; }
img.concessBuy { width: 100%; height: auto; display: inline-block; }

/* schedule 2 second layout */
body.sched2 p.intro-figure { float: left; margin-top: -5px !important; width: 225px; }
body.sched2 .wrapper-figure { float: left; margin-left: 1em; margin-top: -16px; }
body.sched2 hr.seperator-figure { color: transparent; border: none; }

body.sched2 #moviesHolderScroll { width: 100% !important; overflow-y: hidden; overflow-x: scroll; height: 175px; }
	/*body.sched2 #moviesHolder { width: 5999px; }*/
		body.sched2 .movieDesc { width: 150px !important; }
	body.sched2 #screensHolder { padding-top: 5px; }
body.sched2 #screensHolderScroll { margin-left: 0; margin-top: 5px; width: 633px !important; }
body.sched2 .bigbox-mm { opacity: 0; width: 1px; height: 1px; }
body.sched2 form#frmSched p, body.sched2 div#containerReorder  { padding-left: 0% !important; padding-right: 12%; }
body.sched2 form#frmSchedDeleteOrEdit input, body.sched2 form#frmSched input, body.sched2 form#frmSchedCopy input { margin-left: 20% !important; }
body.sched2 .flt-left { float: left; margin-top: -12px; padding-left: 5px; margin-left: 4px; border-left: 1px solid gray; }

body.sched2 .skyscr-mm { top: 181px !important; right: 0 !important; }

.reverseBaseViewers { text-shadow: 0 0 4px #666; font-weight: bold; }