#preview .preview_rubrique_titre {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	margin-top:8px;
}
.box.gray .content div div {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	padding:0;
}
.box.gray .content div {
	background:#F7F7F7 none repeat scroll 0 0;
	border-bottom:1px solid #F7F7F7;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	display:block;
	padding:0 9px;
}
div.tab_nav div.content div div {
	border-top:0 none;
}
#preview .preview_rubrique_titre p {
color:#666666;
font-size:14px;
font-weight:bold;
padding:12px;
margin:0px;
}
#preview .preview_rubrique_titre p a {
background:transparent url(../images/puces_fleche_ga.gif) no-repeat scroll 0 50%;
color:#666666;
float:right;
font-size:14px;
font-weight:bold;
padding-left:20px;
text-decoration:none;
}

#preview .preview_rubrique {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	height:32px;
	margin-top:4px;
}
.box.gray .content div div {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	padding:0;
}
.box.gray .content div {
	background:#F7F7F7 none repeat scroll 0 0;
	border-bottom:1px solid #F7F7F7;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	display:block;
	padding:0 9px;
}
div.tab_nav div.content div div {
	border-top:0 none;
}



#preview .preview_rubrique h4 {
	border-left:1px solid #CCCCCC;
	float:left;
	font-size:12px;
	padding:10px 8px;
}
#preview .preview_rubrique h4.on {
	background:#99CC00 none repeat scroll 0 0;
}
#preview .preview_rubrique h4.first {
	border-left:0 none;
	margin:0;
}
#preview .preview_rubrique h4.on a {
	background:transparent url(../images/tv/preview_limite_va.gif) no-repeat scroll 50% 23px;
	color:#FFFFFF;
	padding-bottom:18px;
}
#preview .preview_rubrique h4 a {
	color:#666666;
	padding:0 10px;
	text-decoration:none;
}




p.important {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #E5E5E5;
	color:#666666;
	font-size:13px;
	font-weight:bold;
	line-height:25px;
	margin-bottom:5px;
	padding:10px;
}


.box.gray .box.black .content {
	background:#000000 none repeat scroll 0 0;
	padding:0 7px;
}
.box.gray .content div div {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	padding:0;
}
.box.gray .content div {
	background:#F7F7F7 none repeat scroll 0 0;
	border-bottom:1px solid #F7F7F7;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	display:block;
	padding:0 9px;
}
.box.black .content {
	background:#000000 none repeat scroll 0 0;
	display:block;
	padding:0 10px;
	margin:0px;
}





.box .top *, .box .bottom * {
	display:block;
	font-size:1%;
	padding:0 0 0 9px;
	height:9px;
	background-repeat:no-repeat
}
.box .top * *, .box .bottom * * {
	padding:0 9px 0 0;
	background-repeat:no-repeat
}
.box .top * * *, .box .bottom * * * {
	padding:0
}
.box .content {
	padding:0;
	margin:0px 1px;
}
.box .top * {
	background:no-repeat 0 0
}
.box .bottom * {
	background:no-repeat 0 100%
}
.box .top * * {
	background:no-repeat 100% 0
}
.box .bottom * * {
	background:no-repeat 100% 100%
}
.box .top *, .box .bottom * {
	background-image:none
}
.box .top * * *, .box .bottom * * *, .box .content {
	background:#CCC
}
.box.black {
	color:#fff
}
.box.black .top *, .box.black .bottom * {
	background-image:url(../images/box_bg.gif)
}
.box.black .top * * *, .box.black .bottom * * * {
	background:#000
}
.box.black .top * {
	background-position:0 -342px
}
.box.black .top * * {
	background-position:100% -342px
}
.box.black .bottom * {
	background-position:0 -364px
}
.box.black .bottom * * {
	background-position:100% -364px
}
.box.black .content {
	display:block;
	padding:0 10px 0 10px;
	background:#000
}
.box.black .top * {
		border:0;
		height:9px
}
.box.black .bottom * {
		border:0;
		height:9px
}



.box.gray .content div div.services {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	margin:8px 0 12px;
	padding:8px;
}
div.services ul {
	float:right
}
div.services ul li.radio {
	background-position:0 -39px
}
div.services ul li.vod {
	background-position:0 -78px
}
div.services ul li.hd {
	background-position:0 -117px
}
div.services ul li.tnt {
	background-position:0 -156px
}
div.services ul li.controle {
	background-position:0 -195px
}
div.services h3 {
	background:#FFFFFF url(../images/puces_fleche_ga.gif) no-repeat scroll 100% -188px;
	float:left;
	font-size:13px;
	padding:12px 20px 0 3px;
}


div.services ul li.tnt {
	background-position:0 -156px;
}
div.services ul li {
	background:transparent url(../images/tv/picto_services_tv.png) no-repeat scroll 0 0;
	float:left;
	height:37px;
	margin-left:4px;
	width:48px;
}

div.services ul li a {
	display:block;
	height:37px;
	width:48px;
}
div.services ul li span {
	display:none;
}
.scroller {
	height:364px;
	overflow:hidden;
	width:714px;
}

#preview .programme {
	background:#000000 none repeat scroll 0 0;
	overflow:hidden;
	width:676px;
}
#preview .programme li {
	float:left;
}
#preview .programme ul.scroller {
	height:250px;
	width:100000px;
}
#preview .listechaine {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	height:60px;
	margin-top:4px;
	overflow:hidden;
	width:689px;
}
#preview .listechaine .scroller {
	height:40px;
	width:10000px;
}

#preview .preview_rubrique div.chaines {
	display:none;
}
.box.gray .content div div {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	padding:0;
}


h2.rectvert span.relief {
background:transparent none repeat scroll 0 0;
color:#435900;
display:block;
height:35px;
margin:-1px 0 0 -1px;
position:absolute;
}
.options {
float:left;
font-size:1%;
width:340px;
}
.optionsTV.first {
	margin-right:8px;
}
.optionsTV {
	float:left;
	width:340px;
}
.optionsTV li ul li {
	background:#FFFFFF url(../images/tv/optionstv_bg.png) repeat-y scroll 0 0;
	border:1px solid #CCCCCC;
	margin-bottom:8px;
	padding:10px 0 0 10px;
}
.box.gray .content ul.optionsTV .block_prix span.prix_misc {
	font-size:15px;
	font-weight:bold;
}
.euro {
color:#99CC00;
font-size:24px;
font-weight:bold;
}
.euro span {
font-size:50%;
line-height:120%;
vertical-align:top;
}
.optionsTV span {
	color:#435900;
}
.optionsTV li div.block_info h3 {
	color:#333333;
	padding:10px 0;
}
.box.gray h3 {
	font-size:12px;
}
.optionsTV li div.block_info {
	float:left;
	width:240px;
}
.optionsTV li div.block_info p {
	font-size:11px;
	padding:10px 5px 0 0;
}
.optionsTV li div.block_prix {
	float:left;
	padding:0 3px;
	width:74px;
}




.text_center {
text-align:center;
}
.box.gray .options li.open div.title.short {
background-position:310px 12px;
}
.box.gray .options li div.on {
	cursor:pointer;
	background:#fff url(../images/puces_fleche_ga_hover.gif) no-repeat 310px 50%
}
.box.gray .options li.open div.title {
background:#FFFFFF url(../images/puces_fleche_ga_hover.gif) no-repeat scroll 310px 24px;
border-bottom:0 none;
margin-bottom:0;
padding-bottom:8px;
}
.box.gray .options li.open div.join {
display:block;
}
.box.gray .options li div.join {
background:transparent url(../images/internet/option_limite_ba.gif) repeat-x scroll 0 100%;
border-width:0;
display:none;
height:12px;
}
.box.gray .options li div.detail {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
display:none;
font-size:11px;
margin-bottom:5px;
padding:0 15px;
}
.box.gray .options li.open div.detail {
border-top:0 none;
display:block;
}
.box.gray .options li div.title {
background:#FFFFFF url(../images/puces_fleche_ga.gif) no-repeat scroll 310px 50%;
border:1px solid #CCCCCC;
display:block;
margin-bottom:5px;
padding:14px 10px;
}
.box.gray .options li div.detail li {
float:none;
margin:10px 0 0;
width:auto;
}
.box.gray .options li div.detail ul {
float:none;
margin:0;
padding:0 0 10px;
width:auto;
}


.block_prix {
	color:#99CC00;
	padding:0 8px;
	text-align:right;
}
.box.gray .content ul.optionsTV .block_prix span.prix_promo_duree {
	font-size:11px;
}
.block_prix .prix_promo_duree {
	clear:right;
	display:block;
	font-size:12px;
}
.box.gray .content div div.block_more {
	clear:both;
	padding:10px 0 5px;
}
.break {
	clear:both;
}
.optionsTV li div.block_more a.more {
	background:#EFEFEF url(../images/lien_bg.gif) no-repeat scroll 0 100%;
	color:#0099CC;
	float:right;
	font-size:10px;
	margin-right:93px;
	padding:4px 5px 4px 15px;
	text-decoration:none;
}
.box.gray .content div div.block_more {
	clear:both;
	padding:10px 0 5px;
}
.optionsTV li div.block_more p.liens_mention {
	margin:0;
	padding:4px 0 0;
}
.liens_mention a {
color:#999999;
text-decoration:none;
}
.box.gray p.liens_mention, .liens_mention {
	color:#999999;
	font-size:10px;
	margin:4px 0;
}
span.picto_bouquet {
	background:#FFFFFF url(../images/tv/picto_options_tv.png) no-repeat scroll 50% 0;
	display:block;
	float:left;
	height:28px;
	margin:3px 5px 0 0;
	width:42px;
}
span.picto_tv {
	background:#FFFFFF url(../images/tv/picto_options_tv.png) no-repeat scroll 50% 0;
	display:block;
	float:left;
	height:28px;
	margin:3px 5px 0 0;
	width:42px;
}
span.picto_bouquet_canal {
	background-position:50% -183px;
}
span.picto_bouquet_17 {
	background-position:50% 0;
}
span.picto_tv_18 {
	background-position:50% -112px;
	margin-top:-4px;
}
span.picto_tv_1 {
background-position:50% -217px;
margin-top:-4px;
}
span.picto_tv_2 {
background-position:50% -245px;
margin-top:-4px;
}







.box.gray .options li div.detail .default_prix {
background:transparent url(../images/puces_fleche_ga.gif) no-repeat scroll 0 -177px;
color:#99CC00;
font-size:18px;
line-height:40px;
padding-bottom:0;
padding-left:20px;
}
.box.gray .options li div.detail p {
font-size:11px;
padding-bottom:10px;
padding-top:10px;
}































/****************************************************************** LES POPUP *****************************/
* html #popup_masque {
	filter:alpha(opacity=50)
}
*+html #popup_masque {
	filter:alpha(opacity=50)
}
#popup_masque {
	background-color:black;
	-moz-opacity:.50;
	opacity:.50;
	-khtml-opacity:0.5;
	position:absolute;
	top:0;
	left:0
}
#popup_masque.loading {
	background:white url(../images/loading_blanc.gif) no-repeat 50% 50%
}
#popup_dialog {
	background-color:white;
	visibility:hidden;
	overflow:hidden;
	border:1px solid #333;
	position:absolute
}
#popup_header, #popup_footer {
	text-align:right;
	font-size:10px;
	line-height:20px
}
#popup_header {
	padding:0
}
#popup_footer {
	border-top:1px solid #eee;
	height:20px;
	color:#ccc;
	padding:0 10px
}
a#popup_close {
	position:absolute;
	float:left;
	margin-left:580px;
	display:block;
	width:27px;
	height:27px;
	background:transparent url(/css2/static/pictos_close.png) no-repeat 0 0
}
a#popup_close:hover {
	background-position:0 -30px
}
a#popup_close span {
	display:none
}
.popup div.titre_popup h4.odr {
	font-size:18px;
	color:#333;
	padding:14px 0 2px 0
}
.popup div.titre_popup {
	float:right;
	border-bottom:1px solid #eee;
	width:530px;
	height:48px
}
.popup div.titre_popup p.sstitre_popup {
	font-size:11px;
	color:#333
}
.popup div.titre_popup h4 {
	font-size:18px;
	color:#333;
	padding:6px 0 2px 0
}
.popup span.picto_service {
	display:block;
	margin:5px 10px 0 5px;
	height:39px;
	width:48px;
	background:transparent url(/css2/static/picto_services_tv.png) no-repeat 0 0
}
.popup span.picto_tel {
	background:transparent url(/css2/static/pictos_services.gif) no-repeat 0 -212px
}
.popup div.picto_odr {
	background:transparent url(/css2/static/picto_odr.gif) no-repeat 0 0px;
	width:62px;
	height:44px;
	display:block
}
.popup span.picto_radio {
	background:transparent url(/css2/static/picto_services_tv.png) no-repeat 0 -38px
}
.popup span.picto_hd {
	background:transparent url(/css2/static/picto_services_tv.png) no-repeat 0 -116px
}
.popup span.picto_vod {
	background:transparent url(/css2/static/picto_services_tv.png) no-repeat 0 -77px
}
.popup span.picto_controle {
	background:transparent url(/css2/static/picto_services_tv.png) no-repeat 0 -194px
}
.popup span.picto_tnt {
	background:transparent url(/css2/static/picto_services_tv.png) no-repeat 0 -155px
}
.popup {
	overflow:auto;
	width:620px;
	text-align:left;
	padding:10px;
	left:0
}
.popup div.popup_content {
	width:500px;
	float:right;
	font-size:11px;
	color:#666;
	line-height:16px;
	padding-right:29px
}
.popup div.popup_content strong {
	font-size:12px;
	color:#333
}
.popup div.popup_content h3 {
	font-size:12px;
	color:#666;
	padding:6px 0 2px 0
}
.popup div.themes h3 {
	text-transform:uppercase;
	border-bottom:1px solid #eee;
	padding-top:20px;
	font-size:14px
}
.popup h4 #titre {
	color:#fff;
	font-size:18px;
	margin:5px 10px 0 5px
}
.popup .text_vert {
	color:#9c0
}
.popup .text_noir {
	color:#000
}
.popup small {
	font-size:10px
}
.popup p.important {
	font-size:12px;
	color:#000;
	line-height:18px
}
.popup .lien h3 {
	margin-left:20px
}
.popup .image_right {
	margin-left:20px
}
.popup .tablo td {
	border:1px solid #F7F7F7;
	background-color:#FFF;
	font-size:10px;
	color:#666;
	width:25%;
	padding:4px;
	text-align:center
}
#prix_vod {
	background:transparent url(/css2/static/prix_vod.gif) no-repeat 0px 0px;
	display:block;
	float:right;
	height:68px;
	width:78px;
	margin-top:-12px
}
#prix_svod {
	background:transparent url(/css2/static/prix_svod.gif) no-repeat 0px 0px;
	display:block;
	float:right;
	height:68px;
	width:78px;
	margin-left:12px;
	margin-top:-12px
}
.popup div.cadre_gris {
	width:62px;
	border:1px solid #eee;
	background-color:#fff
}
.popup div.cadre_gris span.nouveau {
	height:18px;
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px 0px;
	display:block
}
.popup div.cadre_gris ul.picto_service {
	display:block;
	margin:6px
}
.popup div.cadre_gris ul.picto_service li {
	margin-bottom:4px;
	height:38px;
	width:50px
}
.popup div.cadre_gris ul li span.label {
	display:none
}
.popup div.cadre_gris ul li.format169_ {
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px -341px
}
.popup div.cadre_gris ul li.format169_on {
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px -63px
}
.popup div.cadre_gris ul li.hd_ {
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px -297px
}
.popup div.cadre_gris ul li.hd_on {
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px -24px
}
.popup div.cadre_gris ul li.prima_ {
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px -387px
}
.popup div.cadre_gris ul li.prima_on {
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px -114px
}
.popup div.cadre_gris ul li.premium_ {
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px -433px
}
.popup div.cadre_gris ul li.premium_on {
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px -160px
}
.popup div.cadre_gris ul li.premiumplus_ {
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px -479px
}
.popup div.cadre_gris ul li.premiumplus_on {
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px -205px
}
.popup div.cadre_gris ul li.infiny_ {
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px -463px
}
.popup div.cadre_gris ul li.infiny_on {
	background:url(/css2/static/pictos_services_chaine.png) no-repeat 0px -252px
}
.popup div.cadre_gris ul a.picto_tnt {
	display:block;
	height:38px;
	background:url(/css2/static/picto_services_tv.png) no-repeat 0px -155px
}
.popup div.cadre_gris ul a.picto_tnt:hover {
	opacity:0.4;
	filter:alpha(opacity=40)
}
.popup div.cadre_gris ul a.picto_vod {
	display:block;
	height:38px;
	background:url(/css2/static/picto_services_tv.png) no-repeat 0px -77px
}
.popup div.cadre_gris ul a.picto_vod:hover {
	opacity:0.4;
	filter:alpha(opacity=40)
}
.popup div.cadre_gris ul a.picto_hd {
	display:block;
	height:38px;
	background:url(/css2/static/picto_services_tv.png) no-repeat 0px -116px
}
.popup div.cadre_gris ul a.picto_hd:hover {
	opacity:0.4;
	filter:alpha(opacity=40)
}
.popup div.cadre_gris ul a.picto_radio {
	display:block;
	height:38px;
	background:url(/css2/static/picto_services_tv.png) no-repeat 0px -38px
}
.popup div.cadre_gris ul a.picto_radio:hover {
	opacity:0.4;
	filter:alpha(opacity=40)
}
.popup div.cadre_gris ul a.picto_guidetv {
	display:block;
	height:38px;
	background:url(/css2/static/picto_services_tv.png) no-repeat 0px 0px
}
.popup div.cadre_gris ul a.picto_guidetv:hover {
	opacity:0.4;
	filter:alpha(opacity=40)
}
.popup div.cadre_gris ul a.picto_controle {
	display:block;
	height:38px;
	background:url(/css2/static/picto_services_tv.png) no-repeat 0px -194px
}
.popup div.cadre_gris ul a.picto_controle:hover {
	opacity:0.4;
	filter:alpha(opacity=40)
}
.popup #mentions {
	width:600px
}
.popup .default_prix {
	color:#9c0;
	padding-bottom:0;
	font-size:18px;
	line-height:40px;
	background:url(/css2/static/puces_fleche_ga.gif) no-repeat 0 -177px;
	padding-left:20px
}
.popup div.popup_content div.fin_bouquet {
	border-bottom:1px solid #E6E5E5;
	margin-top:10px
}
.popup div.popup_content div.block_prix {
	text-align:right;
	border:1px solid #E6E5E5;
	padding:8px;
	margin:10px 0 5px 10px;
	width:130px;
	float:right;
	min-height:70px;
	vertical-align:top
}
.popup div.popup_content div.block_prix span.n_mois {
	font-size:12px;
	font-weight:bold;
	line-height:135%
}
.popup div.popup_content div.block_prix span.n_cent {
	font-size:16px;
	font-weight:bold;
	line-height:135%
}
.popup div.popup_content div.block_prix span.n_euro {
	font-size:36px;
	line-height:36px
}
.popup div.popup_content div.block_prix span.prix_misc {
	font-size:12px;
	font-weight:bold
}
.popup div.popup_content div.block_prix span.prix_promo_duree {
	line-height:13px;
	font-size:11px
}
.popup div.popup_content div.block_prix span.prix_final {
	line-height:13px;
	font-size:11px
}
.jScrollPaneContainer {
	position:relative;
	overflow:hidden;
	z-index:1
}
.jScrollPaneTrack {
	position:absolute;
	cursor:pointer;
	right:0;
	top:0;
	height:100%;
	background:#aaa
}
.jScrollPaneDrag {
	position:absolute;
	background:#666;
	cursor:pointer;
	overflow:hidden;
	left:0px
}
.jScrollPaneDragTop {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden
}
.jScrollPaneDragBottom {
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden
}
a.jScrollArrowUp {
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	text-indent: -2000px;
	overflow:hidden;
	height:20px;
	background:url(/css2/static/basic_arrow_up.gif) no-repeat 0 0
}
a.jScrollArrowUp:hover {
	background-position:0 -20px
}
a.jScrollArrowDown {
	display:block;
	position:absolute;
	z-index:1;
	bottom:0;
	right:0;
	text-indent: -2000px;
	overflow:hidden;
	height:20px;
	background:url(../images/basic_arrow_down.gif) no-repeat 0 0
}
a.jScrollArrowDown:hover {
	background-position:0 -20px
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position:0 -40px
}











#tooltip {
	position:absolute;
	z-index:3000;
	width:120px
}
#tooltip.large {
	width:200px
}
#tooltip h3, #tooltip div {
	margin:0
}
#tooltip {
	color:#333;
	font-size:11px
}
#tooltip .toptop {
	background:transparent url(../images/tooltip_bg.png) no-repeat 10px 0;
	height:10px;
	display:block;
	font-size:1%;
	margin-bottom:-1px;
	position:relative
}
#tooltip .top *, #tooltip .bottom * {
	background-image:url(../images/tooltip_bg.png);
	height:6px
}
* html #tooltip .toptop {
	background-image:url(../images/tooltip_bg.gif)
}
* html #tooltip .top *, * html #tooltip .bottom * {
	background-image:url(../images/tooltip_bg.gif)
}
#tooltip .top * {
	background-position:0 -11px
}
#tooltip .top * * {
	background-position:100% -11px
}
#tooltip .top * * * {
	border-top:1px solid #E6E5E5;
	height:8px;
	background:#fff none no-repeat 0 -200px;
	height:5px
}
#tooltip .bottom * {
	background-position:0 -19px
}
#tooltip .bottom * * {
	background-position:100% -19px
}
#tooltip .bottom * * {
	background-repeat:no-repeat
}
#tooltip .bottom * * * {
	border-bottom:1px solid #E6E5E5;
	background:#fff none no-repeat 0 -200px;
	height:5px
}
#tooltip .content {
	border-left:1px solid #E6E5E5;
	border-right:1px solid #E6E5E5;
	display:block;
	padding:0 10px 0 10px;
	background:#fff
}
#tooltip .content div {
	background:#fff
}