/* 
************************************************************************************ 
GENERAL
************************************************************************************ 
*/

#global img{ border: 0; margin: 0; padding: 0; }
#global p{ border: 0; margin: 5px 0 10px 0; padding: 0; }
* html .png, * html .win_png, * html .format_png{ behavior: url('data/css/png.htc'); }
#global a{ border: 0; margin: 0; padding: 0; text-decoration: none; }
#global .clear{ clear:both; font-size:1px; height:1px; overflow:hidden; }
#global .access{ position:absolute;top:0;left:-1000000px; }
#atffc {display:none;}
#aSiteCtnt { margin:0; }

/* 
************************************************************************************ 
SPIP
************************************************************************************ 
*/

.spip_documents{ border:0; }
.spip_documents_left{ float:left;display:inline;margin:0 13px 6px 0; clear:both;}
.spip_documents_right{ float:right;display:inline;margin:0 0 6px 13px; clear:both;}
.spip_documents_center{ display:block;text-align:center;clear:both}
.spip_documents img{ border:1px solid #b7b4af; padding:1px;}
.spip_documents .imgTitle{font-size:12px;font-weight:bold;}


/* 
************************************************************************************ 
POPIN
************************************************************************************ 
*/

.popinBientot{
position:relative;
font-size:14px;
padding:30px;
display:block;
text-align:center;
color:#000000;
}

.closePopin{
position:absolute;
width:30px;
height:30px;
right:-12px;
top:-12px;
cursor:pointer;
}


/* 
************************************************************************************ 
MISE EN PAGE
************************************************************************************ 
*/

body{ background:#000000 url('../img/fond_Body.jpg') no-repeat 50% 3px; }
.eSiteContainer { background:url('../img/fond_HeaderF4.jpg') no-repeat; }
#eHead { height:170px; }
#eFoot, #strate01 { margin:0; }

#global{
position:relative;
width:996px;
background:#000000 url('../img/fond_Top.jpg') no-repeat;
padding-top:255px;
z-index:0;
}

#global p{
color:#ffffff;
}

#content{
position:relative;
width:996px;
height:627px;
background:#000000;
z-index:0;
}

		#content ul{
		list-style-position:outside;
		padding-left:60px;
		list-style-type:disc;
		text-align:left;
		}

/* 
************************************************************************************ 
MENU
************************************************************************************ 
*/

#menu{
position:absolute;
top:220px;
right:0px;
height:25px;
z-index:50;
}

		#menu ul{
		list-style-type:none;
		list-style-position:outside;
		margin:0;
		padding:0;
		}

		#menu ul li{
		display:inline;
		float:left;
		margin:0;
		padding:0;
		}

				#menu ul li a{
				display:block;
				color:#ffffff;
				height:20px;
				padding:5px 12px 0 9px;
				text-transform:uppercase;
				font-size:10px;
				margin:0;
				background:url('../img/fond_Menu.png') no-repeat top right;
				}

				#menu ul li a:hover, #menu ul li.on a{
				background:url('../img/fond_Menu.png') no-repeat right -25px;
				}

/* 
************************************************************************************ 
NAVIGATION
************************************************************************************ 
*/

#navigation{
position:absolute;
top:283px;
right:15px;
height:25px;
z-index:50;
}

		#navigation form, #navigation fieldset{
		margin:0;
		padding:0;
		border:0;
		}

		#navigation select{
		font-size:11px;
		border:1px solid #cccccc;
		background:#ffffff;
		padding:1px 2px;
		margin:0;
		}
		
/* 
************************************************************************************ 
EDITO
************************************************************************************ 
*/

#horaires{
position:absolute;
top:120px;
right:0px;
color:#bc76ba;
text-transform:uppercase;
font-size:12px;
z-index:50;
}

#edito{
position:absolute;
top:160px;
right:0px;
color:#cccccc;
font-size:11px;
text-align:right;
z-index:50;
}

#credits{
color:#dddddd;
font-size:10px;
left:308px;
position:absolute;
text-align:right;
top:858px;
z-index:50;
}

#copyrightNBC{
color:#dddddd;
font-size:10px;
left:390px;
position:absolute;
text-align:right;
top:858px;
z-index:50;
}


/* 
************************************************************************************ 
PUB
************************************************************************************ 
*/

#pavePub{
position:absolute;
top:600px;
right:0px;
width:306px;
text-align:right;
z-index:50;
}

		#pavePub h3{
		color:#b2ebff;
		font-size:9px;
		text-transform:uppercase;
		font-family:Arial, sans-serif;
		margin:0 0 2px 0;
		}
		
		#pavePub #adVdoBlk{
		width:300px;
		height:250px;
		margin:0;
		border:3px solid #882985;
		background:#000000;
		}



#seriesF4{
position:absolute;
bottom:0px;
left:0px;
z-index:50;
}

		#seriesF4 a{
		display:block;
		width:301px;
		height:40px;
		background:url('../img/bt_series_f4.png') no-repeat;
		}
		#seriesF4 a span{
		display:none;
		}


/* 
************************************************************************************ 
PERSONNAGES
************************************************************************************ 
*/

#parallaxDebug{
position:absolute;
top:5px;
left:5px;
width:60px; 
color:#ffffff;
font-size:10px;
}

#persoLoader{
position:absolute;
top:180px;
left:100px;
width:32px; 
height:32px;
background:url('../img/ajax-loader.gif');
}

.perso{ 
position:absolute;
}

		#mohinder{ 
		top:50px;
		left:190px;
		width:174px;
		height:262px; 
		z-index:1;
		}

		#nathan{ 
		top:52px;
		left:100px;
		width:167px;
		height:260px;
		z-index:2;
		}

		#claire{ 
		top:125px;
		left:-10px;
		width:225px;
		height:513px; 
		z-index:3;
		}

		#niki{ 
		top:415px;
		left:120px;
		width:146px;
		height:450px; 
		z-index:4;
		}

		#micah{ 
		top:550px;
		left:180px;
		width:147px;
		height:340px; 
		z-index:5;
		}

		#peter{ 
		top:350px;
		left:-40px;
		width:216px;
		height:570px;
		z-index:7;
		}

		#matt{ 
		top:550px;
		left:300px;
		width:223px;
		height:271px;
		z-index:8;
		}

		#nuage{ 
		top:642px;
		left:70px;
		width:500px;
		height:240px;
		z-index:9;
		}

		#ombre{ 
		display:none;
		top:732px;
		left:-75px;
		width:455px;
		height:150px;
		z-index:4;
		}