/****************************************************************/
 /****************************************************************/
 /* BASES DES PAGES SERIEBOX */
/****************************************************************/
/****************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;margin:0;outline-color:-moz-use-text-color;outline-style:none;outline-width:0;padding:0;vertical-align:baseline;}
strong, .pun strong, .pun b { font-weight:bold; } i, em { font-style:italic; }
img  a {border: 0;}
table { border-collapse:collapse;}
#corps table td { vertical-align:top; }
.clear { clear:both;}
html  { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; }
body{ margin: auto; }

#header {margin:auto;width: 990px; height: 184px;  position:relative;}
#banner { text-indent: -8000px; height: 180px; }

/* navbar */
#navbar { z-index:100; height:28px;background-color:#111;position:fixed;top:0px;left:20px; right:20px; box-shadow:0 0 5px #111; -moz-box-shadow:0 0 5px #111; -webkit-box-shadow:0 0 5px #111; font-family:Arial,Verdana,Genava,sans-serif;
border-bottom-left-radius:6px; border-bottom-right-radius:6px; -webkit-border-radius-bottomleft:6px; -webkit-border-radius-bottomright:6px;
-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; width:auto; opacity:0.95; }
#navbar img { vertical-align:middle; } 
#navbar_menu { padding:0; margin:0; list-style:none; line-height:20px; }
#navbar_menu{ float:left; }
#navbar_menu li { float:left; display: inline; margin:0px; padding:0px; }
#navbar_menu li a { display:block; padding:0px 10px; text-decoration:none; text-indent:0px;border:0px; z-index:3000; margin: 0px; }
#navbar_menu img { vertical-align:middle; border:0 none; }
#navbar_menu li a, #textnavbar a { border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }
#navbar_menu li#li_twitter a, #navbar_menu li#li_facebook a { text-indent:-9000px; display:block; height:16px; } 
#navbar_menu li#li_twitter a { background: url('http://www.seriebox.com/images/ico_twitter.png') no-repeat 0px 2px; } 
#navbar_menu li#li_facebook a { background: url('http://www.seriebox.com/images/ico_facebook.png') no-repeat 0px 2px; } 
#myform { position:relative; z-index:1; float:right; right: 10px; } 
#textnavbar, #textnavbar2 { z-index:2; } 
#textnavbar2 { position:relative;  float:right;right:20px; } 
#textnavbar, #textnavbar2, #textnavbar3, #myform { top:3px; font-size: 0.9em; }
#textnavbar{position:absolute;left:10px;}
#textnavbar3{left:400px;position:absolute;}
#navbar { color:white; }
#navbar a{ color:white; text-decoration:none;margin:1px;padding:1px;}
#navbar a:hover{text-decoration:underline;}
#navbar input, #navbar .inscription, .likenavbar input { border: 1px solid black; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background-color:#B2B2B2; color:#111; cursor: pointer; padding-left:5px; }
#navbar .inscription { padding:1px 10px;}
#navbar .submit, .likenavbar .submit { background-color:black; color:white;border:1px solid silver;  font-family: Arial,Verdana,Genava,sans-serif;font-size: 0.8em; }
.mp_highlights { background-color:red;}


#menusite{position:absolute;top:170px;left:0px;z-index:4;padding: 0;width: 955px;margin:auto;background: transparent;margin-bottom:10px;}
#menusite ul{margin:0px;margin-left: 40px;margin-right: 60px;padding: 0;list-style: none;}
#menusite li{display: inline;margin: 0 2px 0 0;padding: 0;text-transform:uppercase;text-indent:0px;}
#menusite a{float: left;display: block;text-decoration: none;margin: 0 1px 0 0; padding: 5px 10px;}
#fleche{width:44px;min-width:44px;max-width:44px;height:40px;min-height:40px;max-height:40px;position:relative;left:85px;top:-1px;}

#recherchehaut{clear:left;position:absolute;top:0px;left:50%;z-index:5;padding:0;margin:0;width:0px;height:0px;}
#hautcorps{ padding: 0px;border: none;min-height: 42px;max-height:42px;height:42px;width: 100%;margin: auto;position: relative;bottom:0px;z-index:2;}
#hautcorps a{color:black;}

#corps{ border: none; min-height: 500px;font-size: 1em;color: black;}
#corps a, #footer a{ color:black; text-decoration:none;}
#corps a:hover, #footer a :hover  { text-decoration:underline;}
#endcorps, #footer_up {height:42px;}
#footer
 {   clear:left;   text-align: center;   font-size:0.8em;   color: black;   position:relative;
   top:0px;   left:0px;   padding-bottom:25px;}

#footer_contener div.plan_site { float:left; width:230px; } 
#footer_contener h4 { margin-top:10px; font-size: 1.3em; }
#footer_contener ul li{ list-style-type:none; }
#footer_contener ul li a:hover{ text-decoration:underline; }

#corps, #hautcorps, #endcorps, #footer_contener { width:990px; margin: auto; padding: 0px 10px; }
#footer_contener  { text-align:left; padding: 0 30px; width:930px; }

.single_col { padding:10px 20px; }
#corps a.small_link { font-size:0.8em; color:blue; }

/* seriesencours.php */
h2.title_page { padding: 5px 20px; background: #57859f url(http://www.seriebox.com/images/index/bleufonce.jpg) repeat-y 0% 50%; color:white; text-shadow: rgba(70, 89, 114, 0.699219) 0px -2px 2px; margin:0;font-weight: bold;font-size: 1.2em;text-transform: uppercase; }
#tempsrestant  { margin: 10px auto; font-size: 0.8em; }

#corps a.link_recap { font-weight:bold;font-style:italic;color:blue; }
#table_appreciation { display:none; margin: auto auto 10px; background-color: white; font-size:0.8em; }
#title_appreciation { text-align:left; background-color:silver; color:white;}
#title_page_seriemania { padding:0px;margin:0px; }

#div_legende { margin: auto; text-align: center; margin-top: 20px; margin-bottom:20px; }

.bigicolor { width:20px;height:20px; -webkit-border-radius:4px;-moz-border-radius: 4px; margin: auto; }

.pl5px { padding-left:5px; }
.pr30px { padding-right:30px; }

#table_series { margin:auto; }
#table_series td.colonne_table { vertical-align:top;}
#table_series td.colonne1 { border-right: 1px solid silver; }
#table_series td.colonne2 { width:35%; padding-left: 5px; }
#tr_title { font-weight:bold; font-size:1.1em; border-bottom: 1px solid silver; }
#tr_title td { padding:5px 0px; }

.show_avoir_tr { vertical-align:top; }
.show_avoir_1_1 { width:160px; }
#corps .show_avoir_1_1 img, #corps .show_ajour_2 img  { width:150px;height:75px; border:3px solid white; 
-webkit-box-shadow : 2px 2px 5px silver; -moz-box-shadow : 2px 2px 5px silver; }
.show_avoir_1_2 a, .show_ajour_1_1 a { color:black; font-size:1.3em; font-weight:bold;text-decoration:none;text-transform:uppercase; }
.show_avoir_2_1_1 { font-weight:bold;}
.show_avoir_2_1_2 , .show_avoir_2_1_3, .show_ajour_2_1, .tablerecap { font-size:0.8em;  }
.show_avoir_2_1_3 { color: gray; }
.tablerecap { margin:auto;}
.tablerecap tr td:first-child { text-indent:5px;}

/* show_chaine */
.blocserie { float:left;width:230px;max-width:230px;margin-top:10px;text-align:center;position:relative;top:0px;left:0px; }
#nomserie { text-decoration:none;background-color:black;color:white;position:absolute;top:10px;left:20px;margin:0px;padding:5px;z-index:3;
width:190px;max-width:190px;height:50px;max-height:50px;text-align:center; opacity:0.7; } 
#nomserie h3 { font-size:1.2em; margin:0px; padding:0px;}


/****************************************************************/
 /*  PAGE ACCUEIL DU SITE */
 /****************************************************************/

.colonne { float:left; margin:0px 5px; width: 485px; }
.contener, .contener2 { margin:10px auto; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.contener { min-width:300px; background-color:#c0d3e0; }
.contener2 { background:#fff url('http://www.seriebox.com/images/index/degradebleu.png') left bottom repeat-x; border:1px solid #E2EBF1; margin-left:760px; color:black; margin-top: 5px; height:235px; margin-right:5px; }

.contener h2, .contener2 h2 { background:#57859f url('http://www.seriebox.com/images/index/bleufonce.jpg') left center repeat-y;  color:white; margin:0; padding:5px 0px 5px 20px; font-size:1.1em;
border-top-left-radius:8px; border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px;
-webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px;  }
.contener h2 { color:white; }
.contener2 h2 { color:black; background:none;  }

.contener2 p { font-size:0.6em; font-weight:bold; text-align: center; }

.contener_text { font-size:0.7em; }

#discover_slider { width:100%; height: 200px; overflow: hidden; padding: 0px;}
#discover_slider img { width:200px;height:100px;border:3px solid white; 
-webkit-box-shadow : 2px 2px 5px silver; -moz-box-shadow : 2px 2px 5px silver;}
.discover_serie { float:left; padding: 0px 10px; margin:auto; }

.cleft { float:left; }
.cright{ float:right; }

.line { width:100%; }

.line {
height:100%;
overflow:hidden;
}

hr.clearfloat{
border:0 none;
clear:both;
margin:0;
padding:0;
visibility:hidden;
}

/* slider accordeon */

.sample{margin:30px;border:1px solid #92cdec;background:#d7e7ff;padding:30px}
.easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:1.6em;}
		   
/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */

.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
.easy-accordion dt,.easy-accordion dd{position:absolute}
.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
.easy-accordion dd.active{opacity:1;}
.easy-accordion dd.no-more-active{z-index:2;opacity:1}
.easy-accordion dd.active{z-index:3}
.easy-accordion dd.plus{z-index:4}
.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
 
 
/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */

dd p{line-height:120%}

#accordion-1{width:750px;height:245px;padding:5px;float:left;}
#accordion-1 dl{width:750px;height:245px}	
#accordion-1 dt{height:46px;line-height:44px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:transparent url(http://www.seriebox.com/images/index/slide-title-inactive-1.png) 0 0 no-repeat;color:#26526c}
#accordion-1 dt.active{cursor:pointer;color:#fff;background:transparent  url(http://www.seriebox.com/images/index/slide-title-active-1.png) 0 0 no-repeat}
#accordion-1 dt.hover{color:#68889b;}
#accordion-1 dt.active.hover{color:#fff}
#accordion-1 dd{padding:15px 25px 35px 25px;background: white url(http://www.seriebox.com/images/index/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
#accordion-1 .slide-number{color:#68889b;left:10px;font-weight:bold}
#accordion-1 .active .slide-number{color:#fff;}
#accordion-1 a{color:#68889b}
#accordion-1 dd img{float:right;margin:0 0 0 10px;}
#accordion-1 h2{font-size:1.4em;margin:0 0 20px;padding:0;}
#accordion-1 .more{padding-top:10px;display:block}
#accordion-1 p{font-size:0.9em;font-weight: bold;line-height:150%;margin-bottom:20px}
		
.imgremonte{ position:relative; top:-30px;}

/* Box 1 : Program TV shows */

#program_lang
{ position:relative; top:40px; left:5px; width:30px; height:172px; background-color:#E0E9F0;
float:left; 
border-top-left-radius:10px; border-bottom-left-radius:10px; 
-moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; 
-webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; 
}

.program_link ul { margin:0px 10px 0px 35px; padding:0px; padding-top:10px; border:0px; }
.program_link li { display:inline; }

#corps .program_link li a
{ color:#FF58C3; text-decoration:none; font-weight:bold;
padding:5px 20px 0; }

.program_link li a:hover {  text-decoration:none;  }
.clic_program a.current { background-color:white;  }
.clic_program a.notselected { background-color:#E0E9F0;  }

.program_text
{ background-color:white; 
padding:10px;
margin:0 10px; }

.program_text .channel { font-size:0.7em; color:silver; }
.program_text a.nameshow { font-weight:bold; color:black;}

#program_tonight, #program_tonight2 { display:none; }
.program_link li.ico_calendar a, .program_link li.ico_rss a { padding: 0px; }
.program_link img { border:0; width:16px; height:16px; }
.ico_calendar { padding:0px; margin-left:0px; }
.ico_rss { padding:0px; } 
.filtercountry { padding-bottom:5px; border-bottom:1px solid gray; }


/* Box 2 : sorties ciné */

#movie_poster { text-align:center; font-weight:bold; text-align:center; font-size:0.8em; width:180px; float:left; }
#movie_poster img{ width:150px; }
#movie_poster img { border:3px solid white; margin:10px; }
#movie_poster div { display:none; }
#movie_poster div.current { display:block; }
#movie_list
{ background-color:#E2EBF1; height:100%;  
list-style-type:none; list-style-position:inside; 
margin:0; padding:10px 2px 10px 10px; margin-left:180px; }
#movie_list li { margin:1px 0px; padding:0px 5px; }
#movie_list li a.current, #movie_list li:hover a { background-color:white; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#movie_list li a { text-decoration:none; color:black; font-weight:bold; display:block; margin:0; padding:2px 2px 2px 15px; } 
#movie_list li a:hover {  text-decoration:none; }
#movie_list li a span.nbrewishmovie { font-size:0.çem; font-weight:normal; }
#movie_list li.nbrewishmovie { font-size:0.8em; padding-top: 20px; }
#movie_list li.nbrewishmovie:hover
{ background-color:#E2EBF1; }
#contener_sorties { position:relative; top:0px; left:0px;}
#move_in_time { position:absolute; right:0px; top:4px;font-weight:bold;padding-right:10px; }

/* Box 3 : actualités */

.flux 
{
	background-color:white; 
	padding:10px;
	margin:0 5px 10px;
}

.clic_flux a.notselected { background-color:#E0E9F0;  }
.clic_flux a.current { background-color:white;  }

#corps a.link_site { color:blue; text-align:center;}

/* Ex accueil*/

#acccolonne1, #acccolonne2
{
	float:left;
	min-width:470px;
	max-width:470px;
	width:auto !important;
	width:450px;
	margin-bottom:10px;
	margin:0;
	padding:0;
}

#acccolonne1
{
margin-left:0px; margin-right:50px;
}

#acccolonne2
{
margin-right:0px;
}
.content_acc
{
min-width:430px;
max-width:430px;
width:auto !important;
width:430px;
height:43px;
margin:0px;
padding:0px;
}

#acccolonne1 .content_acc, .contentright
{
float:left;
}

#acccolonne2 .content_acc, .contentleft 
{
float:right;
}

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

#acccolonne1 .block_content
{
clear:left;
}

#acccolonne2 .block_content
{
clear:right;
}

#loupe
{
background: url("../../../images/new/loupe.png") no-repeat top left;
width:35px; min-width:35px; max-width:35px;
height:43px; min-height: 43px; max-height: 43px;
position:relative;
left:420px;
top:-35px;
/top:-50px;
}

#top10star
{
background: url("../../../images/new/star.png") no-repeat top left;
width:44px; min-width:44px; max-width:44px;
height:40px; min-height: 40px; max-height: 40px;
position:relative;
left:420px;
top:-35px;
/top:-50px;
}

#icoseriemania
{
background: url("../../../images/new/box.png") no-repeat top left;
width:43px; min-width:43px; max-width:43px;
height:40px; min-height: 40px; max-height: 40px;
position:relative;
left:-15px;
top:-35px;
/top:-50px;
}

#icocesoir
{
background: url("../../../images/new/tv.png") no-repeat top left;
width:43px; min-width:43px; max-width:43px;
height:48px; min-height: 48px; max-height: 48px;
position:relative;
left:-15px;
top:-35px;
/top:-50px;
}

.daterss
{
font-size:0.8em;
min-width:80px;
}

.block_content
{
padding: 5px 10px;
text-align:justify;
margin-left:1px;
margin-right:1px;
}

.block_content h2 
{
font-size : 1.4em;
color: black;
text-align: center;
padding:0px;
margin:5px;
}

#accueil h1
{
display:block;
font-size : 0.9em;
color: white;
/padding-top:15px;
}

#accueil #acccolonne1 h1
{
text-align: right;
padding-right:20px;
}

#accueil #acccolonne2 h1
{
text-align: left;
padding-left:25px;
}

.graph 
	{ 
        position: relative; /* IE is dumb */
        width: 200px; 
        border: 1px solid #57859F; 
        padding: 2px; 
    }
    
.graph .bar 
{ 
	display: block;
	position: relative;
	background-color: #57859F; 
	text-align: center; 
	color: white; 
	height: 1.4em; 
	line-height: 1.4em;    
	font-size:10px;        
}
.graph .bar span { position: absolute; left: 1em; }

#table_top10 { margin:auto auto 10px; }

.bwhite { background-color:white;}


/****************************************************************/
 /*  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  */

#corps .breadcrumbs { 
    font:11px Arial, sans-serif; 
    color:#111; 
    list-style:none; 
    padding:0; margin:0px 5px 0px 5px; 
    background:url(../serie/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; 
} 
#corps .breadcrumbs li { 
    float:left; 
    background:url(../serie/images/breadcrumb-right.png) no-repeat right center; 
    padding:0 20px 0 10px; 
    height:28px; line-height:28px; 
}    
#corps .breadcrumbs a { 
	font-size:18px;
	text-decoration:none; 
    color:#999; 
} 
#corps .breadcrumbs a:hover { 
    color:#A7342F; 
	text-decoration:none; 
} 

#corps .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;
}

/* Profil */

h1#profil_title { background: #57859F url(http://www.seriebox.com/images/index/bleufonce.jpg) repeat-y 0% 50%;
font-size: 1.3em; font-weight:bold; margin: 0px; padding: 5px 10px; color: white;}
#profil_description { margin:0px 10px; }
#profil_avatar { float:right; padding-right: 20px; width:200px; height:150px; }
#profil_navigation { margin:auto; }
#profil_navigation  ul { list-style: none; height: 23px;margin-top: 10px; margin-left: 10px; }
#profil_navigation  li { display:inline; }
#profil_navigation a { /* display:block; float:left; */ margin: 10px 0px; width: 160px; font-size:0.8em; padding:5px; background-color:#F2F2F2;
border: 1px solid silver; height: 23px; }
#profil_navigation a:hover { text-decoration:none; cursor : pointer; }
#profil_navigation a h2 { margin: 0px 10px; }
#profil_navigation .current, #profil_navigation a:hover { background-color:white; border-bottom: 2px solid white; }
#stats_profil span { display:none; }
.big_affich { background-color:white; margin:auto 10px;border:1px solid silver;  }
.big_affich h2 { margin:0px 10px; font-size:1.2em; border-bottom: 1px solid silver; }
.big_affich p, .big_affich table { margin: 10px; padding: 0px 10px; }

#liste_series { font-size:0.8em; margin:auto; }


/* Menumania */

#titreserie
{
background-color:#a7342f;
color:white;
width:970px;
margin-top:10px;
padding-left:20px;
font-size:20px;
padding-top:5px; padding-bottom:5px;
margin-bottom:10px;
}

#seriecolonne1, #seriecolonne2, #seriecolonne3
{
float:left;
margin-left:5px;
margin-right:5px;
}

#seriecolonne1
{ width:170px; }

#seriecolonne2
{ width:680px; }

#seriecolonne3
{  width:290px; }

.seriebloc
{
margin-bottom:10px;
border: 2px solid #a7342f;
    border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}

.seriebloctexte
{
padding:5px;
background-color:white;
font-size:11px;
text-align:justify;
}

.seriebloc h2
{
font-size:15px;
font-weight:bold;
margin:0px;
padding: 3px 2px;
color:white;
background-color:#a7342f;
}

#menumania { margin: auto auto auto 30px; width:100%; height: 25px;}
#menumania ul { list-style-type:none; list-style-position:outside; padding-left:0;  margin:0px;}
#menumania li { display: inline; margin:2px; }
#menumania a
{ display:block; float:left; background-color:#E2EBF1; color:black; padding:0px 5px; margin:0px 2px; 
font-size:0.8em; font-weight:bold; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; 
}
#menumania a:hover, #menumania a.current  { background-color:#C0D3E0; color:black; text-decoration:none; }

/* show_serie */
#showserie_user { font-size: 0.8em;padding: 15px 26px; text-align: right; }
#showserie_user form { float:left; }
#showserie_user label, #showserie_user input  { line-height:27px; }
#showserie_user a { display:block; float:left; margin-left: 3px; padding: 5px 10px; padding-left:20px; color: #57859F; font-weight: bold; background: url(http://www.seriebox.com/cine/icons/arrow_forward_16.png) no-repeat left center; }

div.saison-content { margin: 5px; padding:10px; background-color: #FFFFFF; border: 1px solid #CCCCCC; -moz-border-radius: 5px; border-radius: 5px; }
.saison-content h2 { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC; font-size:1.7em; font-style: italic; font-weight: bold; display: none; }
.season_tr_number { text-align: left; font-weight:bold; font-style:italic; font-size:0.9em;  }
.season_tr_number  th{ padding:5px; }

tr.ligne_episode { font-size:0.8em; border-bottom:1px solid #CCCCCC; }
tr.ligne_episode td { padding: 5px 0px;  }
td.episode_number { width:50px; }
td.episode_titre { min-width:500px;width:500px; }
td.episode_diffusion { width:100px;text-align:center; }
td.episode_duree { width:70px;text-align:center; }
td.episode_audience { text-align:center; }
td.episode_moyenne {  }
td.episode_moyenne  div { margin: auto; width:100%;height:20px; text-align:center; -webkit-border-radius:4px;-moz-border-radius: 4px; }
td.episode_moyenne p { text-align:right; }
td.episode_yournote {  }
td.episode_yournote div { width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius: 4px;margin: auto; }
td.episode_comment { background: url(../serie/images/comment.png) no-repeat 50% 50%; width:30px;text-align:center; }

.ep_diff { background: #FFF; }
.ep_vu { background: #d2e2ff; }
.ep_nondiff, #corps .ep_nondiff a { background: #FFF; color:gray; }

#loadingnote2 { text-align:center; padding: 20px; margin-top:20px; padding-top:50px; background: url(../images/loading2.gif) no-repeat center top; }

#systeme_notation { border: 1px solid #CCCCCC; padding:5px 20px; margin: 20px 5px 5px; font-size:0.8em;
-moz-border-radius: 5px; border-radius: 5px;  }
#systeme_notation legend { padding:5px 0px; font-weight:bold; }
#systeme_notation .color_note { float:left;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius: 4px;margin: auto; }
#systeme_notation p { float:left;padding-left:10px; width:150px;}
#systeme_notation p span { font-size:0.8em; }

#source_seriemania { margin-top:20px; padding: 10px 20px; font-size:0.6em; }
#source_seriemania  a { color:#2874ff; }
#source_seriemania a:hover { text-decoration:underline; }

#barre_admin { padding: 5px 20px; font-size: 0.8em; background-color:black; color:white; }
#barre_admin a { color:#FFF; }

/* Recap 2011 */

.h2_chaine { font-weight:bold;font-size:2em;}
.colu { background-color:silver; width:150px; min-height:50px; float:left; margin:10px; padding: 5px;  font-size: 0.8em;}
.colu li { list-style-type:none; padding: 5px 0; }
.colu li.title_ul { font-weight:bold; background-color: white; color:black; padding: 3px; }

/* cinemania.css */

#corps .bluelink
{
font-size:11px;
color:blue;
}

#titrefilm
{
background-color:black;
color:white;
width:970px;
margin-top:0px;
padding-left:20px;
font-size:20px;
padding-top:5px; padding-bottom:5px;
margin-bottom:10px;
}

#cinecolonne1, #cinecolonne2, #cinecolonne3
{
float:left;
margin-left:5px;
margin-right:5px;
}

#cinecolonne1
{ width:270px; }

#cinecolonne2
{ width:400px; }

#cinecolonne3
{  width:290px; }

.filmbloc
{
margin-bottom:10px;
}

.filmbloc2
{
margin-bottom:10px;
}

.filmbloctexte
{
padding:5px;
background-color:white;
border:1px solid #333;
}

.filmbloctexte2
{
padding:5px;
background-color:white;
border:1px solid #333;
}

.filmbloc h2, .filmbloc2 h2, #corps .filmbloc a.h2_link
{
font-size:15px;
font-weight:bold;
margin:0px;
padding: 3px 2px;
color:white;
background-color:black;
padding-left:5px;
}

#corps .filmbloc a.h2_link { width: 100%;display: block;margin: 0px;padding: 2px 0px;text-indent: 5px;}

.suggest, .warning
{
border: 1px solid silver;
}
.suggest
{ background-color:#7afd5a; }
.warning
{ background-color:#fd5a5a; }

input#bigsubmit
{
font-size:1.5em;
}

.support { width: 170px; padding:5px; background-color:white; text-align: center; border: 10px solid #F1F1F1;
border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
box-shadow: silver 0px 0px 5px; -webkit-box-shadow: silver 0px 0px 5px; border-spacing: 10px; }