@charset "UTF-8";
/* CSS Document */

body {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFF;
}

img, div { behavior: url(../inc/iepngfix.htc) }

img {
	border:none;
}

.oneColLiqCtr #container {
	width: 960px;  /* this will create a container 80% of the browser width */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #FFFFFF;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	/*background-image: url(../images/titre.png);
	background-repeat: no-repeat;*/
	/*z-index:50;*/
}

.oneColLiqCtr #mainContent {
	padding: 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*position:absolute;
	left:0px;
	top:0px;*/
	z-index:100;
	}

.oneColLiqCtr #fond_static {
	width: 960px;
	/*height: 1000px;*/
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	background-image: url(../images/tapisserie_web.png);
	background-repeat: repeat-y;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-100;
}

.oneColLiqCtr #fond_animation {
	width: 100%;
	height: 100%;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
	/*z-index:9;*/
}

.oneColLiqCtr #texte {
	width: 490px;
	position:absolute;
	left:290px;
	top:340px;
}

.oneColLiqCtr #credits {
	/*width: 490px;*/
	position:absolute;
	left:18px;
	top:466px;
}

.oneColLiqCtr #logoTGJ {
	position:absolute;
	left:897px;
	top:18px;
}

.oneColLiqCtr #video {
	width: 171px;
	position:absolute;
	left:780px;
	top:345px;
}

.oneColLiqCtr #foot {
	/*position:relative;
	left:-290px;*/
}

.oneColLiqCtr #ecuries {
	position:absolute;
	left:232px;
	top:205px;
}

/* formatage du texte */

p.no1 {
	font-size: 18px;
	}
	
p.no2 {
	font-size: 14px;
	}
	
p.no3 {
	font-size: 22px;
	}	
	
p.liens {
	font-size: 10px;
	text-transform: uppercase;
	padding:25px 0 0 0;
	margin:0;
	}		

p.liens a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	}
	
p.liens a:hover {
	color: #F00;		
	}	

p.liensVideo {
	font-size: 10px;
	text-transform: uppercase;
	padding:0;
	margin:0;
	text-align: center;
	}	

p.liensVideo a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	}
	
p.liensVideo a:hover {
	color: #F00;		
	}		
	
img.petitcafard {
	position: relative;
	top: 10px;
}