/* MAIN HOMEPAGE SCRIPT */

	html {
		overflow: hidden;
	}
	body {
		position: absolute;
		margin: 0px;
		padding: 0px;
		background: #E67300;
		width: 100%;
		height: 100%;
	}
	#screen {
		position: absolute;
		background: #000;
		left: 50%;
		top: 50%;
		margin-left: -440px;
		margin-top: -340px;
		width: 880px;
		height: 680px;
		overflow: hidden;
		visibility: hidden;
	}
	#b1 {
		position: absolute;
		background: #1c1c1c url(../images/b1.jpg) bottom no-repeat;
		z-index: 100;
		outline: #000 solid 12px;
		border-bottom: #2d2d2d solid 1px;
	}
	#b2 {
		position: absolute;
		text-align:center;
		background: #1c1c1c url(../images/b2.jpg) top  no-repeat; 
		z-index: 100;
		outline: #000 solid 12px;
		border-top: #2d2d2d solid 1px;
		color: #898989;
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
	}
	
	#b2 a {text-decoration: none;color:#4a4a4a;}
	#b2 a:hover	{text-decoration: none;color:#4a4a4a;}
	#b2 a:visited {text-decoration: none;color:#4a4a4a;}
	#b2 a:visited:hover {text-decoration: none;color:#4a4a4a;}
	#b3 {
		position: absolute;
		background: #000;
		z-index: 110;
		border-left: #2d2d2d solid 1px;
	}
	#b4 {
		position: absolute;
		background: #000;
		z-index: 110;
		border-right: #2d2d2d solid 1px;
	}
	#screen .divs {
		position: absolute;
		left: -9999px;
		background: #000;
		overflow: hidden;
		outline: #000 solid 12px;
	}
	#screen img {
		position: absolute;
		cursor: pointer;
		filter: alpha(opacity=100);
		z-index: 1;
	}
	.html {
		visibility: hidden;
	}
	#screen h1 {
		position: absolute;
		font-size: 1.1em;
		color: #dfdfdf;
		font-family: Garamond;
		margin-left: 40px;
		margin-top: 18px;
		z-index: 1;
	}
	#screen .title {
		width: 100%;
		height: 60px;
		background: #000 url(../images/fond_carre_titre.png) bottom no-repeat;
	}
	#screen .text {
		margin: 10px;
		font-size: 0.9em;
		color: #9f9f9f;
		font-family: Garamond;
		text-align: left;
		margin-top: 10px;
	}
	#screen .bul {
		position: absolute;
		left: -12px;
		z-index: 0;
	}
	#screen .bkgh {
		width: 100%;
		height: 100%;
		background: #000 url(../images/fond_horizontal.png) bottom no-repeat;
	}
	#screen .bkgc {
		width: 100%;
		height: 100%;
		background: #000 url(../images/fond_carre.png) bottom no-repeat;
	}
	#screen .bkgv {
		width: 100%;
		height: 100%;
		background: #000 url(../images/fond_vertical.png) bottom no-repeat;
	}
	#loader {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -16px;
		margin-top: -16px;
		outline:#000 solid 5px;
		z-index: 2000;
		display: none;
	}
	

/* OTHER LAYOUTS & CONTAINERS */
	#container {width: 100%; height: 100%; position:absolute; top:0; left:0; overflow:hidden;}

	.page {width:33%; height:100%; float:left;}   
	
	#template {
	position: absolute; background: #000;
	left: 50%; top: 50%;
	margin-left: -440px; margin-top: -340px;
	width: 880px; height: 680px;
	overflow: hidden;
	}

	#content {
	position: absolute; background: #000;
	left: 50%; top: 50%;
	margin-left: -340px; margin-top: -170px;
	width: 700px; height: 350px;
	}
	
	#column {float: left; width: 340px; min-height:110px; height:auto !important; height:100px; padding: 4px;}
	
	a, input {outline:none; text-decoration: none;color:#4a4a4a;} /* this avoids the border highlighting a link element */
	
	.typeface-js {
	font-family: bebas; font-size: 12px; color:#A35200; word-spacing: 1em; text-align: right; line-height: 1em;
	} 
	
	.font {
	font-family: bebas; font-size: 12px; color:#DBDBDB; word-spacing: 0.1em; text-align: justify; line-height: 1.2em;
	}