/*
 * Import
 */

@import "menu.css";
@import "navigation.css";
@import "page.css";
@import "administration.css";
@import "milkbox.css";
@import "gallery.css";

/*
 * Global
 */

html {
	overflow-x: hidden;
	overflow-y: scroll;
}

html, body {
	height: 100%;
	width: 100%;
}

body {
	background-color: #dbdfe1;
	font-family: Arial, 'Nimbus Sans L', 'DejaVu Sans';
	font-size: 12px;
	padding: 0;
	margin: 0;
}

a,
a:focus,
a:active,
a:visited,
a:hover {
	-moz-outline: 0 !important; /* Disabled outline doddet line with gecko */
	outline: 0;
	border: 0;
}

/*
 * Webkit
 */

textarea,
input[type="text"],
input[type="password"] { 
	outline: 0;
}

textarea { resize: none; }

/*
 * Content
 */

div.content > div {
	margin: 0 auto 0 auto;
	width: 960px;
}

div.content > div.top,
div.content > div.bottom {
	height: 45px;
}

div.content > div.top {
	background: url(../img/content/top.png) no-repeat;
	margin-bottom: -5px;
}

div.content > div.bottom {
	background: url(../img/content/bottom.png) no-repeat;
	margin-top: -5px;
	position: relative;
	z-index: 1;
}

div.content > div.middle { background: url(../img/content/middle.png) repeat-y; }

div.content > div.middle > div {
	margin-left: 30px;
	width: 900px;
}

/*
 * Flag
 */

div.content > div.top > div.flag {
	margin: 19px 60px 0 0;
	float: right;
}

div.content > div.top > div.flag > a {
	background-repeat: no-repeat;
	margin-right: 4px;
	cursor: pointer;
	display: block;
	width: 27px;
	height: 20px;
	float: left;
}

div.content > div.top > div.flag > a.fr { background-image: url(../img/flag/france.png); }
div.content > div.top > div.flag > a.en { background-image: url(../img/flag/england.png); }

/*
 * Header
 */

div.header {
	background: url(../img/header/header.png) left no-repeat #94b4dc;
	height: 156px;
}

div.header > div { float: left; }

div.header > div.logo {
	background: url(../img/header/logo.png) no-repeat;
	margin: 10px 0 0 0;
	width: 169px;
	height: 142px;
}

div.header > div.banner {
	margin: 31px 0 0 0;
	width: 535px;
	height: 106px;
}

div.header > div.banner img { border: 0; }

div.header > div.skier {
	background: url(../img/header/skier.png) no-repeat;
	margin: 8px 0 0 5px;
	width: 187px;
	height: 142px;
}

/*
 * Sponsors
 */

div.sponsors {
	background: url(../img/sponsors.jpg) center no-repeat #ececec;
	position: relative;
	height: 256px;
	z-index: 2;
}