/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Style CSS
 * par Julien CADET, Directeur du développement informatique
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* HTML & BODY */
html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Verdana, Sans-cerif;
	color: #6d6d6c;
	color: #2d2e2d;
}
body {
	font-size: 80%;
	
	background-image: url("../imgs/background.png");
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #F6F6F6;
	
	height: 100%;
}

/* CENTERBLOCK */
#centerBlock {
	position: relative;
	margin: 0 auto;
	width: 980px;
}

/* HEADER */
#header {
	position: relative;
	background-image: url("../imgs/background_header.png");
	background-repeat: no-repeat;
	background-position: top left;
	height: 376px;	
}
#logo {
	position: absolute;
	top: 0;
	left: 25px;
	width: 350px;
	height: 80px;
}
#logo img {width: 350px; height: 80px;}

/* LINEUP & CATCH */
#headerpics {
	position: absolute;
	top: 109px;
}
#headerpics span {
	position: absolute;
}


/* CONTENT */
#content {
	margin: 0 0 0 0;
}
#left {
	padding: 15px 14px 0 14px;
	float: left;
	width: 271px;	/* TAILLE ORIGINALE */
	width: 243px;	/* TAILLE AVEC PADDING */
}
#right {
	padding: 15px 14px 0 14px;
	float: right;
	width: 207px;	/* TAILLE ORIGINALE */
	width: 179px;	/* TAILLE AVEC PADDING */
}
#center {
	padding: 15px 14px 0 14px;
	margin: 0 207px 0 271px;
	
	width: 502px;	/* TAILLE ORIGINALE */
	width: 474px;	/* TAILLE AVEC PADDING */
	
	background: #FFF;
}

/* LANG */
#lang {
	position: absolute;
	top: 45px;
	right: 200px;
	text-align: right;
	width: 100px;
}
#lang a {
	margin: 0 5px 0 0;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

/* REFERENCES */
#references a {
	display: block;
	float: left;
	margin: 0 3px 3px;
	width: 114px;
}

/* SCROLL TEXT */
#scrollText {
	position: absolute;
	top: 345px;
	width: 980px;
	font-size: 1.2em;
	color: #0078ff;
}
#scrollText .scroll_sponsors {margin: 0 40px;}
#scrollText .scroll_sponsors img {height: 35px;width: 105px;}

/* FOOTER */
#footer {
	height: 80px;
	background-color: #2a2a2a;
	color: #FFF;
	font-weight: bold;
}
#footer_center {
	margin: 0 auto;
	width: 980px;
}
#footer_links {
	position: relative;
	top: 15px;
	height: 20px;
}
#footer_links a {
	margin: 0 15px 0 0;
	display: block;
	float: left;	
	color: #FFF;
	text-decoration: none;
}
#footer_infos {
	position: relative;
	top: 20px;
}


/* BOX */
.box_top {
	border: solid 1px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	width: 139px;
	height: 80px;
}
.box_top a img {display: block; width: 139px;height: 80px;}
#box1 {position: absolute;top: 110px;left: 0px;z-index:12;}
#box2 {position: absolute;top: 110px;right: 0px;z-index:12;}
#box3 {position: absolute;top: 200px;left: 0px;z-index:12;}
#box4 {position: absolute;top: 200px;right: 0px;z-index:12;}