/* StyleSheet
    --------------------------------------------------------------
	Style name:		StyleSheet TRC-Master
	Original author:	Krypton
	
	Copyright 2008-2009 TRC-Master
    --------------------------------------------------------------
DESIGN */
body{
background: url('images/version6/background.png') #eeeff7 repeat-x;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #565775;
margin: 0;
padding: 0;
}

img{
border: none;
}

#overlay{
position:fixed;
width:100%;
height: 100%;
background-color: #fff;
top: 0;
left: 0;
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
z-index: 90;
}

#loading{
position: fixed;
width: 35px;
height: 35px;
top:50%;
left:50%;
margin-top:-17.5px;
margin-left:-17.5px;
}

#global{
width: 927px;
margin: auto;
}

#header{
width: 927px;
height: 354px;
background: url('images/version6/header.png') no-repeat;
}

/* NavigationBar */
#navbar{
height: 18px;
padding-left: 21px;
}
	#navbar .news{display: block; width: 47px; height: 18px; background: url('images/version6/navbar.png') no-repeat;}
	#navbar .news:hover{display: block; width: 47px; height: 18px; background: url('images/version6/navbar.png') no-repeat 0 -18px;}
	#navbar .forum{display: block; width: 58px; height: 18px; background: url('images/version6/navbar.png') no-repeat -47px 0; margin: -18px 0 0 76px;}
	#navbar .forum:hover{display: block; width: 58px; height: 18px; background: url('images/version6/navbar.png') no-repeat -47px -18px;}
	#navbar .livre{display: block; width: 92px; height: 18px; background: url('images/version6/navbar.png') no-repeat -105px 0; margin: -18px 0 0 161px;}
	#navbar .livre:hover{display: block; width: 92px; height: 18px; background: url('images/version6/navbar.png') no-repeat -105px -18px;}
	#navbar .staff{display: block; width: 50px; height: 18px; background: url('images/version6/navbar.png') no-repeat -197px 0; margin: -18px 0 0 270px;}
	#navbar .staff:hover{display: block; width: 50px; height: 18px; background: url('images/version6/navbar.png') no-repeat -197px -18px;}
	#navbar .contact{display: block; width: 74px; height: 18px; background: url('images/version6/navbar.png') no-repeat -247px 0; margin: -18px 0 0 347px;}
	#navbar .contact:hover{display: block; width: 74px; height: 18px; background: url('images/version6/navbar.png') no-repeat -247px -18px;}

/* Le centre du site */
#body{
width: 903px;
margin: auto;
background: url('images/version6/design.png') repeat-y;
}

#menu_left{
float: left;
width: 189px;
margin-left: 4px;
}
	#titre_site{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat; margin: 0 0 6px 0; border: none;}
	#titre_dossiers{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -27px; margin: 15px 0 6px 0; border: none;}
	#titre_clamp{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -54px; margin: 15px 0 6px 0; border: none;}
	#titre_manga{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -81px; margin: 15px 0 6px 0; border: none;}
	#titre_anime{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -108px; margin: 15px 0 6px 0; border: none;}
	#titre_oav{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -135px; margin: 15px 0 6px 0; border: none;}
	#titre_multimedia{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -162px; margin: 15px 0 6px 0; border: none;}
	#titre_audio{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -189px; margin: 15px 0 6px 0; border: none;}
	#titre_fan{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -216px; margin: 15px 0 6px 0; border: none;}
	#titre_goodies{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -243px; margin: 15px 0 6px 0; border: none;}
	#menu_left span{display: block; width: 177px; height: 20px; margin-left: 4px;}
	#menu_left span a{display: block; width: 158px; height: 17px; background: url('images/version6/buttons.png') no-repeat; text-decoration: none; color: #565775; padding: 3px 0 0 19px;}
	#menu_left span a:hover{display: block; width: 177px; height: 20px; background: url('images/version6/buttons.png') no-repeat 0 -20px; text-decoration: none; color: #f08aae;}

#menu_right{
float: right;
width: 189px;
margin-right: 4px;
}
	#titre_sorties{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -270px; margin: 0 0 6px 0; border: none;}
	#titre_trcbox{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -297px; margin: 15px 0 6px 0; border: none;}
	#titre_partenaires{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -324px; margin: 15px 0 6px 0; border: none;}
	#titre_compteur{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -351px; margin: 15px 0 6px 0; border: none;}
	#titre_publicites{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -378px; margin: 15px 0 6px 0; border: none;}
	#titre_recherche{display: block; width: 189px; height: 27px; background: url('images/version6/titles.png') no-repeat 0 -405px; margin: 15px 0 6px 0; border: none;}
	#sorties{padding: 8px 0 0 10px;}
	#menu_right span{display: block; width: 177px; height: 20px; margin-left: 4px;}
	#menu_right span a{display: block; width: 158px; height: 17px; background: url('images/version6/buttons.png') no-repeat; text-decoration: none; color: #565775; padding: 3px 0 0 19px;}
	#menu_right span a:hover{display: block; width: 177px; height: 20px; background: url('images/version6/buttons.png') no-repeat 0 -20px; text-decoration: none; color: #f08aae;}
	#align_box{}
	#compteur{text-align: center;}
	#btn_partenaire{display: block; margin: auto; margin-bottom: 3px; border: 1px #fff solid;}

#background_content{
background: url('images/version6/newsandcontent.jpg') no-repeat;
width: 505px;
height: 161px;
margin: 0 0 0 199px;
position: relative;
   left: 0;
   top: -14px;
}

#corps{
margin: 0 0 0 202px;
width: 500px;
position: relative;
   left: 0;
   top: -144px;
}
	#corps .news {background: url('images/version6/header_news.png') no-repeat; padding: 15px 15px 0 15px;}
	#corps .footer{width: 499px; height: 27px; background: url('images/version6/footer_news.png') no-repeat; margin-bottom: 10px;}
	#corps .news .titre{font-size: 14px; border: none;}
	#corps .contenu{padding-top: 3px;}
	#corps .titre{border-bottom:1px solid #686c9d; border-left:3px solid  #686c9d; font-size:15px; font-weight: bold ; padding-left: 3px;}
	.sendit{background: url('images/version6/bg_buttons.png') repeat-x; border: 1px solid #b5b5c4; height: 22px; color: #565775;}
	.restart{background: url('images/version6/bg_buttons.png') repeat-x; border: 1px solid #b5b5c4; height: 22px; color: #565775;}

#footer{
clear: both;
width: 100%;
text-align: center;
padding: 16px 0 10px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
	#footer strong{line-height: 20px;}
	
/* Liens */
a{text-decoration: none; color: #f08aae;}
a:hover{text-decoration: none; color: #686c9d;}


/* Marge */
ul {margin-left: 10px; }

/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:'images/lightbox/gif';base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('images/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('images/lightbox/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }