﻿/* reset */
*
{
	margin:0;
	padding:0;
}
a
{
	text-decoration:none;
	color:#000;
}
.color1, .color1 a
{
	color:#313f45;
}
.color2, .color2 a
{
	color:#f23700;
}
a:hover
{
	text-decoration:underline;
}
a:active
{
	color:#00f;
}
.clear
{
	clear:both;
}
.clearl
{
	clear:left;
}
body
{
	/*A revoir*/
	font-family:Arial;
	font-size:11px;
	margin-top:0px;
}
h2
{
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0;
}
h3
{
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
}

#wrapper
{
	width:970px;
	margin:auto;
	background-color:#fff;
}

/*Header*/
#header
{
	width:100%;
	background-image:url(images/head_back.jpg);
	background-repeat:repeat-x;
}
#header a.logo
{
	display:block;
	float:left;
}
#header img.client
{
	float:right;
	border:solid 1px #000;
}
#header div.pub
{
	float:left;
	margin-left:20px;
	margin-top:10px;
}
#navig
{
	clear:left;
	width:100%;
	color:#65696C;
	background-color:#C6D2D7;
	height:21px;
	line-height:21px;
	vertical-align:middle;
	border-top:solid 1px #FFFFFF;
	font-size:11px;
	font-weight:normal;
}
#navig span.navigDateTime
{
	font-weight: bold;
}
#navig a
{
	color: #65696C;
}

/*Contenu de la page*/
#content
{
	float:left;
	margin:6px 4px 10px 4px;
	width:680px;
}

/*Onglets*/
#onglets
{
	
}
.onglet
{
	float:left;
	height:24px;
	margin-right:2px;
	line-height:24px;
	text-align: center;
}
.onglet a
{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
.ongToday
{
	width:88px;
	background-image:url(images/ong_today.jpg);
	background-repeat:no-repeat;
}
.ongTomorrow
{
	width:88px;
	background-image:url(images/ong_tomorrow.jpg);
	background-repeat:no-repeat;
}
.ongNow
{
	width:94px;
	background-image:url(images/ong_now.jpg);
	background-repeat:no-repeat;
}
.ongVideo
{
	width:110px;
	background-image:url(images/ong_video.jpg);
	background-repeat:no-repeat;
}
#submenus
{
	width:680px;
	color:#FFFFFF;
	font-size:11px;
	height:20px;
	line-height:20px;
	margin-bottom:6px;
}
#submenus .sToday
{
	padding-left:12px;
	background-color:#427BB5;
}
#submenus .sTomorrow
{
	background-color:#57B4E3;
	padding-left:96px;
}
#submenus .sNow
{
	background-color:#8BC7E5;
	padding-left:96px;
}
#submenus .sVideo
{
	padding-left:12px;
	background-color:#EB3F2C;
}
#submenus .sBroadcast
{
	padding-left:12px;
	background-color:#FF7221;
	padding-left:184px;
}

/*Menu de gauche*/
#leftMenu
{
	margin-top:26px;
	min-height:740px;
	float:left;
	margin-bottom:10px;
	width:160px;
	vertical-align:top;
	background-image:url(images/left_menu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
#leftMenu #leftHead
{
	background-image:url(Images/quick_search_head.jpg);
	background-repeat:no-repeat;
	height:25px;
	line-height:25px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	font-size:12px;
	width:160px;
}
#leftMenu #mosaic
{
	width:160px;
	margin:auto;
}
#leftMenu #mosaic #mosaicHead
{
	padding:5px 0px 5px 15px;
	font-weight:bold;
}
#leftMenu #mosaic #mosaicHeadPlus
{
	padding-left:15px;
	padding-right:15px;
}
#leftMenu #mosaic #mosaicContent
{
	text-align:center;
}

#leftMenu #tabChannels
{
	width: 160px;
	margin:0 0 0 9px;
}

#leftMenu #tabChannels #tabChannelsHead
{
	padding: 15px 0px 5px 15px;
	font-weight: bold;
}

#leftMenu #tabChannels #tabChannelsFoot
{
	padding: 5px 0px 0px 15px;
	font-size: 10px;
}
#leftMenu #tabChannels #tabChannelsFoot a
{
	color: #666666;
}
#leftMenu #tabChannelsSubscribe
{
	width:160px;
	text-align:center;
}
#leftMenu #tabChannelsSubscribe hr
{
	width:160px;
	margin:5px 0;
}

/*Barre de publicité*/
#right
{
	padding-top:32px;
	float:left;
	width:120px;
	margin-bottom:10px;
}
#right .rpub
{
	margin-bottom:16px;
}
#right .baitem
{
	height:26px;
	line-height:26px;
	border-bottom:solid 1px #ccd6d0;
	white-space:nowrap;
	overflow:hidden;
	background-image:url(images/play.png);
	background-repeat:no-repeat;
	background-position:273px 4px;
}
#right .baitem a
{
	font-weight:bold;
	font-size:0.85em;
	margin-left:20px;
}
#right div.stats
{
	text-align:center;
}

/*Footer*/
#footer
{
	clear:left;
	border-top:solid 1px #a3a3a3;
	padding:5px 10px 20px 10px;
	font-size:0.9em;
}
#footer a
{
	text-decoration:underline;
}
#footer p
{
	font-size:0.9em;
	color:#999;
}
#footer p a
{
	color:#999;
}

/*Contenu*/

.homeProgItem
{
	width:336px;	
	float:left;
}

.homeProgram
{
	width:330px;
}

.homeProgramHeadBlue
{
	background-image:url(images/title_back_blue.jpg);
	background-color:#4EADDD;
	background-repeat:repeat-x;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	height:21px;
	line-height:21px;
	padding-left:6px;
}
.homeProgramHeadViolet
{
	background-image:url(images/title_back_violet.jpg);
	background-color:#B858B8;
	background-repeat:repeat-x;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	height:21px;
	line-height:21px;
	padding-left:6px;
}

.HomeProgramFirstImage
{
	height:120px;
	width:120px;
	float:left;
}

.homeProgramUnderImg
{
	background-color:#CCCCCC;
	text-align:right;
	font-size:10px;
	height:16px;
}

.homeProgramFirstTitle
{
	vertical-align:middle;
	width:210px;
	height:120px;
	float:left;
}
.homeProgramFirstTitle img
{
	padding:2px;
	float:left;
}

.homeProgramFirstTitle h2
{
	height:20px;
	line-height:20px;
	float:left;
	width:206px;
	margin-left:2px;
	margin-bottom:5px;
}

.homeProgramFirstRight
{
	color:#6B6B6B;
	font-weight:bold;
	padding-right:5px;
	text-align:right;
	float:right;
	line-height:14px;
	padding-top:6px;
}

.homeProgramFirstDescription
{
	height:50px;
	padding:0 2px 0 2px;
	vertical-align:top;
}

.homeProgramHertz
{
}

.homeProgramMainIn
{
	background-image:url(images/onglet_in_blue.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	line-height:21px;
	margin-left:1px;
	padding-left:20px;
	text-transform:uppercase;
	width:144px;
	float:left;
}
.homeProgramMainInViolet
{
	background-image:url(images/onglet_in_violet.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	line-height:21px;
	margin-left:1px;
	padding-left:20px;
	text-transform:uppercase;
	width:144px;
	float:left;
}
.homeProgramMainIn a, .homeProgramMainOut a, .homeProgramMainInViolet a, .homeProgramMainOutViolet a
{
	color:#ffffff;
}

.homeProgramMainOut
{
	background-image:url(images/onglet_out_blue.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	line-height:21px;
	padding-left:20px;
	text-transform:uppercase;
	width:144px;
	float:left;
}
.homeProgramMainOutViolet
{
	background-image:url(images/onglet_out_violet.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	line-height:21px;
	padding-left:20px;
	text-transform:uppercase;
	width:144px;
	float:left;
}

.homeProgramListSimple
{
}

.homeProgramListSimpleAlt
{
}
.homeProgramListSimpleAltBot
{
	border-bottom:solid 1px #C5C5C5;
	margin-bottom:2px;
}

.homeProgramChannelHertz
{
	position:absolute;
	padding:11px 0 12px 0;
}
.homeProgramChannelTnt
{
	position:absolute;
	padding:3px 0 3px 0;
}

.homeProgramTitle
{
	margin-left:57px;
	line-height:18px;
}
.homeProgramTitle a.title
{
}
.homeProgramTitle a.video, .homeProgramTitle a.stars
{
	display:block;
	float:right;
}
.homeProgramTitle a.video img, .homeProgramTitle a.stars img
{
	margin-top:2px;
}
.homeProgramTitleTitle
{
	font-weight:bold;
}
.homeProgramTitle a
{
	color:#6B6B6B;
}
.homeProgramTitle a:hover
{
	text-decoration:underline;
}

.padLeft
{
	float:left;
	line-height:25px;
	padding-left:5px;
}

.padRight
{
	float:right;
	line-height:25px;
	padding-right:5px;
}

.homeProgFooter
{
	height:3px;
	width:330px;
}

#homeVideoExclu
{
	margin-top:10px;
	background-image:url(images/homevideoexclu.jpg);
	height:102px;
	width:665px;
}

#homeVideoExclu p.head
{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	height:29px;
	line-height:29px;
	padding-left:60px;
}

#homeVideoExclu .videoHead
{
	width:70px;
	float:left;
	height:29px;
}

#homeVideoExclu .homeVideoItem
{
	width:95px;
	float:left;
	text-align:center;
}
#homeVideoExclu a
{
	color:#FFFFFF;
	font-weight:bold;
}
#homeVideoExclu .homeVideoItem .homeVideoImg
{
	height:40px;
}

/*Page Broadcast*/
#mainPanel #progLeft
{
	width:235px;
	float:left;
	padding:1px;
}

.progPhotoZoomBox
{
	width:200px;
	height:200px;
	text-align:center;
	border:solid 1px Black;
	margin-left:15px;
	margin-bottom:5px;
}

.progPhotoZoom
{
	width:200px;
	height:200px;
}

.progPhotoSnap
{
	height:60px;
	width:60px;
	margin-left:10px;
}

#progAllPhotos
{
	margin-top:2px;
	text-align:center;
	line-height:14px;
	height:14px;
}
#progAllPhotos a
{
	color:#FF7323;
	font-weight:bold;
}

#mainPanel #progRight
{
	margin-left:235px;
	width:430px;
}

#progRight #progHead
{
	border-bottom:1px solid #FFA26C;
	margin-bottom:5px;
}

#progRight #progHeadTitle
{
	font-size:16px;
}

#progRight #progHeadTitle .progHeadTitleTitle
{
	margin:21px 0;
}

#progRight #progScheduleType
{
	height:45px;
	padding-left:5px;
	font-size:12px;
	color:#FF7323;
}

#progRight #progScheduleType .progScheduleTypeType
{
	float:left;
	width:190px;
	line-height:45px;
}

#progRight #progScheduleType .progScheduleTypeDate
{
	float:left;
	text-align:right;
	width:142px;
	padding-right:10px;
}

#progRight #progScheduleType .progScheduleTypeCsa
{
	width:39px;
	float:left;
}

#progRight #progScheduleType .progScheduleTypeCh
{
	width:44px;
	float:right;
}

#progRight .progDescrip
{
	border-bottom:1px dotted #6A6969;
	color:#6A6969;
	padding:5px 0 15px 5px;
}

#progRight .progDescrip a
{
	color:#FF7323;
	text-decoration:underline;
}

.progEmVidHeadImg
{
	float:left;
}

.progEmVidHead
{
	line-height:35px;
	
}

.progEmVidHl
{
	color:#6A6969;
	font-weight:bold;
	line-height:19px;
	margin-left:30px;
}

#progEmFiche
{
	color:#6A6969;
	border:1px solid #FF9253;
	margin-bottom:15px;
}

#progDetailCast #progEmFiche
{
	width:600px;
	margin:auto;
}

#progEmFiche #progEmFicheHead
{
	height:31px;
}

#progDetailCast #progEmFiche #progEmFicheHead
{
	margin-left:-50px;
}

#progEmFicheHead .FicheHeadTitle
{
	border-bottom:1px solid #A5A5A5;
	color:#FF7323;
	font-size:12px;
	font-weight:bold;
	padding-top:15px;
	width:235px;
	margin-left:58px;
	line-height:15px;
	float:left;
}

#progEmFicheHead .FicheHeadSendFriend
{
	border-bottom:1px solid #A5A5A5;
	padding-top:15px;
	line-height:15px;
	width:100px;
	float:left;
}
#progEmFicheHead .FicheHeadSendFriend a {color:#6A6969;}

#progEmFicheDetails .detailsLeft
{
	padding:4px 0 0 4px;
	float:left;
}
#progEmFicheDetails .detailsRight
{
	padding:4px 0 0 4px;
	margin-left:180px;
}
#progEmFicheDetails .detailsUnique
{
	padding:4px 0 0 4px;
}

#progEmFicheDetails .progEmFicheDetailsTitle, #progEmFicheCasting .progEmFicheCastingTitle
{
	color:#FF9253;
}

#progEmFiche #progEmFicheCasting
{
	padding:0 15px 5px;
}

#progEmFicheCasting .progEmFicheCastingPerson
{
	font-weight:bold;
}

/*Gallerie*/
#progPhotosGallery
{
	width:602px;
	margin:auto;
}

#progPhotoHead
{
	height:36px;
	border-bottom:1px solid #FFA26C;
}

#progPhotoHead .iPuceProg
{
	height:11px;
	width:11px;
	margin:12px 30px 12px 0;
	float:left;
}

#progPhotoHead .progTitle
{
	line-height:35px;
	font-size:16px;
	font-weight:bold;
}

.progPhoto
{
	float:left;
	width:194px;
	height:230px;
	margin-left:5px;
	margin-top:10px;
	/*text-align:center;*/
}

.progPhotoPhoto
{
	height:194px;
	width:194px;
	/*border:1px solid black;*/
}
.progPhotoPhoto img
{
	width:194px;
	height:194px;
}

/*Page Bande annonces*/
#mainPanel #vidBaTv
{
	float:left;
	width:340px;
}

#mainPanel #vidBaCine
{
	float:left;
	width:340px;
}

#mainPanel #vidBaTv .rowTitle, #mainPanel #vidBaCine .rowTitle
{
	width:340px;
	background-image:url(images/onglet_vid.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	line-height:21px;
	margin-left:1px;
	padding-left:20px;
	text-transform:uppercase;
	float:left;	
}
.vidBaCine, .vidBaTv
{
	border-bottom:1px solid #C5C5C5;
}

.vidBaCine .vidBaCineAff
{
	height:100px;
	width:100px;
	margin:5px;
	float:left;
	text-align:left;
}

.vidBaCine .vidBaCineAff img
{
	max-height:100px;
	max-width:100px;
}

.vidBaTv .vidBaTvSnap
{
	height:70px;
	width:70px;
	margin:5px 25px 5px 5px;
	float:left;
	text-align:left;
}

.vidBaTv .vidBaTvSnap img
{
	max-height:70px;
	max-width:70px;
}

.vidBaCine .vidBaCineInfo, .vidBaTv .vidBaTvInfo
{
	float:left;
	width:230px;
}

.vidBaCine .vidBaCineInfo .vidBaCineInfoTitre
{
	padding-top:5px;
	height:50px;
	line-height:25px;
	font-weight:bold;
}

.vidBaTv .vidBaTvInfo .vidBaTvInfoTitre
{
	line-height:25px;
	font-weight:bold;
}

.vidBaTv .vidBaTvInfo .vidBaTvInfoDate
{
	line-height:21px;
	color:Gray;
}

.vidBaTvHeaderButton
{
	font-size:9px;
	width:45px;
	border: 1px solid #000;
	margin-left:1px;
	background-color:#EEE;
	cursor:pointer;
}

.buttonActive
{
	background-color:#BBB;
}

#progDetailTitle
{
	margin-bottom:10px;
}

#progDetailTitle #progDetailTitleAff
{
	float:left;
	width:250px;
	text-align:center;
}

#progDetailTitle #progDetailTitleAff
{
	max-height:250px;
	max-width:250px;
}

#progDetailTitle #progDetailTitleTitle
{
	float:left;
	width:410px;
	padding:10px;
}

#progDetailTitle #progDetailTitleTitle h1, #progDetailTitle #progDetailTitleTitle h2
{
	margin-bottom:10px;
}

#progDetailGallery .progPhotoMovie .progPhotoMoviePhoto
{
	float:left;
	width:80px;
	height:80px;
	margin-left:5px;
	margin-top:10px;
	/*text-align:center;*/
}

.progPhotoMoviePhoto img
{
	max-height:80px;
	max-width:80px;
}


div.list-left, div.list-right
{
	height:90px;
	border-bottom: solid 1px #ccc;
}
div.list-left
{
	width:340px;
	float:left;
}
div.list-right
{
	width:340px;
	float:right;
}
div.list-left img.list-img, div.list-right img.list-img
{
	float:left;
	margin-top:5px;
	margin-right:5px;
}
div.list-desc
{
	float:left;
	margin-top:5px;
}
p.list-time
{
	font-weight:bold;
}
p.list-title a
{
	font-weight:bold;
	color:#fd3501;
	font-size:11px;
}
p.list-stitle
{
	font-size:11px;
	font-style:italic;
	width:240px;
}
.color1, .color1 a
{
	color:#313f45;
}

.player
{
	width:440px;
	float:left;
	margin-top:10px;
}

.gallery
{
	width:240px;
	float:left;
	padding-top:10px;
	/*text-align:center;*/
}

.photoFoot
{
	color:#FF7323;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
}

a.progPhotosLink
{
	color:#FF7323;
	font-weight:bold;
}

.progAfficheZoom
{
	text-align:center;
}

/*Concours*/

#mainPanel #contestHead
{
	width:653px;
	height:300px;
	margin:auto;
}

#mainPanel #contestHead #contestHeadLeft
{
	background-image:url(images/contest_left.gif);
	width:23px;
	height:300px;
	float:left;
}

#mainPanel #contestHead #contestHeadMid
{
	width:230px;
	height:300px;
	float:left;
	text-align:center;
}

#mainPanel #contestHead #contestHeadRight
{
	background-image:url(images/contest_question.gif);
	height:300px;
	width:400px;
	float:left;
	line-height:18px;
}

#mainPanel #contestHead #contestHeadRight p
{
	padding:24px 18px 0px 18px;
}
#mainPanel #contestHead #contestHeadRight #contestAccroche
{
	height: 74px;
	font-size: 12px;
	font-weight:bold;
}

#mainPanel #contestHead #contestHeadRight #contestQuestion
{
	padding-left:30px;
	padding-right:30px;
	padding-top:31px;
	font-weight:bold;
	height:45px;
}

#mainPanel #contestHead #contestHeadRight #contestAnswer
{
	padding-top:0;
	padding-left:30px;
	height:30px;
}
table.contestForm
{
	background-image: url(images/contest_form.gif);
	background-repeat: no-repeat;
	width: 650px;
	height: 201px;
	margin: auto;
}
table.contestForm td.labels
{
	color: #E61501;
	font-weight: bold;
	padding-right: 20px;
	padding-left: 20px;
}
