/* Global Styles */

body {
	margin:0;
	padding:0;
	height:100%;
	background:#161212 url(images/bg.jpg) fixed top center no-repeat;
    font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
	
p {
    font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:17px;
	letter-spacing:1px;
}

.image {
	border:3px solid #43413e;
	margin:4px 10px 0 10px;
}

.image:hover {
	border:3px solid #23201a;
	filter: Alpha(Opacity="50");
	opacity:0.5;
}

.image_news {
	border:3px solid #43413e;
	margin:5px 0 8px 8px;
}

.image_news:hover {
	border:3px solid #23201a;
	filter: Alpha(Opacity="50");
	opacity:0.5;
}
	
/* Links Styles */
	
a {
	color:#FFFFFF;
	text-decoration:none;
}
	
a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}
	
/* Div Styles */

#top {
	position:fixed;
	z-index:1;
	background:url(images/bg_top.png) repeat-x top;
	margin:0 auto 0 auto;
	width:100%;
	height:26px;
}

#top img.top {
	margin:3px 5px 0 0;
}

#top_header {
	background:none;
	margin:0 auto 0 auto;
	width:900px;
	height:26px;
}

#page {
	background:none;
	margin:0 auto 0 auto;
	width:900px;
	min-height:100%;
	overflow:hidden;
}

#header {
	background:url(images/header.png) no-repeat top center;
	margin:30px auto 0 auto;
	width:900px;
	height:179px;
}

#menu {
	background:url(images/bg_menu.png) no-repeat top center;
	margin:0 auto 0 auto;
	width:900px;
	height:32px;
}

#menu img {
	margin:0;
	padding:0;
}

#top_contenu {
	background:url(images/top_contenu.png) no-repeat top center;
	margin:15px auto 0 auto;
	width:900px;
	height:7px;
}

#contenu {
	background:url(images/bg_contenu.png) repeat;
	border-left:#1e1d1d solid 1px;
	border-right:#1e1d1d solid 1px;
	margin:0 auto 0 auto;
	padding:15px 0 0 0;
	width:898px;
	min-height:500px;
	overflow:hidden;
}

#contenu_int {
	background:none;
	margin:0 auto 0 auto;
	width:830px;
	min-height:500px;
	overflow:hidden;
}

#contenu_left {
	background:none;
	margin:20px 0 10px 23px;
	float:left;
	width:404px;
	overflow:hidden;
}

#contenu_right {
	background:none;
	margin:20px 0 10px 23px;
	float:right;
	width:448px;
	overflow:hidden;
}

/* Block Styles */

#block_compteur {
	background:url(images/bg_compteur.png) no-repeat top center;
	float:left;
	margin:15px 0 10px 0;
	padding:0;
	width:404px;
	height:46px;
}

#block_compteur_p {
	margin:4px 0 0 48px;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#b9ae98;
	letter-spacing:0.1em;
	text-align:center;
}

#block_compteur_p span {
	font:bold 13px Arial, Helvetica, sans-serif;
}

#block_compteur_p span.small {
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#block_news {
	background:url(images/bg_news.png) no-repeat;
	float:left;
	margin:0;
	padding:0;
	width:404px;
	min-height:200px;
}

#block_news #titre {
	margin:20px 112px 10px 10px;
	height:80px;
	overflow:hidden;
}

#block_news #titre p {
	font:11px Arial, Helvetica, sans-serif;
	color:#999999;
	margin:10px 10px 5px 0;
}

#block_news #titre h1 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0 10px 10px 0;
}

#block_news #texte {
	margin:10px 12px 10px 10px;
	text-align:justify;
}

#block_newsletter {
	background:url(images/bg_newsletter.png) no-repeat;
	margin:0;
	padding:0;
	width:404px;
	height:37px;
	overflow:hidden;
}

#block_newsletter p {
	margin:13px 0 0 10px;
}

#block_pub {
	background-color:#23201a;
	margin:20px auto 10px auto;
	padding:5px 60px 5px 60px;
	width:728px;
	height:90px;
	overflow:hidden;
}

#block_edito {
	background:url(images/bg_edito.png) no-repeat;
	float:left;
	margin:0;
	padding:0;
	width:425px;
	min-height:204px;
}

#block_edito a.link_block {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#block_edito #texte {
	margin:28px 100px 10px 10px;
	text-align:justify;
}

#block_reseaux {
	background:url(images/bg_reseaux.png) top right no-repeat;
	float:left;
	margin:0 0 10px 0;
	padding:0;
	width:425px;
	height:89px;
}

#icons {
	margin:35px 0 0 175px;
}

#icons img {
	margin:0 7px 0 0;
}

#footer {
	background:url(images/bg_footer.png) no-repeat top center;
	margin:0 auto 20px auto;
	width:900px;
	height:65px;
	padding:21px 0 0 0;
	text-align:center;
}

#footer p {
	font:10px Arial, Helvetica, sans-serif;
	color:#666666;
	letter-spacing:normal;
}

#footer a {
	font:10px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}

#footer a:hover {
	font:10px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:underline;
}

/* Others Div Styles */

#news_list {
	background:#23201a url(images/bg_ep.jpg) top center no-repeat;
	margin:0 auto 20px auto;
	padding:5px 15px 15px 15px;
	width:726px;
	overflow:hidden;
}

#fan_arts_list {
	background:#23201a url(images/bg_ep.jpg) top center no-repeat;
	margin:0 auto 20px auto;
	padding:15px 0 15px 16px;
	width:760px;
	overflow:hidden;
}

#episodes_list {
	background:#23201a url(images/bg_ep.jpg) top center no-repeat;
	margin:0 auto 20px auto;
	padding:15px 0 15px 16px;
	width:726px;
	overflow:hidden;
}

#episode {
	background:#23201b url(images/bg_episode.png) top left no-repeat;
	margin:0 auto 20px auto;
	padding:15px 0 15px 16px;
	width:730px;
	overflow:hidden;
}

#episode p {
	width:570px;
	margin:10px 0 0 70px;
}

#player {
	margin:0 0 0 55px;
}

#episode_next {
	background:#1b1916 url(images/bg_ep_next.jpg) top center no-repeat;
	margin:0;
	padding:8px 0 0 15px;
	width:694px;
	overflow:hidden;
}

#episode_pub {
	background-color:#23201b;
	margin:0 auto 20px auto;
	width:728px;
	overflow:hidden;
}

#personnage {
	background-color:#23201b;
	margin:0 auto 20px auto;
	padding:15px 16px 15px 16px;
	width:726px;
	overflow:hidden;
}

#block_boutique {
	background-color:#322e29;
	margin:0 0 20px 20px;
	padding:0;
	width:670px;
	overflow:hidden;
}

#block_boutique h1 {
	background-color:#23201b;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:100%;
	height:20px;
	margin:8px 0 0 0;
	padding:2px 0 0 5px;
}

#block_boutique img {
	margin:0 10px 0 0;
}

#block_boutique_item {
	background-color:#23201b;
	margin:9px auto 7px auto;
	padding:0;
	width:630px;
	overflow:hidden;
}

#block_boutique_item h4 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:5px 0 0 0;
}

#block_cgdv {
	background-color:#322e29;
	margin:0 0 20px 20px;
	padding:0;
	width:670px;
	overflow:hidden;
}

#block_cgdv h1 {
	background-color:#23201b;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:100%;
	height:20px;
	margin:8px 0 0 0;
	padding:2px 0 0 5px;
}

#block_cgdv p {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:17px;
	letter-spacing:1px;
	text-align:justify;
	margin:15px;
}

#block_cgdv ol {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:17px;
	letter-spacing:1px;
	text-align:justify;
	margin:15px;
}

#block_cgdv ul {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:17px;
	letter-spacing:1px;
	text-align:justify;
	margin:15px;
}

.thumbModule {
	display:block;
	width:145px;
	float:left;
	margin:0 0 10px 0;
}

.thumbModuleLeft {
	display:block;
	width:125px;
	float:left;
	margin:0 20px 10px 0;
}

.thumbModuleRight {
	display:block;
	width:125px;
	float:right;
	margin:0 20px 10px 0;
}
		
.thumbnailHolder {
	display:block;
}	
		
.thumbnailHolder img{
	border:3px solid #43413e;
}

.thumbnailHolder img:hover {
	border:3px solid #23201a;
	filter: Alpha(Opacity="50");
	opacity:0.5;
}

.thumbTitle {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	margin:5px 0px 0px 4px;
}
		
.thumbCaption {
	font:10px Arial, Helvetica, sans-serif;
	color:#999999;
	margin:0px 0px 5px 4px;
}
		
.thumbCaptionLeft {
	font:10px Arial, Helvetica, sans-serif;
	color:#999999;
	margin:0px 2px 5px 0;
	text-align:right;
}

.thumbnails a {
	display: block;
	float: left;
	margin: 4px;
}

.thumbnails a img { border:3px solid #43413e; }

.thumbnails a:hover img {
	border:3px solid #23201a;
	filter: Alpha(Opacity="50");
	opacity:0.5;
}

/* Box Episode Styles */

#box_episode {
	margin:0 auto 0 auto;
	width:854px;
	height:255px;
}

#box_episode_top_left {
	margin:0;
	width:404px;
	height:52px;
}

#num_ep {
	margin:0;
	padding:20px 0 0 28px;
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#chiffre_ep {
	margin:0;
	padding:20px 0 0 33px;
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#box_episode_left {
	margin:0;
	width:404px;
	height:203px;
}

#box_description {
	margin:0 auto 0 auto;
	padding:145px 0 0 0;
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:420px;
	height:50px;
}

#box_description h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0 0 0 10px;
}

#box_description p {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:5px 0 5px 10px;
}

#box_episode_right {
	float:right;
	margin:8px 0 0 0;
	width:450px;
	height:247px;
}

#box_video {
	margin:19px 0 0 43px;
}

/* Titles Styles */

h1 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

h2 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#999999;
	margin:0;
}

h3 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	border-bottom:#292626 solid 1px;
}

/* Form Styles */
	
form.expose {
	padding:0;
	margin:20px 0;
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
}

form.expose a {
	float: left;
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0 0 10px 138px;
}

form.expose span {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	float:left;
	margin-left:10px;
}

label {
	display: block;
	float: left;
	margin-bottom: 10px;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

input.contact {
	display: block;
	float: left;
	margin-bottom: 10px;
}

input {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
    border:1px solid #1c1a15;
	background-color:#383836;
}

textarea {
	display: block;
	float: left;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-bottom: 10px;
	border:1px solid #1c1a15;
	background-color:#383836;
}

select {
	display: block;
	float: left;
	margin-bottom: 10px;
	background-color:#EEEEEE;
	border-color:#999999 #DDDDDD #DDDDDD #CCCCCC;
	border-style:solid;
	border-width:1px;
}

label {
	text-align: right;
	width: 120px;
	padding-right: 20px;
}

br {
	clear: left;
}