/****************************************************************/
 /*  PAGE SERIEMANIA */
 /****************************************************************/

#bandeau_title { position:relative; top:0px; left:0px; }
.title_page { padding: 5px 20px; background: #57859f url(http://www.seriebox.com/images/index/bleufonce.jpg) repeat-y 0% 50%; color:white; margin:0px; font-size: 1.6em; }
#infos_serie { position:absolute; top:4px;right:0px;}
#infos_serie a, #infos_serie span { float:right;height:25px; font-size:0.8em; margin:0px 10px; }
#nbre_membres_by_serie { background-color:silver;padding:5px; }
#genre_serie { background-color:white; padding:5px; }
#pays_serie { text-indent:-6000px;width:25px;display:block; background-size: 100%; -moz-background-size: 100%; }
#chaine_serie { text-indent:-6000px;width:25px;display:block; background-size: 100%; -moz-background-size: 100%; }
/*  400 + 260 + 260 + (5*2+5*2)*3 + 2*3 =  986px */
#serie_casting, #serie_banner, #synopsis_serie 
{ float:left; margin:5px; padding:5px; min-height:280px; font-size:0.8em; background-color:white; }
#serie_casting { width:262px; text-align:justify;line-height:1.9em; }
#serie_banner { width:400px; }
#synopsis_serie { width:262px; text-align:right; }

#completecasting { clear:left; background-color:white; margin:0px 5px; padding:0px 5px; }
#completecasting_title { font-size:1.4em; }
#completecasting_cach a { color:black; padding-left:50px; font-size:0.9em; }
.actor_portrait{ float:left; text-align:center; margin:2px; width:150px; min-height:250px; line-height: 1.2em; }
.actor_portrait img { width:150px; border:none; }
.actor_portrait a { text-decoration:none; color:black; }
.actor_names { font-weight:bold; }
.actor_names, .actor_persos { font-size:0.8em; }
#corps a.actor_name { font-weight:bold; border-radius:4px; -webkit-border-radius:4px;-moz-border-radius: 4px; background-color:#E2EBF1; border:1px solid silver; padding:0px 2px; }
#corps a.actor_name:hover { text-decoration:none;background-color:#C0D3E0;}

 
#welcomeseriemania, .welcomeseriemania
{
width:650px;
position:relative;
left:0px;
top:0px;
font-size:1em;
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
padding-top:10px;
height:43px;
vertical-align:middle;
float:left;
margin-right:0px;
}

#avatarmania
{
float:left;
position:relative;
top:-50px;
left:5px;
width:150px;
height:140px;
background: no-repeat top center;
z-index:5;
margin-right:25px;
}

.yourcompte
{
width:470px;
position:relative;
top:0px;
right:0px;
font-size:1em;
font-weight:bold;
padding:10px;
height:23px;
vertical-align:middle;
float:right;
margin-left:0px;
}

#contentmania, #tutorial, .cadremania
{
width:970px;
margin:auto;
padding:2px 10px;
font-size:0.8em;
}

#tutorial, .cadremania
{
background-color: #e5e5e5;
}

.seriesuivie a
{
font-weight:bold;
}

.tablolastseen a
{
display:block;
text-decoration:none;
}

.contentright
{
float:left;
}

.contentleft 
{
float:right;
}

.contentright, .contentleft
{
width:28px; min-width:28px; max-width:28px;
height:43px; min-height: 43px; max-height: 43px;
}

.rightposition
{
text-align:right;
}

.checked
{
background: url("../images/chk_on.png") no-repeat top center;
}
.unchecked
{
background: url("../images/chk_off.png") no-repeat top center;
}

.nomdelaserie a
{
font-size:0.7em;
}

.tdrecap
{
min-width:20px;
width:20px;
max-width:20px;
text-align:center;
}

.coin_haut_gauche, .coin_haut_droite, .coin_bas_gauche , .coin_bas_droite
  {
  position: absolute;
  z-index:2;
  width:20px;
	height:20px;
}

.coin_haut_gauche
{
  top: 0px;
  left: 0px;
  background: url('../images/hg.png') top center no-repeat;	
}

.coin_haut_droite {
  top: 0px;
  right: 0px;
  background: url('../images/hd.png') top center no-repeat;
}

.coin_bas_gauche {
  bottom: 0px;
  left: 0px;
  background: url('../images/bg.png') top center no-repeat;
}

.coin_bas_droite {
  bottom: 0px;
  right: 0px;
  background: url('../images/bd.png') top center no-repeat;
}

#tutorial h1
{
font-size:1.3em;
text-align:center;
}

#tutorial p
{
margin:auto;
text-align:justify;
font-size:0.9em;
width:700px;
}

#tutorial img
{
border : 3px solid black;
width:700px;
}

.infosguide
{
border-left: 16px solid #b61f00;
background-color:#dbdbdb;
font-size:0.8em;
text-align:justify;
padding:5px;
}

#nbremembres a
{
text-decoration:none;
}

#nbremembres a:hover
{
text-decoration:underline;
}

#corps .yourcompte a
{
color:white;
text-decoration:none;
display:block;
}

.onglet
{
float:left;
margin-top:0px;
padding-left:20px;
width:80px;
}

  .ongletactif
  {
  width:100px;
  }
  
  .cachediv
  {
  display:none;
  }
  
  .seriearchivee, #corps .seriearchivee a
  {
  color:#00D5F2;font-weight:bold;
  }
  
  .seriesuivie, #corps  .seriesuivie a
  {
  color:red;font-weight:bold;
  }
  
  

 .show_100_terminee
 {
 background-color:#FFDBDB;
 }
 
 .show_100_encours
 {
 background-color:#FFE9DB;
 }
 
  .show_encours
 {
 background-color:#C1D7FF;
 }
 
  .show_ter_nonarchive
 {
 background-color:#FBA5A5;
 }
 
  .show_ec_nonarchive
 {
 background-color:#5EB4E3;
 }

 
 
/* thx http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php  */

 #breadcrumbs { 
    font:11px Arial, sans-serif; 
    color:#111; 
    list-style:none; 
    padding:0; margin:0px 5px 0px 5px; 
    background:url(../images/breadcrumb-bg.png) repeat-x center; 
    border:1px solid #CCC; 
    border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
    overflow:hidden; 
} 
#breadcrumbs li { 
    float:left; 
    background:url(../images/breadcrumb-right.png) no-repeat right center; 
    padding:0 20px 0 10px; 
    height:28px; line-height:28px; 
}    
#breadcrumbs a { 
font-size:18px;
    text-decoration:none; 
    color:#999; 
} 
#breadcrumbs a:hover { 
    color:#A7342F; 
	text-decoration:none; 
} 

#breadcrumbs a.selectionned { 
    color:#A7342F; 
} 

 /* end breadcrumbs  */
 
 .testarrondi
 {
 border:1px solid #CCC; 
    border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
 }
 
  .testarrondi2
 {
 border:1px solid #CCC; 
    border-radius:1em; 
    -moz-border-radius:1em; 
    -webkit-border-radius:1em; 
 }
 
.title_cast
{
font-size:1.3em;
font-weight:bold;
}