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

.colonne { float:left; margin:0px 5px; width: 480px; }
.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:1em; font-weight: bold;
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%; }
.line2 { width:99%; margin:auto; }

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

.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 0 35px; }

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

#program_tonight { 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;}