* {
	margin:0;
	padding:0;
	}

body,html {
	min-height:101%;
	}
	
body {
  background: url('images/body_bg.png') #ece8e8 no-repeat;
  background-position: bottom;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #222;
}

a img {
  border: 0px;
}

a {
  color: #000;
}

legend {
	 display: inline;
	 font-size: 16px;
	 
}

.video_link_container {
	width: 350px; 
	margin: auto; 
	text-align: center; 
	-moz-border-radius:5px;
	border-radius: 5px;
	background-color: #ca4b57;
	padding: 5px 5px 10px 5px;
	border: solid 1px #9a2530;
}

.retour {
	padding: 5px;
	width: 50px;
	margin: auto;
	background-color: #ca4b57;
	border: solid 1px #9a2530;
}

.retour a {
	color: #841a24;
	text-decoration: none;
}


#header {
  width: 100%;
  height: 258px;
  margin: 0px auto;
  background: url('images/header_bg.png') #2b9cd5;
}

#header_link {
  width: 1003px;
  height: 258px;
  margin: 0px auto;
}

/* Menu haut */

#topmenu {
  width: 100%;
  height: 95px;
  background: url('images/topmenu_bg.jpg') #d00515;
  padding-top: 5px;
}

#topmenu_container {
  margin: 0px auto;
  width: 950px;
}

/* Corps (ne pas toucher) */
#corps {
  width: 1015px;
  margin: 0px auto;
  margin-top: -52px;
}

/*  Le contenu */

#contenu {
  width: 718px;  
  padding-left: 3px;       /* 718+12 = 730px */
  padding-top:5px;
  background: url('images/corps_bg.png') repeat-y; 
  float: left;

}

#body_footer {
	width: 718px;
	height: 7px;
	float: left;
	background-image: url('images/body_footer.png');
	margin-bottom: -7px;
}

/*  Tout conernant le menu / Sidebar */

#menu_container {
  width: 270px;
  float: right;
}

.menu_top {
  margin-left: -8px;
  margin-top: -5px;
}

.menu {
  width: 270px;
  background: url('images/menu_bg.png');
  float: right;
  text-align: left;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.menu ul {
  list-style-type : square;
  font-size: 14px;
  margin-left: 20px;
  color: #9d9d9d;
}

.menu_stats ul {
  list-style-type : square;
  font-size: 13px;
  margin-left: 20px;
  color: #333;
}

.menu ul li {
  line-height: 170%;  
  margin-top: 2px;
  margin:2px;
  border-bottom: 1px solid #9d9d9d;
  width: 90%;
}

.menu ul a {
  color: #9d9d9d;
  text-decoration: none;
}

.menu_manga ul a:hover {
  text-decoration: underline;
  color: #006699;
}

.menu_magazines ul a:hover {
  text-decoration: underline;
  color: #c90414;
}

/* Spans du menu stats (bleu / rouge) */
.bleu {
  color: #006699;
  font-weight: bold;
}

.rouge {
  color: #c90414;
  font-weight: bold;
}

/* Spacer entre les news */

.spacer {
  width: 95%;
  height: 1px;
  margin: 0px auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #9d9d9d;
}


/* Formulaire et Bouton du formulaire */

.form_connexion {
  width: 150px;
  height: 23px;
  margin-top: 5px;
}

.bouton {
  width: 116px;
  height: 24px;
  color: #FFF;
  text-decoration: underline; 
  border: 0px;
  margin-top: 10px;
  background: url('images/login_button.jpg');
}

/* Tout conernant les news */
.news_top {
	background-image: url('images/news_top.png');
	width: 708px;
	height: 7px;
	margin-bottom: -5px;
}

.news_footer {
	background-image: url('images/news_footer.png');
	width: 708px;
	height: 164px;
	margin-top: -150px;
}

.news {
  width: 696px;
  height: 184px;
  margin-top: 5px;
  padding-top: 10px;
  padding-left: 12px;
}

.news2 {
  width: 696px;
  margin-top: 0px;
  padding-top: 10px;
  padding-left: 12px;
  min-height: 235px;
}

/* N1 = Logo de fond à droite
  N2 = Logo de fond au millieu  
  ===========================
  Utiliser un sur deux sur les news */
  
  
.n1 {
  background: url('images/news_bg_1.jpg') no-repeat #CCC;
}

.n2 {
  background: url('images/news_bg_2.jpg') no-repeat #CCC;
}

.n3 {
	background: url('images/news_background.png');
}

.news h1 {
  color: #006699;
  font-size: 18px;
  font-weight: bold;
  margin-top: 3px;
}

.news2 h1 {
  color: #006699;
  font-size: 18px;
  font-weight: bold;
  margin-top: 3px;
}

.news h2 {
  color: #9e9e9e;
  font-size: 13px;
  margin-left: 35px;
}

.news2 h2 {
  color: #9e9e9e;
  font-size: 13px;
  margin-left: 35px;
}

.news p {
  font-size: 12px;
  color: #333;
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: -2px;
}

.news2 p {
  font-size: 12px;
  color: #333;
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: -2px;
}

.news_bottom {
  width: 400px;
  height: 23px;
  margin: 0px auto;
  color : #000;
  font-size: 12px;
}

.suite {
  width: 100px;
  height: 25px;
  color: #FFF;
  background-color: #006699;
  border: 1px solid #333;
}

/* Boutons bas de pages (DIV) */

.bouton_page {
  width: 142px;
  height: 23px;
  float: left;
  background: url('images/bouton_page.jpg') #c90414 no-repeat; 
  margin-bottom: 20px;
  text-align: center;
}

.bouton_page_off {
  width: 142px;
  height: 23px;
  float: left;
  background: url('images/bouton_page_off.png') #c90414 no-repeat; 
  margin-bottom: 20px;
  text-align: center;
}

.bouton_page a {
  color : #FFF;
  text-decoration: underline;
}

.bouton_page_off a {
  color : #FFF;
  text-decoration: underline;
}

/* Toute la partie Footer */ 

#footer {
  width: 100%;
  height: 217px;
  background: url('images/footer_logo.png') no-repeat #006699;
  background-position: 75% 100%;
  margin-top: -100px;
}      

#footer_links_container {
  width: 1000px;
  height: 100px;
  margin: 0px auto;  
  margin-top: -120px;
}

.footer_links {
  width: 140px;
  height: 100px;
  float: left;
  margin-right: 10px;
}

.footer_links h3 {
  color: #FFF;
  margin-bottom: 10px;
  text-decoration: underline;
  font-weight: inherit;
  font-size: 13px;
}

.footer_links a {
  color: #FFF;
  text-decoration: none;
}

#copy {
  width: 265px; 
  height: 150px;
  margin: 0px auto; 
  padding-left: 725px; 
  padding-top: 10px;
  color: #FFF;
}

#copy a {
  color: #FFF;
}

#copy p {
  color : #FFF;
  margin-top: 10px;
}

/* Style du menu haut / Sous menu */

#sddm {	
  margin: 0px;
	padding: 0;
	z-index: 30
}

#sddm li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 16px arial;
  }

#sddm li a {
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 120px;
	background: #dd0616;
	color: #FFF;
	text-align: center;
	text-decoration: none;
  }

#sddm li a:hover {	
  background: #bc0011;
}

#sddm div {
	position: absolute;
	visibility: hidden;
	width: 200px;
	margin: 0;
	padding: 0;
	background: #bc0011;
	border: 1px solid #fd2d2d;
}

#sddm div a	{	
  position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #fd2d2d;
	color: #FFF;
	font: 14px arial;
}

	#sddm div a:hover {	
  background: #dd0616;
	color: #FFF;
}

.fond_contenu
{

  width: 700px;  
height:auto;
  float: left;

    border:1px solid #ece8e8;

	   margin-bottom:10px;

}

table.fond{
   background-image: url('images/barre_contenu.png');
    margin-left:auto;
   margin-right:auto;
   margin-top:5px;
   color:white;

}

.titre_serie
{
size : 20px;
}



.haut
{
background: url(images/fond_mf_01.gif);
width:198px;
height:28px;
}

.ecri_haut
{
text-align:center;
padding-top:5px;
text-decoration:none;
}
.ecri_haut a
{
text-align:center;
padding-top:5px;
text-decoration:none;
font-weight:bold;
color:white;
}


.milieu
{
background: url(images/fond_mf_02.gif);
width:194px;
height:auto;
padding-left:5px;
}

.ecri_milieu
{
text-align:center;
}

.bas
{
background: url(images/fond_mf_04.png);
width:194px;
height:26px;
}



.contenu_serie_haut
{
background: url(images/fondcontenuepisode_01.png);
width:690px;
height:49px;
}



.contenu_serie_milieu
{
background: url(images/fondcontenuepisode_02.png);
width:690px;
height:auto;
padding-left:5px;
}


.contenu_serie_bas
{
background: url(images/fondcontenuepisode_04.png);
width:690px;
height:42px;

}

.contenu_serie_red_haut
{
background: url(images/fond_contenu_red_01.png);
width:690px;
height:49px;
}



.contenu_serie_red_milieu
{
background: url(images/fond_contenu_red_02.png);
width:690px;
height:auto;

}

.contenu_serie_red_milieu_text 
{
margin-top:-40px;
margin-bottom:-30px;
padding-left:15px;
padding-right:15px;
text-align:justify;
color:white;
}
.contenu_serie_red_milieu_text a
{
color:white;
text-decoration:none;
font-weight:bold;
}

.contenu_serie_red_bas
{
background: url(images/fond_contenu_red_04.png);
width:690px;
height:42px;

}

.image_serie
{
float:left;
padding-left:10px;
}

.bulle_haut { margin-left:50px;  background: url(images/bulle_01.png); height:24px; width:590px;  }
.bulle_milieu { margin-left:50px;background: url(images/bulle_02.png); height:auto; width:590px;}
.bulle_bas { margin-left:50px;background: url(images/bulle_03.png); height:52px; width:590px;}
.bulle_text { margin-left:50px;padding-left:20px; }

.contenu_epi_haut {text-align:center;  background: url(images/fondcontenuepisode_01.png); height:49px;width:690px;}
.contenu_epi_milieu { background: url(images/fondcontenuepisode_02.png); height:auto;width:690px;}
.contenu_epi_bas { background: url(images/fondcontenuepisode_04.png); height:42px;width:690px;}
.contenu_episode_milieu_1 { text-align:center;  }
.entree_serie { text-align:center;clear:both; }

table#tableau_bleu {
border: small solid #6495ed;
border-collapse: collapse;
width: 70%;
margin-left:100px;
margin-top:20px;
}
table#tableau_bleu th {

border: thin solid #6495ed;
width: 50%;
padding: 5px;
background-color: #006699;
background-image: url(sky.jpg);
}
table#tableau_bleu td {
font-family: sans-serif;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
text-align: center;
background-color: #ffffff;
}
table#tableau_bleu caption {
font-family: sans-serif;
}


table#tableau_bleu2 {
border: small solid #6495ed;
border-collapse: collapse;
width: 100%;

margin-top:20px;
}
table#tableau_bleu2 th {

border: thin solid #6495ed;
width: 50%;
padding: 5px;
background-color: #006699;
background-image: url(sky.jpg);
}

table#tableau_bleu3 {
border: small solid #6495ed;
border-collapse: collapse;
width: 100%;
margin-top:-5px;
text-align:left;
}
table#tableau_bleu3 th {

border: thin solid #6495ed;
width: 50%;
padding: 5px;
background-color: #006699;
background-image: url(sky.jpg);
}

.personnage
{
margin-top:20px;
border: thin solid #6495ed;
width: 98.3%;
padding: 5px;
background-color: #006699;
background-image: url(sky.jpg);
}

.barre_haut
{
padding-left:10px;
}

.barre_haut a
{
text-align:center;
padding-top:5px;
text-decoration:none;
font-weight:bold;
color:white;
}

.cadrecontenu_studio
{
background: url(images/cadrecontenu_studio.png);
width:501px;
height:202px;
text-align:center;
margin-left:100px;
}


.cadrecontenu_studio2
{
text-align:center;
padding-top:10px;
}

.cadrecontenu_studio2 a
{
text-align:center;
padding-top:5px;
text-decoration:none;
font-weight:bold;
color:white;
}

.cadrecontenu_studio3
{
text-align:center;
padding-top:15px;
}


.cadrecontenu
{
background: url(images/cadrecontenu.png);
width:189px;
height:202px;
text-align:center;

}

.align
{
padding-left:30px;
}
.cadrecontenu2
{
text-align:center;
padding-top:10px;
}

.cadrecontenu2 a
{
text-align:center;
padding-top:5px;
text-decoration:none;
font-weight:bold;
color:white;
}

.cadrecontenu3
{
text-align:center;
padding-top:15px;
}

#wrapper {
	background: #FFF;
	width: 718px;
	margin: 0 auto;
}

#title {
	background: url(images/title.png);
	width: 728px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	margin: 5px -5px auto;
	text-indent: 20px;
	color: #FFF;
}

#title img.arrow{
	vertical-align: middle;
	margin: 0 15px;
}

#manga {
	width: 693px;
	margin: 5px auto;
}

#manga .tab1 {
	background-color: #117bb0;
	width: 121px;
	height: 29px;
	border-top: 1px solid #1c5f81;
	border-bottom: 1px solid #1c5f81;
	border-left: 1px solid #1c5f81;
	line-height: 29px;
	font-size: 14px;
	color: #0c425d;
	font-weight: bold;
	margin: 0 0 10px 0;
	margin-right: -10px;
}

#manga .tab2 {
	background-color: #1574a4;
	width: 121px;
	height: 29px;
	border-top: 1px solid #1c5f81;
	border-bottom: 1px solid #1c5f81;
	border-right: 1px solid #1c5f81;
	margin: 0 0 10px 10px;
	line-height: 29px;
	font-size: 12px;
	color: #9dd2ed;
}

#manga .tab2 a {
	color: #9dd2ed;
	text-decoration: none;
}

#manga .left {
	float: left;
}

#manga .right {
	float: right;
}

#manga #manga_top {
	position: relative;
	background: url(images/manga_top.png);
	height: 173px;
	z-index: 0;
}

#manga #manga_content {
	background: url(images/manga_background.png);
	margin: -165px 0 0 0;
	z-index: 1;
}

#manga #manga_bottom {
	background: url(images/manga_bottom.png);
	margin-top: -25px;
	height: 43px;
}

#manga #manga_title {
	position: relative;
	width: 95%;
	margin: 0 auto;
	color: #caedfe;
	font-size: 18px;
}

#manga #manga_title img{
	vertical-align: middle;
}

#manga #manga_hr {
	position: relative;
	display: block;
	background: url(images/manga_hr.png);
	width: 668px;
	height: 5px;
	margin: 5px auto;
	border: 0;
}

#manga #manga_main {
	width: 660px;
	margin: 0 auto;
}

#manga #manga_image {
	position: relative;
	background: url(images/manga_image.png);
	width: 134px;
	height: 184px;
	float: left;
	padding: 4px 0 0 4px;
}

#manga #manga_main_content {
	position: relative;
	width: 517px;
	float: right;
}

#manga #manga_infos {
	width: 517px;
	position: relative;
	margin: 0 0 10px 0;
	float: right;
	text-align: center;
}

#manga #manga_synopsis {
	width: 517px;
	float: right;
}

#manga #manga_synopsis_top {
	background: url(images/manga_synopsis_top.png);
	height: 8px;
}

#manga #manga_synopsis_content {
	background: url(images/manga_synopsis_background.png);
	padding: 0 10px;
	overflow: hidden;
	min-height: 82px;
	color: #082330;
}

#manga #manga_synopsis_content p {
	margin: 2px 0;
}

#manga #manga_synopsis_bottom {
	background: url(images/manga_synopsis_bottom.png);
	height: 5px;
}

#series {
	width: 693px;
	margin: 5px auto;
	height:auto;
}

#series_top {
	position: relative;
	background: url(images/series_top.png);
	height: 110px;
	z-index: 0;
}

#series_content {
	background: url(images/series_background.png);
	z-index: 1;
	margin: -87px 0 0 0;
	min-height: 70px;
	padding-bottom: 1px;
}

#series_bottom {
	background: url(images/series_bottom.png);
	height: 23px;
}

#series #series_table {
	/*border: 1px solid #FFF;*/
	width: 633px;
	margin: 0 auto;
	position: relative;
	color: #FFF;
	border-collapse: collapse;
	margin-bottom: 10px;

}

#series #series_table tr{
	background: #b21f2d;
	width: 100%;
}

#series #series_table tr.alt{
	background: #9b121f;
	width: 100%;
}

#series #series_table td{
	width: 25%;
	border: 1px solid #7e131d;
	text-align: center;
	height: 23px;
}

#commentaires {
	width: 693px;
	margin: 5px auto;
}

#commentaires #commentaires_top {
	position: relative;
	background: url(images/commentaires_top.png);
	height: 132px;
	z-index: 0;
}

#commentaires #commentaires_content {
	background: url(images/commentaires_background.png);
	margin: -125px 0 0 0;
	z-index: 1;
	overflow: hidden;
}

#commentaires #commentaires_bottom {
	background: url(images/commentaires_bottom.png);
	height: 16px;
}

#commentaires #commentaires_title {
	position: relative;
	width: 95%;
	margin: 0 auto;
	color: #fc909a;
	font-size: 18px;
}

#commentaires #commentaires_title img{
	vertical-align: middle;
}

#commentaires #commentaires_hr {
	position: relative;
	display: block;
	background: url(images/commentaires_hr.png);
	width: 668px;
	height: 5px;
	margin: 5px auto 0 auto;
	border: 0;
}

#commentaires .comment {
	position: relative;
	width: 665px;
	margin: 5px auto;
}

.comment .comment_avatar {
	position: relative;
	width: 76px;
	height: 76px;
	float: left;
	margin: 7px 5px 0px 7px;
	border: solid 1px #df6873;
}

.comment .comment_pseudo {
	color: #9e9e9e;
	float: right;
	margin: -25px 20px 2px 0;
	font-size: 12px;
	position: relative;
	z-index: 1;
}

.comment .comment_pseudo em {
	font-weight: bold;
}

.comment .comment_top {
	background: url(images/commentaires_comment_top.png);
	height: 4px;
}

.comment .comment_content {
	background: url(images/commentaires_comment_background.png);
	overflow: hidden;
	color: #841a24;
}

.comment .comment_bottom {
	background: url(images/commentaires_comment_bottom.png);
	height: 4px;
}

.comment .comment_text {
	position: relative;
	width: 546px;
	float: right;
	margin: 5px 10px;
}

.comment_text .comment_text_top {
	background: url(images/comment_text_top.png);
	height: 5px;
}

.comment_text .comment_text_content {
	background: url(images/comment_text_background.png);
	overflow: hidden;
	padding: 0 10px 15px;
	min-height: 68px;
}

.comment_text .comment_text_content p {
	margin: 0;
}

.comment_text .comment_text_bottom {
	background: url(images/comment_text_bottom.png);
	height: 6px;
}

.comment_text_arrow {
	background-image: url('images/comment_arrow.png');
	width: 10px;
	height: 19px;
	float: left;
	margin: 20px 0 0 -10px;
}

.clear
{
clear:both;
}








.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
.episode_select:hover{
background-color: #921824;
font-size: 16px;
}
.episode_link{
color: #4b060c;
text-decoration: none;
}

#classement_episodes
{
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
height : 180px;
width : 50%;
  background: url('images/topmenu_bg2.png') #d00515;
    float: right;
}
#classement_episodes2
{
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
height : 180px;
width : 50%;
  background: url('images/topmenu_bg2.png') #d00515;
}
#classement_episodes2_sous
{
color: white;
  background: url('images/title.png') #d00515;
}
#classement_episodes_sous
{
color: white;
  background: url('images/title.png') #d00515;
}










#classement_episodes3
{
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
height : 180px;
width : 50%;
  background: url('images/topmenu_bg2.png') #d00515;
    float: right;
}
#classement_episodes4
{
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
height : 180px;
width : 50%;
  background: url('images/topmenu_bg2.png') #d00515;
}
#classement_episodes4_sous
{
color: white;
  background: url('images/title.png') #d00515;
}
#classement_episodes3_sous
{
color: white;
  background: url('images/title.png') #d00515;
}