/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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,
header, menu, nav, footer, section, article, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



html { height: 100%; }
body { height: 100%; background: #fff; font-family: Helvetica, Arial, "MS Trebuchet", sans-serif; font-size: 11px; color: #77787b; }

#wrapper { background: #e7e8e9; border: 50px solid #fff; border-top: none; border-bottom: none; position: relative; min-height: 100%; }
* html #wrapper { height: 100%; }
#inner { border-top: 48px solid #fff; position: relative; overflow: hidden; }

menu { position: absolute; display: block; left: 0px; bottom: 0px; width: 100%; z-index: 10; }
menu li { float: left; display: block; width: 20%; list-style-type: none; }
menu li:last-child { width: 19%; }
menu li.last-child { width: 20%; }
menu li a { display: block; font-size: 10px; margin-right: 1px; text-decoration: none; background: rgba(0,0,0,0.5); padding: 14px 0; color: #fff; text-transform: uppercase; text-align: center; }
menu li:last-child a { margin-right: 0px; }
menu li.last-child a { margin-right: 0px; }
menu li a:hover, menu li a.selected { background: rgba(0,0,0,0.7); }

footer { position: relative; display: block; background: #fff; padding: 17px 0px 0px 0px; height: 29px; overflow: hidden; margin-top: -46px; font-size: 9px; color: #8a8c8e; text-transform: uppercase; text-align: center; }

section, article, video, hgroup { display: block; }
#content { position: relative; }
#content .container { position: absolute; top: 50%; left: 50%; }
#content p { margin-bottom: 12px; line-height: 14px; }




/* HOME */
body.home #content article { width: 100%; height: 100%; position: relative; }
body.home #content h1 { display: none; position: absolute; top: 50%; left: 50%; margin: -43px 0px 0px -39px; width: 78px; height: 86px; text-indent: -9999px; background: url(../images/logo.jpg) no-repeat scroll top left; }
body.home #content h1.visible { display: block; }
body.home #content .slideshow { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; }
body.home #content .slideshow img { position: absolute; top: 50%; left: 50%; }





/* VIDEO */
body.video #content article { width: 640px; height: 480px; }
body.video #content .vjs-fullscreen { width: 100% !important; height: 100% !important; }
body.video #content img.vjs-poster { display: none; visibility: hidden; }
body.video #content article video { width: 100% !important; height: 100%; }





/* BIOGRAPHIE */
body.biography #wrapper { background: #fff; }
body.biography #content .container { width: 630px; height: 320px; margin: -200px 0px 0px -315px; }
body.biography #content hgroup { display: block; width: 105px; color: #9d9fa2; text-transform: uppercase; }
body.biography #content hgroup h1 { font-size: 18px; margin-bottom: 8px; }
body.biography #content hgroup h2 { font-size: 8px; line-height: 12px; }
body.biography #content hgroup img { margin: 10px 0; }
body.biography #content article { position: absolute; top: 0px; left: 120px; text-align: left; width: 490px; height: 320px; overflow: hidden; }
body.biography #content .wrap { width: 630px; height: 320px; position: absolute; top: 0px; left: 0px; }
body.biography #content .wrap .mask { width: 610px; height: 320px; overflow: hidden; position: relative; }
body.biography #content .scrollbar { width: 2px; background: #000; border-left: 3px solid #fff; border-right: 3px solid #fff; height: 320px; position: absolute; right: 0; }
body.biography #content .ui-slider-range { display: none; }
body.biography #content .ui-slider-handle { width: 8px; height: 23px; background: #cd4e34; position: absolute; left: -3px; margin-bottom: -11px; }
body.biography #content .highlight { color: #cd4e34; }


/* LIENS */
body.links #wrapper { background: #fff; }
body.links #content article ul { border-left: 1px solid #cd4e34; padding-left: 10px; position: absolute; top: 50%; left: 50%; }
body.links #content article li { padding-bottom: 5px; color: #4d4d4f; font-size: 15px; text-decoration: none; text-transform: uppercase; }
body.links #content article li:last-child { padding-bottom: 0px; }
body.links #content article li a { color: #4d4d4f; font-size: 15px; text-decoration: none; text-transform: uppercase; }