html, body { width: 100%; height: 100%; overflow-y: hidden; }

#wrapper { z-index: 10; margin: -95px 0px 0px 0px; position: absolute; top: 50%; width: 100%; min-width: 500px; height: 190px; text-align: center; background: url(../images/splash/overlay.png) repeat scroll top left; }
#wrapper h1 { margin: 45px auto 34px auto; width: 291px; height: 48px; background: url(../images/splash/logo.png) no-repeat scroll top left; text-indent: -9999px; }

#wrapper ul { list-style-type: none; display: block; }
#wrapper ul li { list-style-type: none; display: block; }
#wrapper ul li a { display: block; height: 25px; width: 220px; text-decoration: none; text-indent: -9999px; }
#wrapper ul li#fr { position: absolute; right: 50%; margin-right: 5px; }
#wrapper ul li#en { position: absolute; left: 50%; margin-left: 5px; }
#wrapper ul li#fr a { background: url(../images/splash/francais.png) no-repeat scroll top left; }
#wrapper ul li#en a { background: url(../images/splash/english.png) no-repeat scroll top left; }
#wrapper ul li#en a:hover, #wrapper ul li#fr a:hover { background-position: bottom left; }

#flashcontent { width: 100%; height: 100%; position: absolute; z-index: 0; background: #000 url(../images/template/no-flash.jpg) no-repeat scroll top center; -moz-background-size: cover; background-size: cover; }
#flashcontent #noflash { display: none; }


/* HACKS */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }