/*----------------------------------------------------------
	Main CSS
	Main styles for all the website

	Project:		OLWeb.fr
	Author:			Yannick Croissant, e-TF1 Web Agency
	Summary :
		Layout
			General layout
			Commons layout components
				Branding
				Language navigation
		Main page components
----------------------------------------------------------*/

/* ================================
 * !Layout
 * ================================*/

/* 
 * !General layout
 * Using Perfect multi-column CSS liquid layouts ( http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts )
 */

html {
	background:#0B2D72;
	background:-moz-linear-gradient(   top, #091B59, #1055AA 50%, #091B59);
	background:-ms-linear-gradient(    top, #091B59, #1055AA 50%, #091B59);
	background:-o-linear-gradient(     top, #091B59, #1055AA 50%, #091B59);
	background:-webkit-gradient(       linear, left top, left bottom, from(#F7F7F7), to(#F7F7F7), color-stop(.5, #1055AA));
	background:-webkit-linear-gradient(top, #091B59, #1055AA 50%, #091B59);
	background:linear-gradient(        top, #091B59, #1055AA 50%, #091B59);
	height:100%;
}

body {
	background: url(/image/generic/prehome-back.png) no-repeat 50%;
	color:#FFF;
	min-height:100%;
}

#container {
	margin:0 auto;
	padding-top:1px;
	position:relative;
	width:726px;
}

/*
 * !Commons layout components
 */

/* !Branding */
#branding { margin:0 0 50px; }
		#branding a { background-image:url(/image/generic/prehome-logo.png); height:139px; width:338px; }

/* !Language navigation */
#nav-lang { left:141px; top:90px; }

/* ================================
 * !Main page components
 * ================================*/

#prehome-skip { margin:25px 0 10px; text-align:center; }
#prehome-skip a { background:#C00; color:#FFF; display:inline-block; font-size:12px; font-weight:bold; padding:3px 6px; text-transform:uppercase; }
#prehome-skip a:hover { background:#F00; }