@import url('general.css');

hgroup
{
	margin: 0 0 .5em;
}

div#header
{
	background: url('../pix/presentation/tit_tvcarte.jpg') no-repeat;
	height: 184px;
	color: #fff;
	padding: 0 26px;
	position: relative;
}

p.guide-tv
{
	top: 20px;
	right: 230px;
}

div#header h1
{
	padding-top: 40px;
	font-size: 2em;
	margin: 0 0 .8em;
}

div#header h1 sup
{
	font-size: .5em;
}

div#header p
{
	margin: 0 0 1em;
}

div#header em
{
	font-weight: bold;
	font-style: normal;
}

div a.esp
{
	position: absolute;
	width: 17px;
	height: 17px;
	background: url('../pix/presentation/picto_esp.gif') no-repeat;
}

p.numericable
{
	margin: 16px 0;
}

div#bloc-info h3.num
{
	color: #666;
	font-size: 1.6em;
	text-transform: uppercase;
	margin: 0 0 .6em;
}

div#decouverte
{
	background: url('../pix/presentation/visuel_bouquet.gif') no-repeat 100% 50%;
	padding: 18px 20px;
	margin: 10px 0;
	position: relative;
}

div#decouverte h2
{
	/*background-image: url('../pix/presentation/tit_decouverte.gif');
	background-position: 0 100%;
	height: 36px;*/
	margin-bottom: 10px;
}

.bloc-info h2
{
	font-size: 1.4em;
	font-weight: bold;
}

.bloc-info h2 em
{
	font-style: normal;
	color: #c50538;
}

div#decouverte p
{
	margin: 0 350px 0 0;
}

div#decouverte a.esp
{
	right: 380px;
	margin-top: -20px;
	/*bottom: 16px;*/
}

ul#pack
{
	height: 240px !important;
	width: auto !important;
	position: relative;
}

ul#pack li
{
	position: absolute;
	float: none !important;
	height: 240px !important;
	/*z-index: 0;*/
}

ul#pack li p.promo
{
	position: absolute;
	height: 88px;
	width: 90px;
	background-image: url('../pix/presentation/bouquet_logo/promo_choix_bouquets-p.png');
	bottom: -8px;
	z-index: 10;
}

ul#pack li h2,div#option-tv h2,div#decouverte h2
{
	margin: 0 0 4px 0;
	padding: 10px 0 0;
	overflow: hidden;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
}

ul#pack li h2,div#option-tv h2
{
	height: 35px;
}

div#decouverte h2 em
{
	background-image: url('../pix/presentation/bouquet_logo/tit_bouquet_decouverte.gif');
	height: 40px !important;
	width: 195px !important;
	background-repeat: no-repeat;
	text-indent: -10000px;
	display: block;
}

ul#pack li h2
{
	margin-left: 20px;
}

div#option-tv h2 em
{
	float: left;
	width: 95px;
	height: 29px;
	background-repeat: no-repeat;
	text-indent: -10000px;
	margin: 0 4px 0 0;
	/*padding: 0 10px;*/
	line-height: 43px;
	overflow: hidden;
}

ul#pack li h2 em
{
	font-style: normal;
	color: #c8d200;
	background-color: #000;
	background-repeat: no-repeat;
	/*font-weight: bold;*/
	text-indent: -10000px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 6px 0 0;
	/*padding: 0 10px;*/
	float: left;
	width: 122px;
	height: 35px;
}

li#pack-premium h2 em
{
	background-image: url('../pix/presentation/logo-numeripass-essentiel.gif');
}

li#pack-premiumplus h2 em
{
	background-image: url('../pix/presentation/logo-numeripass-premium.gif');
}

li#pack-infinity h2 em
{
	background-image: url('../pix/presentation/logo-numeripass-platinium.gif');
}

ul#pack li h3,div#decouverte h3
{
	/*height: 88px;*/
	margin-bottom: 10px;
	/*background-position: 0 100%;*/
	font-size: 1.3em;
	font-weight: bold;
}

ul#pack li p.price
{
	height: 41px;
	width: 100px;
	position: absolute;
	bottom: 10px;
	/*right: 40px;*/
	margin: 0;
}

ul#pack li a.esp
{
	bottom: 10px;
	margin: 0;
}

li#pack-premium
{
	background: url('../pix/presentation/fond_pack_premium.gif') no-repeat;
	width: 269px;
}

li#pack-premium p
{
	margin-left: 14px;
	margin-right: 20px;
}

li#pack-premium h3
{
	/*background-image: url('../pix/presentation/tit_pack_premium.gif');*/
	
	margin-left: 14px;
}

li#pack-premium p.price
{
	background-image: url('../pix/presentation/prix_pack_premium.gif');
	left: 20px;
}

li#pack-premium a.esp
{
	left: 100px;
}

li#pack-premium p.promo
{
	right: -16px;
}

li#pack-premiumplus
{
	background: url('../pix/presentation/fond_pack_premiumplus.gif') no-repeat;
	left: 257px;
	width: 282px;
}

li#pack-premiumplus p
{
	margin-left: 36px;
	margin-right: 10px;
}

li#pack-premiumplus h3
{
	/*background-image: url('../pix/presentation/tit_pack_premiumplus.gif');*/
	margin-left: 26px;
}

li#pack-premiumplus p.price
{
	background-image: url('../pix/presentation/prix_pack_premiumplus.gif');
	left: 30px;
}

li#pack-premiumplus a.esp
{
	left: 110px;
}

li#pack-premiumplus p.promo
{
	right: -8px;
}

li#pack-infinity
{
	background: url('../pix/presentation/fond_pack_infiny.gif') no-repeat;
	right: 0;
	width: 258px;
}

li#pack-infinity p
{
	margin-left: 36px;
	margin-right: 10px;
}

li#pack-infinity h3
{
	/*background-image: url('../pix/presentation/tit_pack_infiny.gif');*/
	margin-left: 20px;
}

li#pack-infinity p.price
{
	background-image: url('../pix/presentation/prix_pack_infiny.gif');
	left: 30px;
}

li#pack-infinity a.esp
{
	left: 110px;
}

li#pack-infinity p.promo
{
	right: -30px;
}

div#option-tv
{
	margin-top: 10px;
	padding: 0 20px;
	background: url('../pix/presentation/prix_option_tv.gif') no-repeat 100% 50%;
	position: relative;
	height: 100px;
}

div#option-tv h2 em
{
	background-image: url('../pix/presentation/logo-option-tv.gif');
	margin-left: 0;
	width: 93px;
}

div#option-tv p
{
	background: url('../pix/presentation/logo_option_tv.gif') no-repeat 90% 50%;
	padding: 0 330px 0 0;
	margin-right: 170px;
}

div#option-tv a.esp
{
	top: 42px;
	right: 50px;
}

div#bloc-info h3.image
{
	background-image: url('../pix/presentation/tit_pack_numericable.gif');
	height: 12px;
	margin-bottom: 10px;
}
