/* CSS Document */

#hd .hd-top {
height:70px;
margin-top:20px;
}

element.style {
background-image:url(/images/top_menu_bg.gif);
}

a:hover{
	text-decoration: underline;
}

#hd, #bd, #ft{
	font-size: 11px;	
}

#hd .hd-top{
	margin-top: 20px;
	height: 60px;
}

#hd .hd-date{
	margin-top: -45px;
	margin-left: 70px;	
}

#hd .hd-user-links{
	margin-left:70px;
	margin-top:20px;
}

#hd .hd-pri{
    font-size: 12px;
	clear: both;
	margin-top:0px;
	/**background-image: url(/images/top_menu_bg.gif);*/
	height: 28px;
	border-top:1px solid #ccc;
}

#hd .hd-pri li{
	float: left;
	text-align: center;
	font-weight: bold;
	line-height: 23px;
	border-right: 1px solid #ccc;
}

#hd .hd-pri a, a:link, a:visited, a:active{
    color: #000000;  
	
}
#hd .hd-pri a:hover{
    color: #ff6600;  
}

#hd-pri-tv{
	text-align: center;
	font-weight: bold;
	line-height: 23px;
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    height: 25px;
    background-image: url(http://img.servihoo.com/orange/static/img/home/top_menu_bg.gif);
	float : left ;
	list-style-type : none ;
	width: 134.5px;
}

#hd-pri-vod{
	text-align: center;
	font-weight: bold;
	line-height: 23px;
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    height: 25px;
    background-image: url(http://img.servihoo.com/orange/static/img/home/top_menu_bg.gif);
	float : left ;
	list-style-type : none ;
	width: 134.5px;
}

#hd-pri-news{
	text-align: center;
	font-weight: bold;
	line-height: 23px;
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    height: 25px;
    background-image: url(http://img.servihoo.com/orange/static/img/home/top_menu_bg.gif);
	float : left ;
	list-style-type : none ;
	width: 134.5px;
}

#hd-pri-loisirs{
	text-align: center;
	font-weight: bold;
	line-height: 23px;
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    height: 25px;
    background-image: url(http://img.servihoo.com/orange/static/img/home/top_menu_bg.gif);
	float : left ;
	list-style-type : none ;
	width: 134.5px;
}

#hd-pri-pratique{
	text-align: center;
	font-weight: bold;
	line-height: 23px;
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    height: 25px;
    background-image: url(http://img.servihoo.com/orange/static/img/home/top_menu_bg.gif);
	float : left ;
	list-style-type : none ;
	width: 134.5px;
}

#hd-pri-communiquer{
	text-align: center;
	font-weight: bold;
	line-height: 23px;
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    height: 25px;
    background-image: url(http://img.servihoo.com/orange/static/img/home/top_menu_bg.gif);
	float : left ;
	list-style-type : none ;
	width: 134.5px;
}

#hd-pri-blank{
	text-align: center;
	font-weight: bold;
	line-height: 23px;
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    height: 25px;
    background-image: url(http://img.servihoo.com/orange/static/img/home/top_menu_bg.gif);
	float : left ;
	list-style-type : none ;
	width: 140.5px;
	* width: 145.5px;
}	

#hd .hd-sec {
	font-size:11px;
	height:20px;
	margin-bottom:10px;
	margin-top:5px;
}

.tv-logo {
	width: 125px; 
	float:left; 
}

.tv-text {
	width: 425px;
	float:right;
}

li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


body{
	height: 100%;	
	color:#777777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.label1 {
	color:#444444;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}


#main
{
	position: static;
	background-image: url(../img/bg_subscribe.gif);
	float: right;
	background-repeat: no-repeat;
	width:230px;
	height:270px;
	padding: 10px 0px 0px 0px;
} 


#vod_bk
{
	position: static;
	background-image: url(../img/background_vod.jpg);
	float: left;
	background-repeat: no-repeat;
	width:723px;
	height:274px;
	
} 



#p1
{ 
	padding-top: 10px
}


#text1
{ 
	
	padding-top: 70px;
	float: left;
	width: 420px;
	margin-left: 10px;
	
}

#pic1
{ 
	
	float: left;
	width: 290px;
	
	
}




a:active, a:link, a:visited {
	color: #000000;  
	text-decoration: none;
}

a:hover{
	color:#B78006;
	text-decoration: underline;
}

.container {
  width: 974px;
  margin: 0 auto;
}

#footer {
  clear:both;
  width: 974px;
  padding-top:2px;
  text-align:center;
  margin-top:15px;
}

.column {
  float: left;
  margin-right: 10px;
}

.last { margin-right: 0;}
.last-up { margin-right: 0; margin-top:10px;}
.last-up-with-border { margin-right: 0; margin-top:10px;border:1px solid #ccc;}
.last-up5 { margin-right: 0; margin-top:5px;}

.span-1  { width: 10px;}
.span-2  { width: 30px;}
.span-3  { width: 50px;}
.span-4  { width: 70px;}
.span-5  { width: 90px;}
.span-5-5  { width: 100px;}
.span-6  { width: 110px;}
.span-6-with-border  { width: 108px;border:1px solid #ccc;}
.span-6-up  { width: 110px; margin-top:10px;}
.span-6-up5  { width: 110px; margin-top:5px;}
.span-6-5-with-border { width: 118px;border:1px solid #ccc;}
.span-6-5 {width:120px;}
.span-7  { width: 130px;}
.span-7-5 {width: 140px;}
.span-8  { width: 150px;}
.span-8-up  { width: 150px;margin-top:10px;}
.span-8-with-border  { width: 148px;border:1px solid #ccc;}
.span-8-with-border-pad {width: 138px;border:1px solid #ccc;padding:10px 5px 5px 5px;}
.span-8-up5  { width: 160px;margin-top:10px;}
.span-8-5{width: 160px;}
.span-9  { width: 170px;}
.span-9-5{ width: 180px;}
.span-10 { width: 190px;}
.span-10-5 {width: 200px;}
.span-10-with-border { width: 188px;border:1px solid #ccc;}
.span-11 { width: 210px;}
.span-12 { width: 230px;}
.span-13 { width: 250px;}
.span-13-5 { width: 255px;}
.span-14 { width: 270px;}
.span-14-with-border { width: 268px;border:1px solid #ccc;}
.span-15 { width: 290px;}
.span-15-5{ width: 300px;}
.span-16 { width: 310px;}
.span-16-up { width: 310px;margin-top:10px;}
.span-16-up5 { width: 310px;margin-top:5px;}
.span-17 { width: 330px;}
.span-17-5 { width: 340px;}
.span-18 { width: 350px;}
.span-18-with-border { width: 348px;border:1px solid #ccc;}
.span-18-5 { width: 360px;}
.span-19 { width: 370px;}
.span-19-5 { width: 380px;}
.span-20 { width: 390px;}
.span-20-5 { width: 400px;}
.span-20-with-border { width: 388px;border:1px solid #ccc;}
.span-21 { width: 410px;}
.span-21-5 { width: 420px;}
.span-22 { width: 430px;}
.span-22-with-border { width: 428px;border:1px solid #ccc;}
.span-23 { width: 450px;}
.span-23-5 { width: 448px;}
.span-23-5-with-border { width: 458px;border:1px solid #ccc;}
.span-24 { width: 470px;}
.span-24-with-border { width: 468px;border:1px solid #ccc;}
.span-24-5{width: 480px;}
.span-25 { width: 490px;}
.span-26 { width: 510px;}
.span-26-5 { width: 520px;}
.span-27 { width: 530px;}
.span-27-5 { width: 540px;}
.span-28 { width: 550px;}
.span-28-5 { width: 560px;}
.span-29 { width: 570px;}
.span-29-5 { width: 571px;margin:0px;padding:opx;}
.span-30 { width: 590px;}
.span-30-with-border { width: 588px;border:1px solid #ccc;}
.span-31 { width: 610px;}
.span-32 { width: 630px;}
.span-33 { width: 650px;}
.span-34 { width: 670px;}
.span-35 { width: 690px;}
.span-36 { width: 710px;}
.span-37 { width: 730px;}
.span-38 { width: 750px; margin: 0; }

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.recherche {
  background-color:#FFFFFF;
  border:1px solid #0A8E13;
  height:18px;
  width:200px;
  margin-top:50px;
}

#bread_crum{
	clear:both;
	padding-top:10px;
	height:20px;
}

.bread_crum1{
	clear:both;
	padding-top:5px;
	height:5px;
}

#glossybar{
	clear:both;
	height:62px;
	background-image:url(../images/glossy_bar.gif);
	background-repeat:no-repeat;
	padding-top:30px;
}

#topmenu {
	margin:10px 0px 0px 0px;
	margin-bottom:3px;
	clear:both;
	width:974px;
	float:left;
	background-image:url(../images/menu_bg.gif);
	background-repeat:repeat-x;
}

#topmenu ul{
	margin:0px;
	float:left;
	
}

#topmenu li{
	float:left;
	width:auto;
	list-style-type: none;
}

.emphasis-14 {
	color:#ff6600; /*0A8E13*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}


.grand-titre{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#BE1067;
	text-align:left;
	border-bottom:1px solid #BE1067;
	margin-top:10px;
	padding-top:10px;
	margin-bottom:10px;
	clear:both;
}

#leftmenu {
	/*color:#0A8E13;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin-top: -10px;
	padding-left:30px;/*12px*/
}

#leftmenu ul{
	margin-top: 10px;
}

#leftmenu li {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	list-style-type: none;
	margin-left: -25px;
	padding-top: 2px;
	padding-bottom: 1px;
}

#leftmenu .selected {
  background-color:#E6E5E5; /*#FBF6EF*/
  color:#B78006;
  font-weight:bold;
}

#right_area{
		
	padding-left:5px;
	padding-top:10px;
	margin-top:-20px;
	clear:right;
}

#right_area div{
	border-bottom:1px solid #BE1067;
	padding-bottom:5px;
    clear:both;
}

#tableau{
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
    width:100%;
}

#tableau THEAD{
    background-color:#FFFFFF;
	height: 20px;
}

#tableau TH{
    color:#BE1067;
	text-align:left;
	padding-left:10px;
	border-bottom:1px solid #BE1067;
	font-weight: bold;	
}

#tableau TR{

}

#tableau TD{
    padding-bottom:4px;
	padding-top:4px;
	vertical-align:middle;
	padding-left:10px;
	font-weight: normal;	
	border-bottom:1px solid #D9D0BD;
}

#tableau .on {
	background-color:#FDFBF7;
}

#tableau .off{
	background-color: #fff;
}

#tableau td1{
	padding-top:5px;
	padding-bottom: 5px;
	vertical-align: top;	
}

P,FORM{
color:#777777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom:1px;
}

.grenat {
color:#BE1067;
}

.vert {
color:#126907;
}

.bold{
	font-weight: bold;
}

.button {
  border:1px solid #767676;
}


#leftmenu .current-cat{
	font-weight: normal;
	background-color:#E6E5E5;/*#FBF6EF*/
	color:#666666;/*#EB78006*/
}

#leftmenu .current-cat a, #leftmenu .current-cat a:link, #leftmenu .current-cat a:hover, #leftmenu .current-cat a:visited, #leftmenu .current-cat a:active{
	color:#444444;/*#EB78006*/
}

#bloc-contenu1 {
   width:250px;
   min-height:150px;
   border:1px solid #FBF6EF;
   border-bottom:2px solid #EADBB8;
   
   float:left;
   margin-right:10px;
   margin-bottom:10px;
}



#bloc-contenu1 H1{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color:#FBF6EF;
	color:#B78006;
	padding:5px;
}


#bloc-contenu1 .more{
	float:right;
}
 
 

.vod-pic {
padding-right: 0px; 
padding-top: 4px; 
float:right;
width:230px;
}

.vod-pic1 {
padding-right: 0px; 
padding-top: 28px; 
width:100px;
height:247px;
}



















#bloc-contenu {
   width:250px;
   min-height:150px;
   border:1px solid #FBF6EF;
   border-bottom:2px solid #EADBB8;
   
   float:left;
   margin-right:10px;
   margin-bottom:10px;
}



#bloc-contenu A{
color:#B78006;
}

#bloc-contenu H1{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color:#FBF6EF;
	color:#B78006;
	padding:5px;
}
#bloc-contenu IMG{
    border:none;
    padding:3px;
	float:left;
}

#bloc-contenu .more{
	float:right;
}
 
 .bloc-contenu {
   width:232px;
   min-height:125px;
   /*border:1px solid #FBF6EF;
       border-bottom:2px solid #EADBB8;*/
   
   float:left;
   /*margin-right:10px;
   margin-bottom:10px;*/
   
   padding: 10px 0px 10px 10px; 
   background-image:url(../img/square_01.jpg);
   background-repeat: no-repeat;
}

.bloc-contenu1 {
   width:173px;
   height:300px;
   /*border:1px solid #FBF6EF;
       border-bottom:2px solid #EADBB8;*/
   
   float:left;
   /*margin-right:11px;
   margin-bottom:10px;*/
   
   margin-top:4px;
   padding-left:10px;
   background-image:url(../img/hollywood.jpg);
   background-repeat: no-repeat;
   
}


.bloc-contenu A{
	color:#777777;
}

.bloc-contenu H1{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*background-color:#FBF6EF;
	color:#B78006;*/
	/*padding:5px;*/
}

.bloc-contenu IMG{
    border:none;
    padding:3px;
	float:left;
	
}

#bloc-contenu .more{
	float:right;
}
 
.size-full{
 	float: left;
 	padding: 0px 20px 10px 10px;
 	border:0px;
}
 
.answer li{
 	list-style-type: none;
 	margin-left: -40px;
 	float: left;
 	margin-right: 100px;
}

.lienVert a:link,  .lienVert a:active, .lienVert a:visited{
 	color:#0A8E13;
 	text-decoration: none;
}

.lienVert a:hover{
 	color:#0A8E13;
 	text-decoration: underline;
}
 
.spacer{ 
	background :transparent url(../img/rightarrow_orange.gif) no-repeat scroll 3px 10px ;
	border-bottom :1px solid #CCCCCC;
	text-align:left;
	line-height:20px;
}

.menu-title{
  font-weight:bold;
  /*font-size: 14px;*/
border-bottom :1px solid #CCCCCC;
	text-align:left;
	line-height:20px;

	
}



/*old css*/
a {
color:#FF9900;
text-decoration:none;
}
a:hover {
color:#666666;
}
.style1 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style2 {	font-size: 24px;
	font-weight: bold;
}
.style3 {	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
}
.style7 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.style10 {	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.style12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
/*old css*/

.tableau2{
 width:100%;
 border: 1px solid #CCCCCC;
}

.tableau2 THEAD{
    
	background-color:#EFEFEF;

	height: 20px;

}

.tableau2 TH{
	padding-left:10px;padding-right:5px;
	border-right:1px solid #7B7B7B;
	font-weight: bold;	
	border-top:2px solid #CBCBCB;
	border-bottom:2px solid #CBCBCB;
	border: 1px solid #CCCCCC;

}

.tableau2 TD{
    padding-bottom:4px;
	padding-top:4px;
	vertical-align:top;
	padding-left:10px;
	border: 1px solid #CCCCCC;
}

.tableau2 .on {
background-color:#E8E6E7;
}

.tableau2 .off{
	background-color: #fff;
}

.tableau2 td1{
	padding-top:5px;
	padding-bottom: 5px;
	align:center;
	vertical-align: top;	
}

.sidebar-menu li{
	background: url(../img/orange-sprite.gif) no-repeat 5px -1037px;
	text-indent: 10px;	
	text-align: left;
	padding: 2px 0 2px 20px;
}

.chapeau{
	margin-top: 20px;
	text-align:justify;
}

.align{
  text-indent: 30px;
}

.menu-indent{
  text-indent: 10px;
}


span.titrenoir1 {
color:#000000;
font-size:20px;
font-weight:bold;
text-decoration:none;
}

.movie_title {
font-weight:bold;
color:#FF9900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

.movie_title a:link{
font-weight:bold;
color:#FF9900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

.movie_title a:hover{
font-weight:bold;
color:#FF9900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

.movie_title a:active{
font-weight:bold;
color:#FF9900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

.movie_title A{
font-weight:bold;
color:#FF9900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}
.vod-film {
width: 155px; 
height:260px; 
float:left;
padding-top : 5px;

}

.fg-orange {
color:#FF6600;
}


