/*----------------------------------------------------------
	Premium CSS
	Main styles for the premium main page

	Project:		OM.net
	Author:			Yannick Croissant, e-TF1 Web Agency
	Summary :
		Layout
			General layout
				Column container
				Common column settings
				1 column (full page) settings
				2 columns settings
				2 columns settings
				3 columns settings
				3 columns settings (bis)
				Debug (comment/delete it when your layout is ok)
				Column container
				Common column settings
			Commons layout components
				Branding
				Account
				Breadcrumb
				Footer
			Premium
				Navigation
				Offers
				Program
				Last videos
				Top videos
				Search
				Premium nav page
----------------------------------------------------------*/

/* ================================
 * !Layout
 * ================================*/

/* 
 * !General layout
 */

/*body, body.ie { background:#171818; }*/
#container { padding-bottom:10px; }
	/*#content { padding:0; }
	#footer { clear:both; }*/


/* !Column container */
/*.masktv { background:#000; border-top:1px solid #1D1F20; clear:both; display:inline; float:left; margin:0 3px; overflow:hidden; position:relative; width:990px; }
*/
/* !Common column settings */
.submask, .subsubmask, .subsubsubmask { float:left; position:relative; width:100%; }
	.part1, .part2, .part3 { float:left; overflow:hidden; padding:10px 0 10px 0; position:relative; }

/* !1 column (full page) settings */
.fullpage .part1 { background:#000; width:970px; left:10px; }
.fullpage .part1 .part1 { background:none; }
/* width = page width minus left and right padding */
/* left = page left padding */

/* !2 columns settings */
.twoparts { }
/* background = right column background colour */

	.twoparts .submask { right:185px; }
	/* right = right column width */
	/* background = left column background colour */

		.twoparts .part1 { width:790px; left:195px; }
		/* width = right column content width */
		/* left = 100% plus left column left padding */

		.twoparts .part2 { width:170px; left:205px; top:-51px; }
		/* width = left column content width (column width minus left and right padding) */
		/* left = (right column left and right padding) plus (left column left padding) */

/* !2 columns settings */
.twopartsbis { }
/* background = right column background colour */

	.twopartsbis .submask { right:315px; }
	/* right = right column width */
	/* background = left column background colour */

		.twopartsbis .part1 { width:660px; left:325px; }
		/* width = right column content width */
		/* left = 100% plus left column left padding */

		.twopartsbis .part2 { width:300px; left:335px; top:-51px; }
		/* width = left column content width (column width minus left and right padding) */
		/* left = (right column left and right padding) plus (left column left padding) */

/* !3 columns settings */
.threeparts { }
/* background = right column background colour */

	.threeparts .submask { right:315px; }
	/* right = width of the right column */
	/* background = centre column background colour */

	.threeparts .subsubmask { right:490px; }
	/* right = width of the middle column */
	/* background = left column background colour */

	.threeparts .part1 { width:480px; left:995px; }
	/* width = width of center column content (column width minus padding on either side) */
	/* left = 100% plus left padding of center column */

	.threeparts .part2 { width:300px; left:1005px; }
	/* width = width of left column content (column width minus padding on either side) */
	/* left = width of (right column) plus (center column left and right padding) plus (left column left padding) */

	.threeparts .part3 { width:170px; left:35px; }
	/* width = width of right column content (column width minus padding on either side) */
	/* left = (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */

/* !3 columns settings (bis) */
.threepartsbis { }
/* background = right column background colour */

	.threepartsbis .submask { right:185px; }
	/* right = width of the right column */
	/* background = centre column background colour */

	.threepartsbis .subsubmask { right:310px; }
	/* right = width of the middle column */
	/* background = left column background colour */

	.threepartsbis .part1 { width:480px; left:505px; }
	/* width = width of center column content (column width minus padding on either side) */
	/* left = 100% plus left padding of center column */

	.threepartsbis .part2 { width:300px; left:515px; }
	/* width = width of left column content (column width minus padding on either side) */
	/* left = width of (right column) plus (center column left and right padding) plus (left column left padding) */

	.threepartsbis .part3 { width:170px; left:525px; top:-51px; }
	/* width = width of right column content (column width minus padding on either side) */
	/* left = (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */

/* !Debug (comment/delete it when your layout is ok) */
/*.mask { background:#FFF; }
	.threeparts, .twoparts, .twopartsbis, .doublepage, .fullpage { background:#F00; }
		.submask { background:#FF0; }
			.subsubmask { background:#0F0; }
				.part1 { background:#0FF; }
				.part2 { background:#00F; }
				.part3 { background:#F0F; }
.part1 *, .part2 *, .part3 * { background:#FF0; }*/

/*
 * !Commons layout components
 */

/* !Account */

#ident,#identlog1,#identlog2 {
	background:url(/image/block/premium/nav-back.png?jcb=1322043602) repeat-x;
	color:#FFF;
	padding:6px 9px;
	position:absolute;
	right:0;
	top:91px;
	width:165px;
}

/* !Breadcrumb */
#breadcrumb {
	background:none;
	border:0;
	height:auto;
	width:auto;
	top:-10px;
	left:auto;
	margin:0 10px 10px;
	padding:0;
}

#breadcrumb li {
	background-image:url(/image/block/premium/breadcrumb-arrow.gif?jcb=1322043602);
	background-position:0 50%;
	color:#898A8C;
}

#breadcrumb a {
	color:#898A8C;
}

/* !Footer */
#footer {
	background:#020303 url(/image/block/premium/footer.jpg?jcb=1322043602) no-repeat;
	border-radius:0 0 15px 15px;
	clear:both;
	margin:0 10px;
	padding-top:150px;
	text-align:center;
}

#footer .partners {
	margin-left:10px;
}

#footer .partners h3 {
	background:url(/image/block/premium/footer-titles.png?jcb=1322043602) no-repeat;
}

#footer .partners2 h3 {
	background-position:-340px 0;
}

#footer .partners .suppliers {
	margin-right:10px;
}

#footer .suppliers h3 {
	background-position:-680px 0;
}

#footer .copyrights {
	padding:20px 10px 10px;
	text-align:center;
}

/*
 * !Premium
 */
#premium-main {
	background:#030303 url(/image/block/premium/back-large2.jpg?jcb=1322043602) no-repeat 50% 36px;
	color:#FFF;
	font-size:1.1em;
	overflow:hidden;
}

.ie6 #premium-main {
	zoom:1;
}

#premium-main h2 {
	border:0;
	margin-bottom:-10px;
	height:25px;
	text-indent:-9999em;
}

#premium-main .resumes {
	background:url(/image/block/premium/resumes.png?jcb=1322043602);
	width:105px;
}

#premium-main .goals {
	background:url(/image/block/premium/goals.png?jcb=1322043602);
	width:53px;
}

#premium-main .full-matches {
	background:url(/image/block/premium/full-matches.png?jcb=1322043602);
	width:264px;
}

#premium-main .interviews {
	background:url(/image/block/premium/interviews.png?jcb=1322043602);
	width:130px;
}

#premium-main .journaux {
	background:url(/image/block/premium/journaux.png?jcb=1322043602);
	width:120px;
}

#premium-main .emissions {
	background:url(/image/block/premium/emissions.png?jcb=1322043602);
	width:120px;
}

#premium-main .clips {
	background:url(/image/block/premium/clips.png?jcb=1322043602);
	width:60px;
}

#premium-main .retro {
	background:url(/image/block/premium/retro.png?jcb=1322043602);
	width:70px;
}

#premium-main .magazines {
	background:url(/image/block/premium/magazines.png?jcb=1322043602);
	width:125px;
}

#premium-main .part1 {
	display:inline;
	float:left;
	margin:61px 36px 0 18px;
	overflow:hidden;
	width:613px;
}

#premium-main .part2 {
	display:inline;
	float:left;
	margin:61px 0 0;
	width:260px;
}

#premium-main .erreur,#premium-main .attention {
	background:rgba(0, 0, 0, .5);
	margin:6em auto !important;
	text-align:center;
}

.ie #premium-main .erreur,.ie #premium-main .attention {
	background:none;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
	zoom:1;
}

#premium-main .erreur td,#premium-main .attention td {
	color:#000000;
	padding:10px !important;
}

#premium-main .erreur td a,#premium-main .attention td a {
	color:#0093DD;
}

/* !Navigation */
#nav-main {
	background:#9CA0A1;
	background:   -moz-linear-gradient(center top, #9CA0A1, #9CA0A1 50%, #87898A 50%, #87898A 74%, #131313 74%, #040404);
	background:    -ms-linear-gradient(center top, #9CA0A1, #9CA0A1 50%, #87898A 50%, #87898A 74%, #131313 74%, #040404);
	background:     -o-linear-gradient(center top, #9CA0A1, #9CA0A1 50%, #87898A 50%, #87898A 74%, #131313 74%, #040404);
	background:-webkit-gradient(linear, left top, left bottom, from(#9CA0A1), to(#040404), color-stop(.5, #9CA0A1), color-stop(.5, #87898A), color-stop(.74, #87898A), color-stop(.74, #131313));
	background:-webkit-linear-gradient(center top, #9CA0A1, #9CA0A1 50%, #87898A 50%, #87898A 74%, #131313 74%, #040404);
	background:        linear-gradient(center top, #9CA0A1, #9CA0A1 50%, #87898A 50%, #87898A 74%, #131313 74%, #040404);
	height:26px;
	position:relative;
	z-index:10;
	zoom:1;
}

#nav-main > ul > li {
	background:#000;
	background:   -moz-linear-gradient(center top, #5A6163, #5A6163 50%, #131313 50%, #040404);
	background:    -ms-linear-gradient(center top, #5A6163, #5A6163 50%, #131313 50%, #040404);
	background:     -o-linear-gradient(center top, #5A6163, #5A6163 50%, #131313 50%, #040404);
	background:-webkit-gradient(linear, left top, left bottom, from(#5A6163), to(#040404), color-stop(.5, #5A6163), color-stop(.5, #131313));
	background:-webkit-linear-gradient(center top, #5A6163, #5A6163 50%, #131313 50%, #040404);
	background:        linear-gradient(center top, #5A6163, #5A6163 50%, #131313 50%, #040404);
	float:left;
	margin-left:2px;
}
#nav-main .home       { width:58px; }
#nav-main .resume     { width:87px; }
#nav-main .interview  { width:102px; }
#nav-main .newspaper  { width:147px; }
#nav-main .program    { width:97px; }
#nav-main .clip       { width:54px; }
#nav-main .retro      { width:67px; }
#nav-main .mag        { width:102px; }
#nav-main .top        { width:100px; }
#nav-main .back       { width:138px; }

/* !Offers */
#premium-offers {
	background:#080808;
	border:1px solid #414141;
	margin-bottom:5px;
	overflow:hidden;
	padding:7px;
	position:relative;
	width:597px;
}

#premium-offers .preview {
	background:#030303;
	height:338px;
	overflow:hidden;
	padding:8px;
	width:581px;
}

#premium-offers .list {
	background:url(/image/block/premium/offers-back.png?jcb=1322043602) repeat-x 0 100%;
	bottom:0;
	left:0;
	padding:100px 0 25px 1px;
	position:absolute;
	right:0;
}

#premium-offers .list li {
	float:left;
}

#premium-offers .list > li {
	margin-left:3px;
}

#premium-offers .list span {
	left:-9999em;
	position:absolute;
}

#premium-offers .offer-week {
	background:url(/image/block/premium/offer-week.png?jcb=1322043602) no-repeat;
	height:110px;
	width:293px;
}

#premium-offers .offer-month {
	background:url(/image/block/premium/offer-month.png?jcb=1322043602) no-repeat;
	height:110px;
	width:152px;
}

#premium-offers .offer-year {
	background:url(/image/block/premium/offer-year.png?jcb=1322043602) no-repeat;
	height:110px;
	width:152px;
}

#premium-offers a {
	background:#222 url(/image/block/premium/offers.png?jcb=1322043602) no-repeat;
	-moz-box-shadow:0 0 40px #000;
	-webkit-box-shadow:0 0 40px #000;
	box-shadow:0 0 40px #000;
	float:left;
	height:62px;
	margin:40px 0 0 10px;
	overflow:hidden;
	text-indent:-9999em;
	width:132px;
}

#premium-offers a:focus {
	outline:0;
}

.ie #premium-offers a {
	background-color:#2F2F2F;
}

#premium-offers .offer-week .phone a {
	background-position:0 0;
}

#premium-offers .offer-week .sms a {
	background-position:-132px 0;
}

#premium-offers .offer-month a {
	background-position:-264px 0;
}

#premium-offers .offer-year a {
	background-position:-396px 0;
}

#premium-offers .offer-week .phone a:hover {
	background-position:0 100%;
}

#premium-offers .offer-week .sms a:hover {
	background-position:-132px 100%;
}

#premium-offers .offer-month a:hover {
	background-position:-264px 100%;
}

#premium-offers .offer-year a:hover {
	background-position:-396px 100%;
}

#premium-offers-infos {
	color:#898A8C;
	font-size:10px;
	margin:0 0 15px 17px;
}

/* !Program */
#premium-program {
	margin-bottom:25px;
}

#premium-program h2 {
	background:url(/image/block/premium/program.png?jcb=1322043602) no-repeat;
	border:0;
	height:32px;
	margin:0;
	text-indent:-9999em;
	width:210px;
}

#premium-program .dates {
	background:url(/image/block/premium/tv.png?jcb=1322043602) no-repeat 0 50%;
	color:#0098D4;
	margin:7px 0;
	padding-left:20px;
}

#premium-program h3 {
	color:#0098D4;
	font-style:italic;
	font-weight:bold;
	text-transform:lowercase;
}

/* !Last videos */
#premium-videos-list {
	background:rgba(20,20,20,.3);
	border:1px solid #414141;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin-bottom:15px;
	overflow:hidden;
	padding:16px;
}

.ie #premium-videos-list {
	background:none;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30202020,endColorstr=#30202020);
	zoom:1;
}

#premium-videos-list h2 {
	background:url(/image/block/premium/last-videos.png?jcb=1322043602) no-repeat;
	border:0;
	height:24px;
	margin:0;
	text-indent:-9999em;
	width:255px;
}

#premium-videos-list h2.results {
	background-image:url(/image/block/premium/omtv-logo-small.png?jcb=1322043602);
	color:#0098D4;
	font-family:Helvetica, sans-serif;
	font-size:22px;
	padding-left:67px;
	text-indent:0;
	text-transform:uppercase;
	width:auto;
}

#premium-videos-list ul {
	margin:2px -5px 0;
}

#premium-videos-list li {
	background:#131313;
	display:inline;
	float:left;
	height:174px;
	margin:10px 5px 0;
	overflow:hidden;
	padding:13px;
	position:relative;
	width:111px;
}

#premium-videos-list h3 {
	left:13px;
	position:absolute;
	top:113px;
	width:111px;
}

#premium-videos-list h3 a {
	color:#0098D4;
}

#premium-videos-list h3 span {
	background:url(/image/block/premium/free.png?jcb=1322043602) no-repeat;
	height:30px;
	left:1px;
	position:absolute;
	text-indent:-9999em;
	top:-99px;
	width:59px;
}

#premium-videos-list img {
	border:1px solid #909090;
	height:82px;
	width:109px;
}

#premium-videos-list p {
	font-weight:bold;
}

#premium-videos-list .infos {
	bottom:10px;
	color:#969696;
	font-weight:normal;
	left:13px;
	position:absolute;
	width:111px;
}

#premium-videos-list .infos a {
	background:url(/image/block/premium/arrow.png?jcb=1322043602) no-repeat;
	bottom:0;
	height:15px;
	position:absolute;
	right:0;
	text-indent:-9999em;
	width:15px;
}

/* !Top videos */
#premium-top-videos {
	margin-bottom:15px;
}

#premium-top-videos h2 {
	background:url(/image/block/premium/top-videos.png?jcb=1322043602) no-repeat;
	border:0;
	height:30px;
	margin:0 0 23px;
	text-indent:-9999em;
	width:201px;
}

#premium-top-videos ol {
	color:#0098D4;
	font-weight:bold;
	list-style:decimal outside;
}

#premium-top-videos li {
	margin:0 0 10px 25px;
	position:relative;
}

#premium-top-videos li.first {
	min-height:85px;
	vertical-align:top;
}

.ie6 #premium-top-videos li.first {
	height:85px;
}

.ie8 #premium-top-videos .first {
	padding-left:114px;
}

.ie8 #premium-top-videos .first img {
	left:0;
	position:absolute;
	top:0;
}

.ie8 #premium-top-videos .first .category {
	margin-top:-14px;
}

#premium-top-videos img {
	float:left;
	margin-right:5px;
}

#premium-top-videos .category {
	color:#FFF;
	font-size:1em;
}

#premium-top-videos h3 {
	font-size:1em;
}

#premium-top-videos h3 a {
	color:#0098D4;
}

#premium-top-videos .infos {
	color:#969696;
	font-weight:normal;
}

/* !Search */
#premium-search {
	background:#030303 url(/image/block/premium/back-stadium.jpg?jcb=1322043602) no-repeat 384px -2px;
	clear:both;
	color:#FFF;
	padding:13px 28px 77px;
}

#premium-search .inner {
	background:rgba(20,20,20,.3);
	border:1px solid #414141;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin-bottom:15px;
	overflow:hidden;
	padding:7px 24px;
	width:402px;
}

.ie #premium-search .inner {
	background:none;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30202020,endColorstr=#30202020);
	zoom:1;
}

#premium-search h2 {
	background:url(/image/block/premium/video-search.png?jcb=1322043602) no-repeat;
	border:0;
	height:27px;
	margin-bottom:22px;
	text-indent:-9999em;
	width:248px;
}

#premium-search fieldset div {
	margin-bottom:10px;
}

#premium-search label {
	float:left;
	font-weight:bold;
	padding-right:10px;
	text-align:right;
	vertical-align:middle;
	width:135px;
}

#premium-search select {
	width:205px;
}

#premium-search .submit {
	margin-top:16px;
	text-align:right;
	width:350px;
}

#premium-search button {
	background:url(/image/block/premium/search.png?jcb=1322043602) no-repeat;
	height:23px;
	width:93px;
	text-indent:-9999em;
}

/* !Premium nav page */
#premium-main .nav-page {
	text-align:right;
	padding:10px 5px 0;
}

#premium-main .nav-page ul {
	margin:0;
}

#premium-main .nav-page li {
	background:none;
	float:none;
	height:auto;
	margin:0;
	padding:0;
	width:auto;
}
/*----------------------------------------------------------
	Premium CSS
	Main styles for the premium main page

	Project:		OM.net
	Author:			Yannick Croissant, e-TF1 Web Agency
	Summary :
----------------------------------------------------------*/


/*
 * !Premium
 */
#premium-main {
	background-image:url(/image/block/premium/back-large.jpg?jcb=1322043602);
}

/* Premium player */
#premium-player {
	background:rgba(20,20,20,.3);
	border:1px solid #414141;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin-bottom:15px;
	margin:32px 37px;
	overflow:hidden;
	padding:16px;
}

.ie6 #premium-player {
	background:none;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30202020,endColorstr=#30202020);
	zoom:1;
}

#premium-player .part1 {
	margin:0 30px 0 14px;
	width:522px;
}

#premium-player .part1 h2 {
	background:none;
	border:0;
	color:#0098D2;
	font-size:17px;
	font-weight:bold;
	height:auto;
	margin:0;
	padding:12px 0 2px;
	text-indent:0;
}

#premium-player .part1 .infos {
	color:#868688;
}

#premium-player .part1 .infos span {
	font-weight:bold;
}

#premium-player .part1 .summary {
	font-weight:bold;
	padding:12px 0;
}

#premium-player .part1 .copyright {
	color:#868688;
	font-size:10px;
}

#premium-player .part2 {
	margin:0;
	width:284px;
}

#premium-player .part2 h2 {
	margin:0;
}

#premium-player .more {
	background:url(/image/block/premium/more-videos.png?jcb=1322043602) no-repeat;
	display:block;
	height:23px;
	margin:20px auto 0;
	text-indent:-9999em;
	width:129px;
}

/* Social tools */
#premium-player .social {
	margin-top:10px;
}

#premium-player .social span {
	font-size:1.2em;
	vertical-align:middle;
}

#premium-player .social ul {
	display:inline;
}

#premium-player .social li {
	display:inline;
	margin-left:5px;
}

#premium-player .social img {
	background:#FFF;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	vertical-align:middle;
}

/* Player placeholder */
#player-placeholder {
	padding:0;
}


.js #player-placeholder p {
	text-indent:-9999em;
}

#player-placeholder object {
	background:#060606;
}

/* Premium videos list */
#premium-videos-list {
	background:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border:0;
	margin:0;
	padding:0;
}

.ie #premium-videos-list ul {
	zoom:1;
}

#premium-videos-list h3 {
	top:100px;
}

#premium-videos-list h3 span {
	top:-86px;
}