/* reset */
p, form, body, h1, h2, h3, h4, h5
{
	margin:0;
	padding:0;
}
a
{
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
.clear {clear:both;}
body {
	background-color:#333333;
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
}

#slideshow
{
	width:602px;
	height:246px;
}
#zapping
{
	width:250px;
	height:250px;
	margin:5px 0 5px 25px;
}

#vplayer
{
	padding-top:5px;
	padding-left:6px;
}

#toppub, #content, #footer
{
	margin:auto;
	background-color:#cccccc;
	width:936px;
}
#toppub
{
	height:100px;
	padding-top:6px;
	text-align:center;
}
#header
{
	height:84px;
	background-image:url(images/header_bg.jpg);
	background-repeat:repeat-x;
}
#content
{
	width:916px;
	padding:0 10px 0 10px;
	vertical-align:top;
}
#footer
{
	height:57px;
	padding-top:10px;
}
#footer a
{
	color:#272727;
	font-size:11px;
}
#foot-links
{
	background-color:#ffffff;
	height:47px;
	line-height:47px;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
}
#contentleft
{
	float:left;
	width:604px;
}
#contentright
{
	float:right;
	width:300px;
}

p.video
{
	background-image:url(images/video_item.png);
	background-repeat:no-repeat;
	height:26px;
	line-height:26px;
	padding-left:10px;
}
p.video a
{
	color:#fff;
	font-weight:bold;
}

select.select-chann
{
	width:100%;
}

/* diffs */
.tv-diff
{
	width:300px;
}
.tv-diff-left
{
	width:300px;
	float: left;
}
.tv-diff-right
{
	width:300px;
	float: right;
}
.tv-diff table td {vertical-align:top;}
.tv-diff-photo
{
	width: 113px;
	height: 100px;
	background-image: url(images/program-photo-bck.png);
	background-repeat: no-repeat;
	/*float: left;*/
}
.tv-diff-photo img
{
	margin: 9px 0 0 7px;
	width: 102px;
	height: 79px;
}
.tv-diff-content
{
	font-size: 11px;
	padding-left: 13px;
	width: 186px;
	height: 100px;
	background-image: url(images/program-item-bck.png);
	background-repeat: no-repeat;
	/*float: right;*/
}
.tv-diff-content-head
{
	margin-top: 5px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}
.tv-diff-content-head img.ch
{
	float: left;
	margin-top: 3px;
}
.tv-diff-content-head img.vi
{
	margin-top:2px;
}
.tv-diff-content-title
{
	line-height: 18px;
	height: 36px;
	width:170px;
	overflow:hidden;
}

.tv-diff-content-title a
{
	color: #E20000;
	font-weight:bold;
}
.tv-diff-content-title2
{
	font-style:italic;
	line-height: 12px;
	height: 12px;
	width:170px;
	overflow:hidden;
}
.tv-diff-content-infos
{
	height: 20px;
}
.tv-diff-content-note
{
	width: 80px;
	margin-right: 5px;
	background-image: url(images/star.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.tv-chaine_heure
{
	font-weight: bold;
	float: left;
	margin-left: -55px; /*width of left column*/
	width: 50px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.tv-chaine div{
	width: 100%;
	clear: left;
	margin: 0;
	padding: 0px 0 0px 0;
	padding-left: 55px; /*width of left column containing the label elements
	border-top: 1px dashed gray;*/
	height: 1%;
}


.tv-chaine img{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 50px;
	vertical-align :top;
	float: right;
}

.tv-chaine a
{
	vertical-align :top;
}

/* fiche */
#photosum
{
	margin-top:10px;
	width:345px;
	float:left;
}
#photoc
{
	border:solid 1px #d2d2d2;
	background-color:#f2f2f2;
	margin-bottom:5px;
}
#brcard
{
	margin-top:10px;
	width:198px;
	float:right;
	background-color:#f2f2f2;
	border:solid 1px #d2d2d2;
}
p.back
{
	height:23px;
	margin-top:2px;
}
#brcard p.head
{
	background-image:url(images/card_head.jpg);
	background-repeat:no-repeat;
	height:35px;
}
#photosum img
{
	margin-left:70px;
}
#photosum p.summary
{
	text-align:justify;
}
#photosum p.summary em
{
	font-weight:bold;
	font-style:normal;
	color:#af0505;
}
#brcard p.info
{
	margin:5px 5px 0 5px;
	font-size:11px;
}
#brcard p.info a
{
	font-weight:bold;
	color:#af0505;
}
#brcard p.info em
{
	font-weight:bold;
	font-style:normal;
}
#brcard p.bordertop
{
	border-top:dotted 1px #999;
	padding-top:5px;
}

#hlZap, #hlZap:hover, #hlZap:visited, #hlZap:active
{
	text-decoration:none;
	color:#b60606
}

.zapBox
{
	width:260px;
	margin:5px 9px 5px 9px;
	padding:4px;
	border:solid 1px Gray;
	background-color:Silver;
	-moz-border-radius : 5px;
}
.zapLeft
{
	float:left;
}
.zapRight
{
	float:right;
}
.zapBox .zapSnap
{
	margin:5px;
}
.zapSnap
{
	width:250px;
	height:187px;
}
.zapBox .zapChannel
{
	float:left;
	margin-right:5px;
	width:44px;
	height:37px;
}
.zapBox .zapTitle
{
	line-height:21px;
}
.zapBox a
{
	color:#e20000;
	font-weight:bold;
	font-size:11px;
}
.zapBox .zapBar
{
	margin-left:44px;
	width:216px;
	height:16px;
	background-image:url(images/barProg.png);
	background-repeat:no-repeat;
	padding:3px 8px;
}
.zapBox .zapBar .zapBarBar
{
	background-image:url(images/barProgBar.png);
	height:10px;
	max-width:200px;
}