/*!
 * VIDEOTRON 
 * Copyright (c) 2012 Videotron s.e.n.c.
 * 
 * Title 	: main.css  
 * author 	: team illico web
 * Updated  : 20 august 2012 w14600
 */
 
/********** PART 1 - RESET & LAYOUT ******************/

html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin       : 0;	
   padding      : 0;
   border       : 0;
   outline      : 0;
   font-size    : 100%;
   background   : transparent;
}

input, textarea{
	font-size:1em;
	border:1px solid #aaa;
	padding:3px;
}

ol, ul {
   list-style: none;
}

blockquote, q {
   quotes   : none;
}

blockquote:before, blockquote:after,
q:before, q:after {
   content  : '';
   content  : none;
}

/* remember to define focus styles! */
:focus {
   outline  : 0;
}

/* remember to highlight inserts somehow! */
ins {
   text-decoration   : none;
}

del {
   text-decoration   : line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse   : collapse;
   border-spacing    : 0;
}

/**/

@font-face {
    font-family: 'BlenderProBold';
    src: url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-bold-webfont.eot');
    src: url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-bold-webfont.woff') format('woff'),
         url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-bold-webfont.ttf') format('truetype'),
         url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-bold-webfont.svg#BlenderProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BlenderProMedium';
    src: url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-medium-webfont.eot');
    src: url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-medium-webfont.woff') format('woff'),
         url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-medium-webfont.ttf') format('truetype'),
         url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-medium-webfont.svg#BlenderProMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BlenderProThin';
    src: url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-thin-webfont.eot');
    src: url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-thin-webfont.woff') format('woff'),
         url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-thin-webfont.ttf') format('truetype'),
         url('/illicoweb/static/webtv/assets/fonts/blender/blenderpro-thin-webfont.svg#BlenderProThin') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*############################################################################
############################## layout.css ####################################
############################################################################*/

/*
- Header
- Chaines
- Content
- Content column
- Footer
*/

#page-wrapper{
	overflow:hidden;
}

/********** Header ************/
#header-wrapper {
   float       : left;
   width       : 100%;
   border      : none;
   background  : #000000 url(/illicoweb/static/webtv/images/sprites/no-repeat_bg.jpg) no-repeat 50% 0 scroll;
}


#tiroir-wrapper + #page-wrapper{
   margin-top: -10px; /* do not put comment between them for ie7 */
}

#header {
   width    : 980px;
   margin   : 0px auto; /* SE don't change any margin value, cause margin-bottom bug ie7 */
   padding	: 0 0 15px 0;
}

.header-with-carrousel #header {
	padding : 0px;
}

/********** [Chaines] ************/

#chaines-wrapper {
   float       : left;
   width       : 100%;
   border-top  : solid 1px #5a5c5b;
   background  : url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') repeat-x 0px -139px;
   margin      : 0px;
   height      : 90px;
}

#chaines {
   border      : solid 0px transparent;
   width       : 980px;
   margin      : 0 auto;
   text-align  : center;
   height      : 90px;
}

#chaines-left {
   float       : left;
   width       : 105px; 
   height      : 66px;
   margin      : 0px;
   *margin-top : 20px;
   padding-top : 24px;
}

#chaines .thumbs-chaine {
    /*float : left;*/
    /*clear: both;*/
}

#chaines-right {
   float       : right; 
   width       : 135px; 
   height      : 90px;
   margin      : 0 0px 0 0px;
   *margin-top : 18px;
}

/********** [Content]  *************/

#content-wrapper {
   float          : left;
   width          : 100%;
   padding-bottom : 30px;
}

#tab-nav-wrapper {
   background-color : #aeaeae;
   height           : 31px;
}

#tab-nav {
   margin         : 0 auto;
   padding-bottom : 20px;
   width          : 900px;
}

#content {
   width    : 980px;
   margin   : 0 auto;   
}

#content:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#content-wrapper.light {
   background : url('/illicoweb/static/webtv/images/bg-light.gif') repeat-x 100px 0px #fff;
}

#content-wrapper.dark {
   background  : #424242 url(/illicoweb/static/webtv/images/bg-dark-content.gif) repeat-x 0px 0px;
   margin-top  : 0px;
}

#content-wrapper.medium-grey {
   background  : #545454 url(/illicoweb/static/webtv/images/bg-medium-grey-content.gif) repeat-x 0px 0px;
   margin-top  : 0px;
}

/********** Content column */
/*
 * Total = 566px + 414px = 980px
 *
 * Layout Home     
 *    --------------------   ----------------------
 *    | home-video-col    |  | home-promo-col     |
 *    | 566(no marge)     |  | 373+41 = 414       |
 *    |  text-wrapper     |  |  text-wrapper      |
 *    |   :float:left     |  |   41:float:right   | 
 *    |--------------------  ----------------------
 */

#content-left-col,
#home-video-col {
   float	    : left;
   margin		: 0px;
   margin		: 10px 0 0 0;
   min-height	: 500px;
}

#home-video-col{
   width    	: 680px;
   /*margin-right : 30px;*/
}

#content-left-col{
	width: 606px;
}

#content-right-col,
#home-promo-col {  
   float       : right;
   /*margin-right: 41px;*/
   padding     : 0;
   min-height  : 500px;
}

#home-promo-col{
   width       : 300px;
}

#content-right-col{
   width       : 291px;
}

/*
 * Total = 250 + 730 = 980px 
 *
 * Layout Menu  
 *    ---------------------  -----------------------
 *    | col-menu          |  | content-col         |
 *    | 263px (no marge)  |  | 33+643+41=717px     | 
 *    |                   |  |  text-wrapper       |
 *    | 41+222(menu)      |  |  41:float:right     |
 *    |                   |  |                     |
 *    |                   |  |                     |
 *    |--------------------  -----------------------
 */

#menu-col {
   float       : left;
   width       : 222px; /* mesure officiel */
   min-height  : 250px;
   margin      : 24px 0 20px 41px;
}

#content-col {
   float    : left;
   width 	: 676px; /* mesure officiel */
   margin	: 6px 41px 20px 0;
}


.half-wrapper-col, 
.half-col-wrapper {
   width  	: 338px; /* 340px */
   float  	: left;
   margin	: 0px;
}

.half-col-wrapper h2 {
   margin-left	: 25px;
}

/********** PART 2 - CLASSES DE BASE ******************/

/*
- Style general
- Telecino-header
- Carousel-Player
- Video-Player MR
- Telecino-chaines
- Telecino-footer
    NOTE:
- Logo 
- Utilitaires
- Sous-menu-outils
- Main-menu
- Site-menu-dropdown
- Header-search
- Carousel
*/

/*** [Style general] ***/

body {
    font-family : Arial,Helvetica,clean,sans-serif;
    font-size   : 12px; 
    min-width   : 990px;
    background  : #000000;
}

var{
	display:block;
}

a:link {
    color : #666666;
    text-decoration : none;
}

a:visited {
    text-decoration : none;
}

a:hover {
    color           : black;
    text-decoration : underline;
    cursor:pointer;
}

h1, h1 a:link {
    color           : #333333;
    text-decoration : none;
}

h2, h2 a:link {
    color           : #fff;
    text-decoration : none;
}

h3, h3 a:link {
    color           : #555555;
    text-decoration : none;
}

h4, h4 a:link {
    color               : #777777;
    text-decoration : none;
}

li {
    color : #666666;
}

.dark li {
    color : #999;
}

.dark h1, .dark h1 a:link {
    color : white;
}

.dark h2, .dark h2 a:link,
.dark h2, .dark h2 a:visited{
	color: #ffffff;
    text-decoration : none;
}

.dark h3, .dark h3 a:link {
    color           : #555555;
    text-decoration : none;
}

.dark h4, .dark h4 a:link {
    color           : #595959;
    text-decoration : none;
}

.dark a:link {
    color : #989898;
}

.medium-grey p,
.medium-grey a {
	color: #fff !important;
}

.dark .thumbs a:link,
.dark .thumbs a:visited  {
    color : #ddd;
}

.dark .thumbs a:hover {
    color : #fff;
    text-decoration: none;
}

.dark a:hover {
    color : white;
}

.float-left {
  float : left !important;
}

.float-right {
  float : right;
}

.position-rel{
	position: relative;
}

.overflow-visible {
  overflow: visible;
}
/*
.padding-top-0 {
	padding-top: 0px !important;
}*/

.pl {
    padding-left : 12px;
}

.text-yellow-bold {
   color       : #fed702;
   font-weight : bold;
}

.offscrn {
   text-indent:-9999px;
}

.nowrap {
	white-space:nowrap;
}

.hidescrn{
	display:block;
	position: absolute;
	top:-9999em;
}

.light a:hover {
   text-decoration : underline;
}

.light a:visited {
   color : #777;
}

.dark a:visited {
   color : #a7a7a7;
}

.dark a:hover {
   color : #eee;     
}

.emphase{
	font-weight: bold;
}

.light .thumbs-footer a {
    cursor : pointer;
}

.opt-box {
   float : right;
   width : 203px;
}

.text-box ul {
   color       : #a1a1a1;
   float       : right;
   text-align  : left;  
   width       : 360px;
}

.presented-by {
   float : left;
   width : 85px;
}
.margin-none {margin : 0px !important;}

.margin-top-none {margin-top : 0px !important;}
.margin-top-5px {margin-top : 5px !important;}

.margin-rt-none {margin-right : 0px !important;}

.margin-bt-none {margin-bottom : 0px !important;}
.margin-bt-5px {margin-bottom : 5px !important;}
.margin-bt-10px {margin-bottom : 10px !important;}
.margin-bt-16px {margin-bottom : 16px !important;}
.margin-bt-24px {margin-bottom : 24px !important;}

.padding-top-none {padding-top : 0px !important;}
.padding-top-12px {padding-top : 12px !important;}

.padding-rt-20px {padding-right : 20px;}
.padding-rt-30px {padding-right : 30px;}

.break-line {
	margin-bottom : 12px !important;
}

a.block {
    color: inherit;
    display: block;
    text-decoration: none;
}

.noborder{
	border: none !important;
}

.no-bg{
	background-image:none !important;
}

a.disabled-btn,
button.disabled-btn{
	opacity:0.4;
	cursor: default !important;
}


.ie7 a.disabled-btn,
.ie7 button.disabled-btn,
.ie8 a.disabled-btn,
.ie8 button.disabled-btn{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40";
	filter: alpha(opacity=40);	
}

/* VERTICAL ALIGN - Requiert 2 DIVs parent-enfant */
.v-center {display: table;}

.v-center > * {
	display: table-cell !important; 
	vertical-align: middle !important;
}

.ie7 .v-center{
	overflow : hidden;
}

.ie7 .v-center > * {
	float: left;
	margin-top: inherit;
	clear: expression(  	
	style.marginTop = "" + (offsetHeight < parseInt(parentNode.currentStyle.height) ? parseInt((  parseInt(parentNode.currentStyle.height) - offsetHeight) / 2) + "px" : "0"),
	style.clear = "none", 0 
	);	
}

.dark #content .overflow-visible {
  overflow : visible;
}

.light #content-col .superscript {
  font-size         : 9px;
  vertical-align    : top;
}

.clear {
  clear : both;
}

/* float clearing for IE7 */
*+html .group,
*+html .clearfix{
  min-height: 1%; /* trigger hasLayout */
}

/* float clearing for everyone else */
.group:after,
.clearfix:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

/*** [Buttons] ***/

.gray-btn, .login-btn, .box-btn, .yellow-btn, yellow-btn-tooltip, gray-btn-tooltip, .order-btn{
	border:medium none;
	font-family:arial,helvetica,clean,sans-serif;
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	height:21px;
	letter-spacing:normal;
	white-space:nowrap;
	overflow: visible;
	padding:0 10px;
}

.ie7 .gray-btn, .ie7 .login-btn, .ie7 .box-btn, .ie7 .yellow-btn, .ie7 .yellow-btn-tooltip, , .ie7 .gray-btn-tooltip .ie7 .order-btn{
	display:inline;
	zoom:1;
}

button.gray-btn, button.login-btn, button.box-btn, button.yellow-btn, button.order-btn{
	cursor:pointer;
	height:27px;
}

.yellow-btn:focus,
.gray-btn:focus{
	border: 1px #000 dotted;
}

button.yellow-btn::-moz-focus-inner, button.gray-btn::-moz-focus-inner { 
	border: 0; 
}

a.gray-btn, a.yellow-btn, a.yellow-btn-tooltip, a.gray-btn-tooltip, a.order-btn {
    text-decoration:none !important;
    padding:6px 10px 2px; 
    outline:0;
}

.bubble-row a.gray-btn-tooltip,
.bubble-content a.gray-btn-tooltip,
.bubble-row a.yellow-btn,
.bubble-content a.yellow-btn,
.bubble-row a.yellow-btn-tooltip,
.bubble-content a.yellow-btn-tooltip {
	padding: 2px 8px 1px 8px;
}

a.gray-btn-tooltip,
a.yellow-btn,
a.yellow-btn-tooltip,
a.order-btn {
    color:#000 !important;
}

a.gray-btn {
    color:#FFF;
}


.login-btn,
.box-btn,
.yellow-btn,
.yellow-btn-tooltip,
.order-btn {
    background  : url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') repeat-x 0px -70px;
    color       : #000000;
}

.gray-btn-tooltip,
.login-btn:hover,
.box-btn:hover,
.yellow-btn:hover,
.yellow-btn-tooltip:hover,
.order-btn:hover {
    background  : url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') repeat-x 0px -35px;
    color       : #000000;
}

.gray-btn-tooltip:hover {
	background : url("/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif") repeat-x scroll 0 -1820px transparent
}

.gray-btn {
    background  : url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') repeat-x 0px 0px;
    color       : #FFFFFF;
}

.gray-btn:hover {
    background  : url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') repeat-x 0px -35px;
    color       : #000000;
}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    a.gray-btn-tooltip,
    a.gray-btn,
    a.yellow-btn,
    a.yellow-btn-tooltip {
        padding-left    : 10px;
        padding-right   : 10px;
        padding-top     : 6px;
    }
}
a.order-btn {
	padding	: 3px 10px 3px 10px;
	padding: 4px 10px 1px 2px\9;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	*margin-bottom: 0px;
}

.fiche-zone-wrapper a.order-btn {
	/*width: 180px;*/
	float: left;
	padding: 2px 12px 2px 12px;
	*padding: 3px 12px 0px 12px;
	margin-right: 150px;
}

a.episode-list {
	height: 14px; 
	padding: 0px 6px 2px 6px; 
	font-size: 12px; 
	float: right;
}

a.episode-order-link {
	color:#fed602 !important; 
	font-weight: bold; 
	text-decoration: underline;
}

a.episode-order-link:hover {
	color: #fff !important;
}

/*** [Logo] ***/

.home #logo a {
   cursor : default;
}

#logo {
   float        : left;
   padding-top  : 14px;
}

/*** [Utilitaires] ***/

#utilitaires {
   float:right;
   padding-top:10px;
   margin-bottom:20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #utilitaires { height : 58px; }
}

#utilitaires > #espace-connexion{
	float:right;
	margin-bottom:5px;
}

.ie8 #utilitaires > #espace-connexion{
	margin-bottom:10px;
}

#utilitaires > #espace-connexion a{
	color:#ccc;
}

#utilitaires > #espace-connexion > ul > li{
	display:inline;
	color:#ccc;
	margin-left:3px;
}

#utilitaires > #espace-connexion > ul > li > a.link-signout{
	padding-left:6px;
}

#utilitaires ul#menu-outils {
	clear:right;
	float:right;
	width: 100%; /* ie */
}

#utilitaires ul#menu-outils > li {
   float : left;
   line-height :30px;
   padding: 0 10px;
   background: url("/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif") no-repeat scroll right -353px transparent;
}

#utilitaires ul#menu-outils li.last {
   background       : none;
   padding-right    : 0px; 
}

#utilitaires ul#menu-outils > li a {
   font-size: 16px; 
   color:#fed602;
}

#utilitaires ul#menu-outils > li a:hover {
   color: #fff;
}

/*** [Main-menu] ***/
#main-menu {
    float:left;
    width:978px; /* Box-model*/
    height:42px;
    z-index:3; /* important pour enp */
    *z-index:5; 
    background:url('/illicoweb/static/webtv/images/main-menu-bg.gif') repeat-x;    
    border:solid 1px #434343;
    position:relative;
}

/*
#topMenu-flash {
    z-index         : 1;
    position        : relative;
    margin          : -420px 0 320px 0;
    *margin-bottom  : 0px;
}*/

/*** [Site-menu-dropdown (version 2 avril 2010)] ***/ 
#site-menu-dropdown {    
    float:left;    
}

/*
#site-menu-dropdown:after {
  content       : ".";
  display       : block;
  height        : 0;
  clear         : both;
  visibility    : hidden;
  z-index       : 5;
}
*/


#site-menu-dropdown li.link {    
    background  : url(/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif) no-repeat right -348px;
}

.ie7 #site-menu-dropdown li.link {
     background : url(/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif) no-repeat right -351px;
}

#site-menu-dropdown li.linkLast {
    background  : none;
}


#site-menu-dropdown .item-seperator {
    background  : url(/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif) no-repeat right -348px !important;
}

.ie8 #site-menu-dropdown .item-seperator:hover, 
.ie7 #site-menu-dropdown .item-seperator:hover {
    background  : url(/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif) no-repeat right -351px !important;
}

#home-icon {
	background  : url(/illicoweb/static/webtv/images/home-icon.png) no-repeat 12px 5px;
	width: 25px;
    height: 25px;
    display: block;
    padding:9px 8px 9px;
}

.ie7 #home-icon,
.ie7 #home-icon-active,
.ie7 #home-icon:hover,
.ie7 #home-icon-active:hover {
	background-position: 12px 7px;
}

#home-icon:hover {
    background-image:url(/illicoweb/static/webtv/images/home-icon-active.png);
}

#home-icon-active {
	background:url(/illicoweb/static/webtv/images/home-icon-active.png) no-repeat 12px 5px;
	width: 25px;
    height: 25px;
    display: block;
    padding:9px; /* 25 + (9*2)=43px  li should be 43px in height*/	
}
/*
.menu-item-star-academie a{
	margin-top: 4px;
	margin-left: 30px;
	height: 23px !important;
}*/

#site-menu-dropdown li {
    margin      : 0;
    padding     : 0;
    z-index     : 4;
    list-style  : none;
    float       : left;
}

#site-menu-dropdown li.last {
     background : none;
}

.ie7 #site-menu-dropdown li.last {
     background : none;
}

#site-menu-dropdown a.dropdown-tab {
    display             : block;
    color               : #FFF;
    font-size           : 17px;
    font-weight         : bold;
    padding             : 13px 8px 3px; /*0.47em 8px 0px 8px;*/
    text-decoration 	: none;
    text-transform      : uppercase;
    z-index             : 1;
    height              : 27px;
    position            : relative;
}

/* commented by lec
.ie7 #site-menu-dropdown a.dropdown-tab{
	padding             : 12px 8px;
}*/

#site-menu-dropdown > li.menu-club-illico > a{
	padding:0 8px;
	height:43px;
}

#site-menu-dropdown li.link a.sHover,
#site-menu-dropdown li.linkLast a.sHover {
    color       : #FED602 !important;
    /*background  : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -2900px 0px;*/
    background  : transparent url('/illicoweb/static/webtv/images/sprites/no-repeat_bg.jpg') no-repeat -670px -600px !important;
    left		: -1px; /*******/
    padding-left: 9px;
    margin-right: -1px;
}

/******** nav dropdown *********/
/* VSDA */
#nav-vsda span{
	display:block;
}

#nav-vsda > span{
	background:transparent url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat -63px -2594px;
	height:43px;
	padding:3px 0 0 41px;
}

#nav-vsda > span > span:first-child{
	font-size:1.45em;
}

#nav-vsda > span > span:last-child{
	margin:-3px 0 0 2px;
}

:lang(en) #nav-vsda > span > span:last-child{
	font-size:.65em;
}

:lang(fr) #nav-vsda > span > span:last-child{
	font-size:.6em;
}


/* ie */
.ie7 #nav-vsda > span{
	padding-top:1px;
}

.ie7 #nav-vsda > span > span.last{
	margin:-7px 0 0 2px;
}

.ie8 #nav-vsda > span > span.last{
	margin:-2px 0 0 2px;
}

.ie7 .lang-en #nav-vsda > span > span.last,
.ie8 .lang-en #nav-vsda > span > span.last{
	font-size:.65em;
}

.ie7 .lang-fr #nav-vsda > span > span.last,
.ie8 .lang-fr #nav-vsda > span > span.last{
	font-size:.6em;
}
/* end VSDA */

#site-menu-dropdown li.link:Hover {
    background  : none;
}

#site-menu-dropdown li.last:hover a,
#site-menu-dropdown li.last a.sHover {
    background : none;
}


/*** [Dropdown-pane] ***/
#site-menu-dropdown ul.dropdown-pane {
    position            : absolute;
    padding             : 0px 0px 18px 26px;
    width               : 954px;
    left                : 0px;
    list-style          : none;
    top                 : 43px;
    z-index             : 80;
    border-bottom       : 1px solid #1b1b1b;
    background       	: #000000 url('/illicoweb/static/webtv/images/sprites/no-repeat_bg.jpg') no-repeat;
}

.ie7 #site-menu-dropdown ul.dropdown-pane{
	top:42px;
}

#site-menu-dropdown li.link ul.dropdown-pane {
    display : none;
    height:auto !important;/*lec: hack to fix the dropdown menu too short if there's an image longer (height) than the item lists - ie: club unlimited's banner - Chrome*/
}

#site-menu-dropdown li.link:hover ul.dropdown-pane {
    display : block;
}


/*lec - with menu-club-illico
#site-menu-dropdown > li.menu-films > ul{
    background-position : -630px -643px;
}

#site-menu-dropdown > li.menu-series > ul{
    background-position : -570px -643px;
}

#site-menu-dropdown > li.menu-club-illico > ul{
    background-position : -500px -643px;
}

#site-menu-dropdown > li.menu-selection-illico > ul{
    background-position : -393px -643px;
}

#site-menu-dropdown > li.menu-musique > ul{
    background-position : -250px -643px;
}

#site-menu-dropdown > li.menu-chaines > ul{
    background-position : -170px -643px;
}
*/

/*lec - without menu-club-illico
- remove/activate the previous comment
- once VSDA enabled (in prod)
	- remove this bg positionning section
	- remove js function in main.js - illicoweb.tools.bgPositionning()
	- remove the VSDA switch in header.jsp and js script at bottom of the page
*/
#site-menu-dropdown > li.menu-films > ul{
    background-position : -630px -643px;
}

#site-menu-dropdown > li.menu-series > ul{
    background-position : -570px -643px;
}

#site-menu-dropdown > li.menu-selection-illico > ul{
    background-position : -500px -643px;
}

#site-menu-dropdown > li.menu-musique > ul{
    background-position : -358px -643px;
}

#site-menu-dropdown > li.menu-chaines > ul{
    background-position : -286px -643px;
}


#site-menu-dropdown ul.dropdown-pane li.vedette-li{
    float           : right;
    overflow        : hidden;
    margin-right    : 41px;
    width           : 313px;
}

#site-menu-dropdown ul.dropdown-pane li.img-banner{
    float:right;
	padding:20px 14px 0 0;
}

#site-menu-dropdown ul.dropdown-pane li.img-banner > a{
	display:block;
}

#site-menu-dropdown ul.dropdown-pane li.first-col-li ul li.titre,
#site-menu-dropdown ul.dropdown-pane li.chaines-li ul li.titre, 
#site-menu-dropdown ul.dropdown-pane li.vedette-li div.titre,
#site-menu-dropdown ul.dropdown-pane li.col-li ul li.titre{
   	color:#FFFFFF;
   	font-weight:bold;
   	padding:12px 0 4px;
	vertical-align:top;
	text-align:left;
}

#site-menu-dropdown ul.dropdown-pane li.col-li > h6{
	color:#fff;
	font:bold Arial,sans-serif;
	padding:12px 0 4px;
}

#site-menu-dropdown ul.dropdown-pane li.col-li ul li.next-title{
	margin-top: 16px;
}

#site-menu-dropdown ul.dropdown-pane li.vedette-li div.en-vedette{
	margin-bottom: 3px;
}

#site-menu-dropdown ul.dropdown-pane li.chaines-li ul li.titre{
	width:100%;
}

#site-menu-dropdown ul.dropdown-pane li.chaines-li ul li ul li.menulink,
#site-menu-dropdown ul.dropdown-pane li.col-li ul li.menulink,
#site-menu-dropdown ul.dropdown-pane li.first-col-li ul li.menulink {
    width : 180px;
    *width : 182px;
    border-bottom   : 1px solid #4E4F50;
}

/*
 * NOTE [stgermjf 2012-10-16]:  set size for 4 columns ONLY FOR CHANNELS
 */
#site-menu-dropdown ul#chaines-menu li.chaines-li ul li ul li.menulink {
    width: 165px;
    *width: 167px;
}

#site-menu-dropdown ul.dropdown-pane li.chaines-li ul li ul li.chaine-en-direct,
li.chaine-en-direct {
	background: url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 160px -233px transparent;
}

#site-menu-dropdown ul.dropdown-pane li.chaines-li ul li ul li.chaine-en-direct > a,
li.chaine-en-direct > a,
{
	padding-right:22px;
}

/*
 * NOTE [stgermjf 2012-10-16]: set posisiton for narrower columns (all but first one) in the channel section only
 */
#site-menu-dropdown ul#chaines-menu li.chaines-li ul li ul li.chaine-en-direct {
	background: url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 145px -233px transparent;
}

#site-menu-dropdown ul.dropdown-pane li.first-col-li ul li.titre,
#site-menu-dropdown ul.dropdown-pane li.col-li ul li.titre, 
#site-menu-dropdown ul.dropdown-pane li.col-li ul {
    width : 200px;
}

#site-menu-dropdown ul.dropdown-pane li.vedette-li div.titre {
    width : 313px;
}
 
#site-menu-dropdown ul.dropdown-pane li.chaines-li{/* 400px pour 2 col 600px pour 3 colonnes */  
    width : 600px; 
}

/*
 * NOTE [stgermjf 2012-10-16]: set size for 4 columns ONLY FOR CHANNELS
 */
#site-menu-dropdown ul#chaines-menu li.chaines-li {
    width: 750px;
}
	
#site-menu-dropdown ul.dropdown-pane li.chaines-li ul li ul {
    width : 200px;
}
/*
 * NOTE [stgermjf 2012-10-16]: set size for 4 columns ONLY FOR CHANNELS
 */
#site-menu-dropdown ul#chaines-menu li.chaines-li ul li ul {
    width: 185px;
}

#site-menu-dropdown ul.dropdown-pane ul.pas-titre {
    padding-top : 31px;
}

#site-menu-dropdown ul.dropdown-pane li.col-li,
#site-menu-dropdown ul.dropdown-pane li.first-col-li {
    width       : 200px;
    padding-top : 0px;
} 

#site-menu-dropdown ul.dropdown-pane li.chaines-li {
    margin-left : 0px;
}

#site-menu-dropdown ul.dropdown-pane li.vide {
        visibility : hidden;
}
 
#site-menu-dropdown ul.dropdown-pane li.vedette {
        vertical-align  : top;
        padding-top     : 0px;
}

#site-menu-dropdown ul.dropdown-pane li ul {
        list-style  : none outside none;
        overflow        : hidden;
        float           : left;
        width			: 100%; /* force ie to ajust width*/
}

#site-menu-dropdown ul.dropdown-pane li ul li.menulink:hover {
    background-color : #3b3b3b !important;
}

/*
#site-menu-dropdown ul.dropdown-pane li ul li.menulink a {
   	background:url("/illicoweb/static/webtv/images/sprites/bullets.png") no-repeat scroll -798px 9px transparent;
	color:#999;
	display:block;
	font-size:100%;
	font-weight:normal;
	padding:4px 0 3px 10px;
	text-decoration:none;
	text-transform:none;
	text-align:left; 
}
*/

#site-menu-dropdown li.chaine-en-direct .dropdown-menu-bullet{
	padding-right:22px;
}

#site-menu-dropdown .dropdown-menu-bullet{
   	background:url("/illicoweb/static/webtv/images/sprites/bullets.png") no-repeat scroll -798px 9px transparent;
	color:#999;
	display:block;
	font-size:100%;
	font-weight:normal;
	padding:4px 0 3px 10px;
	text-decoration:none;
	text-transform:none;
	text-align:left;
}

#chaines-menu li.menulink a {
	/*width: 146px; lec: bad*/
}

#chaines-menu .first-col-li li.menulink a {
	/*width: 165px; lec: bad*/
}

/*
 * NOTE [stgermjf 2012-10-16]: columns except the first one in the channel menu were made narrower
 * to allow the addition of a forth column.
 */
#site-menu-dropdown ul#chaines-menu li.chaines-li li.menulink a {
	/*width: 131px; lec: bad*/
}

#chaines-menu li.menulink a:active, #chaines-menu li.menulink a:focus {
	color: #fff !important;
}

#site-menu-dropdown ul.dropdown-pane div.vedette {
    color           : #FFF;
    float           : left;
    padding-right   : 0px;
    text-align      : left; 
    margin-right    : 21px;
}

#site-menu-dropdown ul.dropdown-pane div.vedette a {
    color           : #FFFFFF;
    display         : block;
    text-decoration : none;
    width           : 146px;
    position		: relative;
}

#site-menu-dropdown ul.dropdown-pane div.last {
    margin-right : 0px;
}

#site-menu-dropdown ul.dropdown-pane div.vedette img {
   margin               : 0px 0 6px 0;
   *margin-bottom   	: 3px; /* for IE7 and below only */
   border               : 1px solid #1F1F1F;
}

#site-menu-dropdown ul.dropdown-pane div.vedette span {
    color : #cccccc;
}

#site-menu-dropdown .legend-live-tv{
	background:url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0px -238px transparent;
	clear:both; 
	padding: 0 12px 0 21px;
	margin-top:16px;
	float:right
}

.ie7 #site-menu-dropdown .legend-live-tv{
	float:none;
	margin-left:755px;
}

/*** Subnav  ***/

.subnav-menu{
	display:block;
	float:left;
	list-style-type:none;
	margin:0 0 0 0px;
	padding-bottom:11px;
	/*width: 898px;*/
}
.subnav-menu > *{
	float : left;
}

.subnav-menu li {
	margin	: 0;
	padding	: 3px 10px 8px 10px;
	list-style-type: none;
	background: none; 
}

.subnav-menu > li+li{
	background : url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll left -1571px transparent;
}

.subnav-menu li a.selected{
	font-weight	: bold;
	color			: #fff;
}

/*** Select Box - Catalog ***/
.sort-recent-dropdown-title {
   color			: #444;
   float			: left;
   margin      : 3px 14px 0px 0px;
   margin      : 5px 14px 0px 0px\9;
}

.dark .sort-recent-dropdown-title {
   color			: #989898;
}

.medium-grey .sort-recent-dropdown-title {
   color			: #fff;
}


.sort-recent-dropdown-container {
   float    : left; 
   margin   : 0px 0 40px 20px;
}

*+html .sort-recent-dropdown-container {
	height : 42px;
}

.sort-recent-dropdown {
   position : absolute;
   z-index  : 2;
}
 

/*** [Search Box header & footer] ***/

#header-search-wrapper{
	float:right;
	margin:6px 10px 0 0;
}

#header-search-wrapper form ul{
	background:#222 url(/illicoweb/static/webtv/images/sprites/icons.png) no-repeat scroll 3px 6px;
	padding-left:25px;
	border:1px solid #4E4E4E;
}
#header-search-wrapper form ul li{
	display:inline-block;	
	vertical-align:middle;	
}

.ie7 #header-search-wrapper form ul li{
	zoom:1;/*ie7*/
	display:inline;/*ie7*/
}

#header-search-wrapper form ul li label,
#footer-search-wrapper form ul li label,
.search-wrapper form ul li label{
	display:block;
}
#header-search-wrapper form ul li input{
	width:180px;
	color:#999;
	font-size:99%;
	background-color:#222;
	border:none;
}
#header-search-wrapper form ul li button.yellow-btn,
#footer-search-wrapper form ul li button.gray-btn,
.search-wrapper form ul li button.gray-btn{
	margin:0px 0px 0px 5px;/*fixed safari right empty spaces*/	
}

#footer-search-wrapper{
	width:50%;
	display:inline-block;
	vertical-align:top;
}

#footer-search-wrapper > form{
	display:inline-block;
}

.ie7 #footer-search-wrapper,
.ie7 #footer-search-wrapper > form{
	zoom:1;
	display:inline;
}

#footer-search-wrapper form ul,
.search-wrapper form ul{
	background:#2D2D2D url(/illicoweb/static/webtv/images/sprites/icons.png) no-repeat scroll 3px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#7f7f7f #7f7f7f #818181 #808080;
	margin-top:7px;
	padding-left:25px;
}
#footer-search-wrapper form ul li,
.search-wrapper form ul li{
	display:inline-block;
	vertical-align:middle;
}
	
.ie7 #footer-search-wrapper form ul li,
.ie7 .search-wrapper form ul li{
	zoom:1;/*ie7*/
	display:inline;/*ie7*/
}

#footer-search-wrapper form ul li input{
	width:200px;
	color:#999;
	font-size:99%;
	background-color:#2d2d2d;
	border:none;
}

.search-wrapper{
	float:left;
	margin-bottom:10px;	
}
.search-wrapper form ul{
	background-color:transparent;
}
.search-wrapper form ul li input{
	width:200px;
	font-size:99%;
	background-color:transparent;
	border:none;	
}

/***********************************
 * tiroir
 ***********************************/

.tiroir-wrapper{	

	position:relative;
	z-index: 6;
	overflow:hidden;
}

.tiroir-header {
	background: transparent url('/illicoweb/static/webtv/images/tiroir/tiroir-bg.png') repeat-x top center;	
	width: 100%;
	margin: 0 auto;
	position:relative;
	z-index:1000;
}

.tiroir-header a.espace-connexion{
	position:absolute;
	right: 0px;
	bottom : 8px;
	color: #CCC;
	text-decoration : none;
}

.tiroir-header .a-close-btn,
.tiroir-header .a-open-btn{
	width:16px;
	height:8px;	
	margin:7px auto 0px;
	padding:0px 6px;	
}
.tiroir-header .a-close-btn{
	background: url('/illicoweb/static/webtv/images/tiroir/arrow_expand.png') no-repeat 50% 50%;
}

.tiroir-header .a-open-btn{
	background: url('/illicoweb/static/webtv/images/tiroir/arrow_collapse.png') no-repeat 50% 50%;
}

.tiroir-header ul{
	background: transparent url('/illicoweb/static/webtv/images/tiroir/tiroir-frame.png') no-repeat top center;
	position:relative;
	margin: 0 auto;
   text-align: center;
   width: auto;
   height: 45px;
}
.tiroir-header ul li{
 	color: #FFFFFF;
   font-weight: 600;
   height: 18px;   
}

.tiroir-header ul li a{
 	font:18px/22px "BlenderProBold",Arial,sans-serif;
 	text-shadow:1px 1px 1px #000000;
 	color: #FED602;
}
.tiroir-header ul li a:hover{
 	text-decoration: none;
}

a#tiroir-close{
   position: absolute;
   right: 10px;
   top: 45px;
   background: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #b8b8b8;
	padding: 10px 25px 5px 10px;  
	text-decoration: none; 

	/* cle:
		Problem: android 3.2 (HTC tablets) close btn unclikable
		Fix: applewebkit/533.16 does not supported css3 properties, commented them out
	*/
	/*
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
		
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);  
	*/
	
 	background: url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll right -2690px #000000;				   
}

a#tiroir-close:hover{
	color: #fff;
	background-position : right -2740px;

}

#tiroir-content{
    background: url("/illicoweb/static/webtv/images/tiroir/tiroir-content-bg.jpg") no-repeat scroll center 44px transparent;
    bottom: 10px;
    height: 315px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

#footer-wrapper, #footer-wrapper-blank {
   clear       : both;
   background  : url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') repeat-x 0px -500px;
   font-size:12px;
}

.ie7 #footer-wrapper, .ie7 #footer-wrapper-blank{
	zoom:1;/* force hasLayout for ie7*/
}

#footer-wrapper-blank{
	min-height: 160px;
}

#footer-wrapper-blank ul{
	width:898px;
	margin:0 auto;
}

#footer-wrapper-blank ul li{
	line-height: 41px;
	color:#CCCCCC;
}

#footer-wrapper .center {
   width   : 980px;
   margin  : 0 auto;
   overflow: hidden;
}

/*** [Carousel-player] ***/

.header-with-carrousel{
	min-height: 440px;
}

#carrousel-wrapper{


}

#flashCarrousel{
	min-height: 315px;
	display: block;
}

#flashCarrousel .errorNoFlashMessage {
   background       : none repeat scroll 0 0 transparent;
   left             : 50%;
   margin-left : -490px;   
   padding          : 110px 0px 0px 0px;
   position     : relative;
   width            : 898px;
   border           : none;
}

#flashCarrousel .errorNoFlashMessage li {
   color        : #FFF;
   text-align   : center;
   display      : block;
}

#flashCarrousel .errorNoFlashMessage li a {
   color : #FED702;
}


#wrapper-video-player {
   height      : 360px;
   margin      : 0 auto;
}


/* Bienvenu a-propos*/
#media-zone-full-wrapper { /* box model problem to fix */
   width    : 980px;
   height   : 370px;
   margin   : 0 auto;
   padding  : 0px 0px 0px;
   overflow : hidden;
}

#player-promo #startVideo-btn {
	position: relative;
    top: 60%;

   /*background   : url('/illicoweb/static/webtv/images/apropos-main2.jpg') no-repeat top left;*/
  /* margin-top   : 18px;
   height       : 380px;*/
}
         
#bienvenue p {
    color               : #fff;
    font-size       : 30px;
    text-transform  : uppercase;
}

#bienvenue p.thin {
    font-size       : 50px;
    margin-bottom   : 22px;
}

#bienvenue p.decouverte {
    font-size       : 26px;
    margin-bottom   : 38px;
}

#bienvenue button {
    text-transform  : uppercase;
    margin          : 225px auto;
}

/*******************************
* media-info-wrapper (Commande reussi - avis de frais)
********************************/

#media-info-wrapper{
	width:900px; 
	background: url("/illicoweb/static/webtv/images/bg-confirmation-location.jpg") repeat-x scroll 0% 0% transparent;
	position: absolute; 
	z-index: 1000; 
	border: solid 2px #FED602;
	left:50%;
	margin-left:-450px;	
}

#media-info-wrapper > .dark{
	z-index:10;
	text-align:center;
	padding:15px 15px 5px;
}

#media-info-wrapper h2{
	font-size: 200%; 
	color:#FED602;
	margin:0 20px 10px;
}
/*
#media-info-wrapper a#x-close-btn{
	width:20px; 
	height:20px; 
	left: 2px;
}
*/
#media-info-wrapper p{
	font-weight:bold;
	font-size:110%;
	line-height:23px;
	padding:0;
	margin:0 20px 15px;
}

#media-info-wrapper p a.yellow-btn{
	padding: 5px 14px 0; 
	display: inline-block;
}

.ie7 #media-info-wrapper p a.yellow-btn{
	padding: 2px 14px 6px 14px; 
	display: inline-block;
	zoom:1;
	display:inline;
}

/*******************************
*	media-zone-wrapper (player)
********************************/
#media-zone-wrapper, .fiche-zone-wrapper { 
    margin: 0 auto;
    min-height: 370px;
    position: relative;
    width: 980px;
    z-index:1;  
}

#media-zone-full-wrapper #player-full{/* page a-propos */
    margin-top  : 0px; 
    height      : 320px; 
}

#media-zone-wrapper #player-promo,
#media-zone-wrapper #player-pub,
#media-zone-wrapper #promo-image-chaine,
#media-zone-wrapper #promo-image,
#media-zone-wrapper #player-chaine,
#media-zone-wrapper #player-only,
#media-zone-wrapper #player-galaxie-only { /* officiel */
    max-height: 315px;
    height:auto;
    left: 210px;
    position: absolute;
    top: 26px;
    width: 560px;
    z-index:1;
}

#media-zone-wrapper #player-promo{
	max-height: 316px;
}

#media-zone-wrapper #player-promo.player-with-box,
#media-zone-wrapper #player-pub{
	left:41px; /* la marge de gauche par default */
}

#media-zone-wrapper #player-ad{ /* ad-server*/
	border: 1px solid #555555;
    height: 250px;
    position: absolute;
    right: 41px; /* la marge de droite par default */
    top: 57px; /* mesure marketing */
    width: 300px;
}


#media-zone-wrapper #p_bigbox-enp,
#media-zone-wrapper #p_bigbox{
	  border: 1px solid #555555;
	  height: 250px;
	  position: absolute;
	  top: 57px;/* mesure marketing */
	  right:41px;/* la marge de droite par default */
	  width: 300px;
	  z-index:8;
}

#media-zone-wrapper #p_bigbox-enp{
 	border: none;
}
	
#media-zone-wrapper #p_bigbox-enp{
	min-height: 250px;
	height: auto;
	top: 40px;
}

#p_bigbox-enp .newsbox-title{
	font-size: 24px; 
	color: #fff; 
	font-weight: bold; 
	text-transform: uppercase;
}

#p_bigbox-enp .newsbox-tagline{
	margin-top: 20px; 	
	font-size: 42px; 
	font-size: 38px; 
	color: #ffd600; 
	text-transform:uppercase; 	 
	
}

.ie7 #p_bigbox-enp .newsbox-tagline{
	*margin-top: 10px; 
	*line-height: 10px;
}

#p_bigbox-enp .element-l a {
	color:#fff; 
	font-weight:bold;
}
	
#p_bigbox a{
	display:block;
}

#p_bigbox img{
	border:none;
}

/*******************************
*	Serie Montreal-quebec (player)
********************************/

#media-zone-wrapper a#choix-camera-box, #media-zone-wrapper  a#joueur-vote-box{
	display:block;	
	cursor: pointer;
	text-decoration: none;
	color:#3C3C3C;
	font-size:13px;
	background:url('/illicoweb/static/webtv/images/sprites/serie-mtl-quebec.png') no-repeat; 	
	width:137px;
	height:75px;
	position:absolute;	
	right: 41px; /* la marge de droite par default */	
		
}

#media-zone-wrapper a#choix-camera-box.fr{
	background-position:0px 0px;
}
	
#media-zone-wrapper a#choix-camera-box.en{
	background-position:-140px 0px;
}
	
#media-zone-wrapper  a#joueur-vote-box.fr{
	background-position:0px -75px
}
	
#media-zone-wrapper  a#joueur-vote-box.en{
	background-position:-140px -75px;
}	

#media-zone-wrapper a#choix-camera-box{
	top:26px;
}

#media-zone-wrapper a#joueur-vote-box{
	top:108px;
}

/*******************************
*	fiche-zone-wrapper
********************************/
.fiche-zone-wrapper { 
  	background: url('/illicoweb/static/webtv/images/media-zone-bg.jpg') no-repeat 41px 0px; 
    min-height: 380px;
    margin-top:10px;
    position: relative;
}  

.fiche-zone-wrapper .player-info {
	/*height:315px;*/
	padding: 16px 0 0 66px;
	position:relative;
	width:280px;
}

.fiche-zone-wrapper .player-info .player-info-forfait {
	margin: 10px 0 14px 0;
	/*font-weight: bold; */
	color: #999;
	clear: left;
}

.fiche-zone-wrapper .player-info .player-info-lang-version {
	margin-top: 10px;
	/*font-weight: bold; */
	color: #999;
	clear: left;
}

.fiche-zone-wrapper .player-info .player-info-dispo,
.fiche-zone-wrapper .player-info-dispo {
	float: left; 
	margin-top: 7px;
}

.fiche-zone-wrapper .aussi-dispo .player-info-dispo,
.fiche-zone-wrapper .player-info-dispo {
	margin-top: 0px;
	*margin-top: -4px;
}

.fiche-zone-wrapper .player-info .player-info-dispo a,
.fiche-zone-wrapper .player-info-dispo a {
	font-weight: bold; 
	color: #ccc; 
	text-decoration: underline;
}

.fiche-zone-wrapper .player-info .player-info-dispo a:hover,
.fiche-zone-wrapper .player-info-dispo a:hover {
	color: #eee; 
}

.fiche-zone-wrapper .player-info .q-mark {
	float: left; 
	width: 15px; 
	height: 15px;  
	margin: 9px 0 0 8px; 
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat 0px -280px;
}

.fiche-zone-wrapper .player-info-dispo .q-mark {
	float: right; 
	width: 15px; 
	height: 15px;  
	margin: 2px 0 0 8px; 
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat 0px -280px;
}

.aussi-dispo .q-mark {
	float: none !important;
	margin-left: 3px !important;
	*line-height:26px;
}

.fiche-zone-wrapper .player-image { /*  .fiche-zone-wrapper #player-only { */
	width:560px;
	height:315px;
	left:360px;
	position:absolute;
	top:23px;	
}


.fiche-bg-big{
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:10px;
}

/*******************************
* media-zone-shadow
********************************/

#media-zone-shadow {
	margin	: 0 auto;
	*float	: left;
}

#media-zone-wrapper #media-zone-shadow {
	margin: 0px;
	padding: 0px; 
	height : 0px;
	width: 560px;
}

.fiche-zone-wrapper #media-zone-shadow {	
	left: 0;
    padding-left: 41px;
    position: absolute;
    top: 361px;
    width: 898px;
}

/*
#media-zone-wrapper #promo-image {/* milieu (sans logo & pub)*/
  /*  *padding-bottom : 24px;
}*/
/*
#media-zone-wrapper #player-galaxie-only {
    *padding-bottom : 25px;
}
*/

#media-zone-wrapper #player-chaine a,
#media-zone-wrapper #player-galaxie-only a,
#media-zone-wrapper #player-chaine a span,
#media-zone-wrapper #player-galaxie-only a span  {/*fix google chrome and IE7*/
    display : block;
}

#galaxie-player-key {
	position: absolute;
	bottom: 0px;
	*position: relative;
	*margin-top:-60px;
}

#media-zone-wrapper #chaine-logo { /*fix box model problem*/
   width : 150px;
   height: 109px;
   float : left;
   margin: 50px 0px 0 41px;
}

/* modal for bande-annones*/
.modalbox-inner #media-zone-shadow{
	height:inherit;
}

.leftShadow,
.modalbox-inner .leftShadow,
#media-zone-wrapper .leftShadow,
.newsbox-wrapper .leftShadow,
.fiche-zone-wrapper .leftShadow {
    float       : left; 
    width       : 50px;
    height      : 22px; 
    background  : url('/illicoweb/static/webtv/images/sprites/box-shadow.png') no-repeat 0px -50px; 
    margin      : -16px 0 0 -50px;
    *margin-top	: -19px;
}

.fiche-zone-wrapper .leftShadow,
.fiche-zone-wrapper .middleShadow,
.fiche-zone-wrapper .rightShadow {
	*margin-top	: -16px;
}

.middleShadow > div{
	background:url('/illicoweb/static/webtv/images/box-ellipse-shadow.png') no-repeat top left;
	width:100%;
	height:100%;
}

.modalbox-inner h2.concours {
	margin: 0px 0 22px 0;
}

.concours-details {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 50px;
	width: 360px;
}

.modalbox-inner .concours-details a,
.modalbox-inner .concours-details a:visited {
	color: #fed602;
	text-decoration: underline;
}

#media-zone-full-wrapper .leftShadow,
#media-zone-full-wrapper .rightShadow {
    display : none;
} 

.middleShadow,
.modalbox-inner .middleShadow,
#media-zone-full-wrapper .middleShadow,
#media-zone-wrapper .middleShadow,
.newsbox-wrapper .middleShadow,
.fiche-zone-wrapper .middleShadow {
    float       : left; 
    width       : 100%;
    height      : 22px; 
    background  : url('/illicoweb/static/webtv/images/sprites/box-shadow.png') repeat-x; 
    margin-top  : -16px;
    *margin-top	: -19px;
    padding-top: 16px;
    display:block;
}

.newsbox-accueil .middleShadow {
 	*width: 518px;
}

.newsbox-wrapper .leftShadow,
.newsbox-wrapper .rightShadow {
	opacity: 0.2;
}

.rightShadow,
.modalbox-inner .rightShadow,
#media-zone-wrapper .rightShadow,
.newsbox-wrapper .rightShadow,
.fiche-zone-wrapper .rightShadow {
    float       : right; 
    width       : 50px;
    height      : 22px;
    background  : url('/illicoweb/static/webtv/images/sprites/box-shadow.png') no-repeat -2px -98px;
    margin      : -16px -50px 0 0;
    *margin-top	: -18px;
}

/*** [player] ***/

#player-container {
   width        : 560px;
   *width		: auto;
   margin-left  : 0px;
   position     : relative; 
}

#dim-bg {
   width                : 100%;
   height               : 100%;
   background-color 	: #000;
   opacity              : 0.8;
   filter               : alpha(opacity=80);
   z-index              : 7; /*4*/
   position             : fixed;
   top                  : 0;
   left                 : 0;
   display              : none;
}   

#player-trailer,
#player {
   background   : #000 url("/illicoweb/static/webtv/images/bg-player.jpg") no-repeat scroll left top;
   width        : 100%;
   height       : 315px;
   z-index      : 8;
   position     : relative;
   top          : 0;
   left         : 0;
   opacity      : 1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   *filter: alpha(opacity=100);
   *zoom : 1; /* turns hasLayout on */
}

#player-demo-enp #player,
#player-promo #player{
 	height       : 316px;
}

#player object,
#player embed {
    outline : none;
}

.errorMessageWrapper {
   /*background   : url('/illicoweb/static/webtv/images/no-player-bg.png') no-repeat;*/
   background   : url('/illicoweb/static/webtv/images/still-generique.jpg') no-repeat;
   width        : 558px; /* fix box model SE*/
   height       : 313px;
   border       : solid 1px #000; 
   display      : table; 
   *position    : relative; 
   overflow     : hidden;
}

.msg-wrapper-bg{
	background   : url('/illicoweb/static/webtv/images/still-generique.jpg') no-repeat;
   	width        : 558px; /* fix box model SE*/
   	height       : 313px;
   	border       : solid 1px #000; 
   	display      : table; 
	text-align:center;

}

.msg-wrapper-bg > li{
	display:table-cell;
	vertical-align:middle;
}

.msg-wrapper-bg > li > .msg-exclamation{
	background:url("/illicoweb/static/webtv/images/no-player-exclamation.png") no-repeat 50% top;
	padding-top:60px;
	font-size:150%;
	text-transform:uppercase;
	padding:60px 50px 0;
	color:#fff;
	line-height:24px;
}

.ie7 .msg-wrapper-bg > li{
	position:absolute;
	left:25px;
	top:50%;
	margin-top:-50px;
}

.chaineMessageWrapper {
   background   : url('/illicoweb/static/webtv/images/still-generique.jpg') no-repeat;
   width        : 560px;
   height       : 313px;
   display      : table; 
   *position    : relative; 
   overflow     : hidden;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {/* a cause du display:table*/
    .errorMessageWrapper { 
        height : 315px; 
    }
}

.errorMessageValign1 {
   *position        : absolute; 
   *top             : 50%;
   *left                : 0px;
   display          : table-cell; 
   vertical-align   : middle;
}

.errorMessageValign2 {
   *position    : relative; 
   *top         : -50%; 
   width            : 558px; /* fix box model - SE */
}

.errorMessagePlayerLink,
.chaineMessagePlayerLink {
   color            : #fff; 
   margin      : 0px auto;
   padding-top  : 0px;
   display      : inline-block;
}

.ie7 .errorMessagePlayerLink,
.ie7 .chaineMessagePlayerLink {
   zoom       : 1;
   display    : inline;
}

.errorMessagePlayerLink2 {
   width            : 350px; 
   margin-top   : -100px;
   color            : #fff; 
   border-top   : solid 1px #967904;
   padding-top  : 20px;
}

.errorMainArrow {
   float    : left; 
   /*width    : 30px;*/
}

.errorMainArrow2 {
   float            : left; 
   margin-left  : 100px; 
   width            : 30px;
}

.errorMainText {
   font-size        : 150%; 
   text-transform   : uppercase;
   float                : left; 
   margin           : 8px 0 0 0px;
   clear                : right;
}

.chaineMessagePlayerLink .errorMainText  a{
    color : #fff;
}

.chaineMessagePlayerLink .errorMainText  a:visited {
    color : #fff;
}

.chaineMessagePlayerLink .errorAboutText  a {
    color : #ccc;
}

.chaineMessagePlayerLink .errorAboutText  a:visited {
    color : #ccc;
}

.errorMainText a:hover {
   text-decoration : none;
}

.errorMainText a:visited {
   /*color : #000;*/
   color : #fff;
}

.chaineMessagePlayer .errorMainText a:visited {
    color : #fff;
}

.errorMainText2 {
   font-size        : 150%; 
   text-transform   : uppercase; 
   float                : left; 
   margin           : -73px 0 0 88px;
   *margin        : 0px 0 0 10px;
}

.errorAboutArrow {
   float        : left; 
   width        : 20px; 
   clear        : left;
}

.chaineMessagePlayerLink .errorAboutArrow {
   margin   	: 8px 0 0 0px;
   *margin  	: 0px 0 0 0px;    
}

.errorMessagePlayerLink .errorAboutArrow {
   margin-top  	: 6px;
   margin-top  	: 7px\9; 
   *margin-top 	: 1px;    
}

.errorAboutText {
   font-size    : 110%; 
   float        : left; 
   margin       : 2px 0 0 0px;
}

.errorAboutText a:hover {
   text-decoration : none;
}

.errorAboutText a:visited {
   color : #fff;
}

.blackoutMessageWrapper { 
    height : 315px; 
}

.blackoutMessageValign1 {
   *position        : absolute; 
   *top             : 50%;
   display          : table-cell; 
   vertical-align   : middle;
}

.blackoutMessageValign2 {
   *position    : relative; 
   *top         : -50%; 
   width            : 560px;
}

/*** [Chaines] ***/

#chaines-left h2 {
   color          : #ffffff;
   font-size      : 160%;
   text-align     : left;
   text-transform : uppercase;
   width          : 95px;
   margin-top     : 4px;
   *margin-top    : -14px;
}

#chaines-left h2 a,
#chaines-left h2 a:visited {
   color                    : #ccc;
   text-decoration  : none;
}
  
#chaines-left a:hover {
   color                    : #fff;
   text-decoration  : none;
}

#chaines-left h2 span {
   color          : #ccc;
   font-size      : 85%;
   text-align     : left;
   text-transform : uppercase;
   width          : 95px;
   display        : block;
   letter-spacing : -0.5px;
   *letter-spacing: -1px;
}

#chaines-right .toutes-chaines,
#chaines-right .mes-chaines {
   color          : #ccc;
   font-size      : 130%;
   text-align     : right;
   text-transform : uppercase;
   width          : 100px;
   text-decoration: none;
   letter-spacing : -0.5px;
   *letter-spacing: -1px;
   display		  : block;
}

#chaines-right .toutes-chaines {
   margin   : 28px 0 0 0px;
   *margin  : 8px 0 0 0px;
}

#chaines-right .mes-chaines {
   margin  : 36px 0 0 0px;
   *margin : 19px 0 0 0px;
}

#chaines-right img {
   margin       : 32px 0px 0 6px;
   *margin-top  : 16px;
   float        : right;
}

#chaines .thumbs-chaine > ul {
   float        : left;
   padding-left : 0px;
   overflow     : hidden;
}

#chaines .thumbs-chaine > ul > li {
   display  : inline;
   float    : left;
   overflow : hidden;
   padding  : 0px;
   width    : 122px;
}

#chaines .thumbs-chaine > ul > li > div.chaine-thumbs-data {
    width       : 110px;
    height      : 80px;
    min-height  : 80px;
    display     : block;
    margin-top  : 4px;
    display     : block;
}

#chaines .thumbs-chaine > ul > li > div.chaine-thumbs-data > a.info-chaine-thumbs{
    display             : block;
    text-decoration     : none;
    cursor              : pointer;
}

/*** [Bubbletip] ***/

.tooltip{ 
   position    : absolute;
   top         : 0; 
   left        : 0; 
   z-index     : 99; 
   display     : none; 
   width       : auto;
}

/* bubble-top-frame and bottom-frame */
.tooltip .bubble-top-frame, .tooltip .bubble-bottom-frame, .tooltip .bubble-middle-frame-top, .tooltip .bubble-middle-frame-bottom, .tooltip .bubble-middle-frame-left, .tooltip .bubble-middle-frame-right{
	float:left;
	width:100%;
	clear:both;
}

.tooltip .bubble-top-frame .gra-left, .tooltip .bubble-top-frame .gra-right{
	width:50%;
	height:24px;
}

/*left*/
.tooltip .bubble-top-frame .gra-left.top, .tooltip .bubble-top-frame .gra-left.bottom, .tooltip .bubble-top-frame .gra-left.left, .tooltip .bubble-top-frame .gra-left.right{
	float:left;
	background:url('/illicoweb/static/webtv/images/bubbletip/bubbletip-frame.png') no-repeat scroll transparent;
}
		
.tooltip .bubble-top-frame .gra-left.top{
	background-position: top left;
}

.tooltip .bubble-top-frame .gra-left.bottom{
	background-position: left -500px;
}

.tooltip .bubble-top-frame .gra-left.left{
	background-position: left -1000px;
}

.tooltip .bubble-top-frame .gra-left.right{
	background-position: left -1500px;
}

/*right*/
.tooltip .bubble-top-frame .gra-right.top, .tooltip .bubble-top-frame .gra-right.bottom, .tooltip .bubble-top-frame .gra-right.left, .tooltip .bubble-top-frame .gra-right.right{
	float:right;
	background:url('/illicoweb/static/webtv/images/bubbletip/bubbletip-frame.png') no-repeat scroll transparent;
}

.tooltip .bubble-top-frame .gra-right.top{
	background-position: top right;
}

.tooltip .bubble-top-frame .gra-right.bottom{
	background-position: right -500px;
}

.tooltip .bubble-top-frame .gra-right.left{
	background-position: right -1000px;
}

.tooltip .bubble-top-frame .gra-right.right{
	background-position: right -1500px;
}

/* bubble-middle-frame */
.tooltip .bubble-middle-frame-top, .tooltip .bubble-middle-frame-bottom, .tooltip .bubble-middle-frame-left,.tooltip .bubble-middle-frame-right, 
.tooltip .bubble-middle-frame-inner-top,.tooltip .bubble-middle-frame-inner-bottom, .tooltip .bubble-middle-frame-inner-left, .tooltip .bubble-middle-frame-inner-right{
	float:left;
	background-image:url("/illicoweb/static/webtv/images/bubbletip/bubbletip-frame.png");	
}

.tooltip .bubble-middle-frame-top{
	background-position: right -24px;
}

.tooltip .bubble-middle-frame-inner-top{
	background-position: left -24px;
}

.tooltip .bubble-middle-frame-bottom{
	background-position: right -524px;
}

.tooltip .bubble-middle-frame-inner-bottom{
	background-position: left -524px; 
}

.tooltip .bubble-middle-frame-left{
	background-position: right -1024px;
}

.tooltip .bubble-middle-frame-inner-left{
	background-position: left -1024px;
}

.tooltip .bubble-middle-frame-right{
	background-position: right -1524px;
}

.tooltip .bubble-middle-frame-inner-right{
	background-position: left -1524px;
}

/* bubble-bottom-frame */
.tooltip .bubble-bottom-frame .gra-left, .tooltip .bubble-bottom-frame .gra-right{
	width:50%;
	height:23px;
}

/*left*/
.tooltip .bubble-bottom-frame .gra-left.top, .tooltip .bubble-bottom-frame .gra-left.bottom, .tooltip .bubble-bottom-frame .gra-left.left, .tooltip .bubble-bottom-frame .gra-left.right{
	float:left;
	background:url("/illicoweb/static/webtv/images/bubbletip/bubbletip-frame.png") no-repeat scroll transparent;
}		
	
.tooltip .bubble-bottom-frame .gra-left.top{
	background-position: left -475px;
}

.tooltip .bubble-bottom-frame .gra-left.bottom{
	background-position: left -965px;
}

.tooltip .bubble-bottom-frame .gra-left.left{
	background-position: left -1478px;
}

.tooltip .bubble-bottom-frame .gra-left.right{
	background-position: left -1971px;
}

/*right*/
.tooltip .bubble-bottom-frame .gra-right.top, .tooltip .bubble-bottom-frame .gra-right.bottom, .tooltip .bubble-bottom-frame .gra-right.left, .tooltip .bubble-bottom-frame .gra-right.right{
	float:right;
	background:url("/illicoweb/static/webtv/images/bubbletip/bubbletip-frame.png") no-repeat scroll transparent;
}		
		
.tooltip .bubble-bottom-frame .gra-right.top{
	background-position: right -475px;
}

.tooltip .bubble-bottom-frame .gra-right.bottom{
	background-position: right -965px;
}

.tooltip .bubble-bottom-frame .gra-right.left{
	background-position: right -1478px;
}

.tooltip .bubble-bottom-frame .gra-right.right{
	background-position: right -1971px;
}

/* pointer */
.tooltip .bubble-pointer-top, .tooltip .bubble-pointer-top-message{
	background:url("/illicoweb/static/webtv/images/bubbletip/bubbletip-pt.png") no-repeat scroll 0px -71px transparent;
	clear:both;
	float:left;
	height:11px;
	margin-top:-18px;
	width:32px;
}

.tooltip .bubble-pointer-bottom, .tooltip .bubble-pointer-bottom-message{
	background:url("/illicoweb/static/webtv/images/bubbletip/bubbletip-pt.png") no-repeat scroll 0 0 transparent;
	clear:both;
	float:left;
	height:11px;
	margin-bottom:-11px;
	margin-top:0;
	position:relative;
	width:32px;
	z-index:100;
}

.tooltip .bubble-pointer-left, .tooltip .bubble-pointer-left-message{
    background: url("/illicoweb/static/webtv/images/bubbletip/bubbletip-pt.png") no-repeat scroll -31px -11px transparent;
    height: 21px;
    position: absolute;
    right: 4px;
    top: 72px;
    width: 10px;
    z-index: 100;
}

.tooltip .bubble-pointer-right, .tooltip .bubble-pointer-right-message{
    background: url("/illicoweb/static/webtv/images/bubbletip/bubbletip-pt.png") no-repeat scroll 0 -11px transparent;
    height: 21px;
    left: 2px;
    position: absolute;
    top: 92px;
    width: 10px;
    z-index: 100;
}

.tooltip .bubble-pointer-left-message{
	background-position:-31px -50px;
	top:35%;
}

.tooltip .bubble-pointer-right-message{
	background-position:0 -50px; 
	top:35%;
}

/* fix black border with fadeIn and out for ie7 */
.ie7 .tooltip .bubble-content li.lastchance,
.ie7 .tooltip .bubble-pointer-top, .ie7 .tooltip .bubble-pointer-top-message,
.ie7 .tooltip .bubble-pointer-bottom, .ie7 .tooltip .bubble-pointer-bottom-message,
.ie7 .tooltip .bubble-pointer-left, .ie7 .tooltip .bubble-pointer-left-message,
.ie7 .tooltip .bubble-pointer-left, .ie7 .tooltip .bubble-pointer-left-message,
.ie7 .tooltip .bubble-bottom-frame .gra-left.top, .ie7 .tooltip .bubble-bottom-frame .gra-left.bottom, .ie7 .tooltip .bubble-bottom-frame .gra-left.left, .ie7 .tooltip .bubble-bottom-frame .gra-left.right,
.ie7 .tooltip .bubble-bottom-frame .gra-right.top, .ie7 .tooltip .bubble-bottom-frame .gra-right.bottom, .ie7 .tooltip .bubble-bottom-frame .gra-right.left, .ie7 .tooltip .bubble-bottom-frame .gra-right.right,
.ie7 .tooltip .bubble-top-frame .gra-left.top, .ie7 .tooltip .bubble-top-frame .gra-left.bottom, .ie7 .tooltip .bubble-top-frame .gra-left.left, .ie7 .tooltip .bubble-top-frame .gra-left.right,
.ie7 .tooltip .bubble-middle-frame-top, .ie7 .tooltip .bubble-middle-frame-bottom, .ie7 .tooltip .bubble-middle-frame-left, .ie7  .tooltip .bubble-middle-frame-right, 
.ie7 .tooltip .bubble-middle-frame-inner-top, .ie7 .tooltip .bubble-middle-frame-inner-bottom, .tooltip .bubble-middle-frame-inner-left, .ie7 .tooltip .bubble-middle-frame-inner-right,	
.ie7 .tooltip .bubble-top-frame .gra-right.top, .ie7 .tooltip .bubble-top-frame .gra-right.bottom, .ie7 .tooltip .bubble-top-frame .gra-right.left, .ie7 .tooltip .bubble-top-frame .gra-right.right{	 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
    zoom: 1;
}

/* fix black border with fadeIn and out for ie8 */
.ie8 .tooltip .bubble-content li.lastchance,
.ie8 .tooltip .bubble-pointer-top, .ie8 .tooltip .bubble-pointer-top-message,
.ie8 .tooltip .bubble-pointer-bottom, .ie8 .tooltip .bubble-pointer-bottom-message,
.ie8 .tooltip .bubble-pointer-left, .ie8 .tooltip .bubble-pointer-left-message,
.ie8 .tooltip .bubble-pointer-left, .ie8 .tooltip .bubble-pointer-left-message,
.ie8 .tooltip .bubble-bottom-frame .gra-left.top, .ie8 .tooltip .bubble-bottom-frame .gra-left.bottom, .ie8 .tooltip .bubble-bottom-frame .gra-left.left, .ie8 .tooltip .bubble-bottom-frame .gra-left.right,
.ie8 .tooltip .bubble-bottom-frame .gra-right.top, .ie8 .tooltip .bubble-bottom-frame .gra-right.bottom, .ie8 .tooltip .bubble-bottom-frame .gra-right.left, .ie8 .tooltip .bubble-bottom-frame .gra-right.right,
.ie8 .tooltip .bubble-top-frame .gra-left.top, .ie8 .tooltip .bubble-top-frame .gra-left.bottom, .ie8 .tooltip .bubble-top-frame .gra-left.left, .ie8 .tooltip .bubble-top-frame .gra-left.right,
.ie8 .tooltip .bubble-middle-frame-top, .ie8 .tooltip .bubble-middle-frame-bottom, .ie8 .tooltip .bubble-middle-frame-left,.ie8 .tooltip .bubble-middle-frame-right, 
.ie8 .tooltip .bubble-middle-frame-inner-top, .ie8 .tooltip .bubble-middle-frame-inner-bottom, .ie8 .tooltip .bubble-middle-frame-inner-left, .ie8 .tooltip .bubble-middle-frame-inner-right,
.ie8 .tooltip .bubble-top-frame .gra-right.top, .ie8 .tooltip .bubble-top-frame .gra-right.bottom, .ie8 .tooltip .bubble-top-frame .gra-right.left, .ie8 .tooltip .bubble-top-frame .gra-right.right{
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
	zoom: 1;	
}

/***************  interieur (li.bubble-row ) */

.tooltip .bubble-content {
	display:block;
   	float: left;
   	list-style     : none !important;  
   	color          : #333333;
   	position 	   : relative;
   	padding-bottom : 8px;
   	
   	/* CSS3 property */
	background: #222222; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmMmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2f2f2f 0%, #222222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f2f2f), color-stop(100%,#222222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2f2f2f 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2f2f2f 0%,#222222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2f2f2f 0%,#222222 100%); /* IE10+ */
	background: linear-gradient(top,  #2f2f2f 0%,#222222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#222222',GradientType=0 ); /* IE6-8 */  	   	   	
}
	
.tooltip .bubble-content li.bubble-row-message,
.tooltip .bubble-content li{
   float        : left;
   padding-left:16px;
   text-align   : left;
}

.tooltip .bubble-content li.bubble-row-message {
	line-height:14px;
	padding:14px 16px 4px;
	text-align:center;
	width:82%;
}

.tooltip .bubble-content li .filet { 
    display     : block;
    margin      : 6px 0 4px 0;
    width:100%;
	border-top  : 1px solid #6e6e6e;
}

.tooltip .bubble-content li.bubble-row-message span,
.tooltip .bubble-content li span {
   display : inline-block;
}

.ie7 .tooltip .bubble-content li.bubble-row-message span,
.ie7 .tooltip .bubble-content li span {
   zoom: 1; /* enable hasLayout */
   display : inline;
}

.tooltip .bubble-content li span.annee,
.tooltip .bubble-content li span.code-regie,
.tooltip .bubble-content li span.code-regie-label,
.tooltip .bubble-content li span.duree{
	float: left;
	margin:2px 6px 2px 0;
}

.ie7 .tooltip .bubble-content li span.annee,
.ie7 .tooltip .bubble-content li span.code-regie,
.ie7 .tooltip .bubble-content li span.code-regie-label{ /*fix another float+clear bug for ie7*/
	float:none;
}

.tooltip .bubble-content li span.code-regie{
	background  : url('/illicoweb/static/webtv/images/barre-oblique.png') no-repeat;
	padding-left: 6px;
}

.tooltip .bubble-content li span.annee,
.tooltip .bubble-content li span.code-regie-label{
	clear : left;
}

.tooltip .bubble-content li span.trois-platformes{
	width:76px;
	height:auto;
	float: right;
}

.tooltip .bubble-content li span.trois-platformes img{
	max-width: 100%;
}

.tooltip .bubble-content li span.bold, .tooltip .bubble-content li div.price{
   font-weight : bold;
   color	: #FFFFFF;
}

.tooltip .bubble-content li.paddingBottom{
  padding-bottom : 0.4em;
}

.tooltip .bubble-content li span.faded{
   color        : #797979;
   font-size    : 90%;
   font-weight  : bold;
   padding      : 0px 0px 0px 2px;
   line-height  : 20px; 
}

.tooltip .bubble-content li div.price{
   display:inline;
   margin-top   : 10px;
   text-align   : right;
   width        : auto;
   font-size    : 15px;
   position		: absolute;
   right		: 16px;
}

.tooltip .bubble-content li div.price .bundle{
   font-size:12px;
} 

.tooltip .bubble-content li.seasonNo,
.tooltip .bubble-content li.vo {
   margin   : -4px 0 10px 0px;
   color    : #006699;
}

.ie7 .tooltip .bubble-content li.seasonNo,
.ie7 .tooltip .bubble-content li.vo{
	margin  : 0px 0 10px 0px;
}

.tooltip .bubble-content li{
   width: 90%;
   display: block;
}
.tooltip .bubble-content li > * {
   color    : #a9a9a9;
}

.tooltip .bubble-content li a{
   text-decoration  : underline; 
   color            : #333333;
}

.tooltip .bubble-content li a.gray-btn-tooltip,
.tooltip .bubble-content li a.yellow-btn-tooltip{
   display: inline-block;
   font: bold 12px/19px Arial,Helvetica,clean,sans-serif;
   text-shadow: 1px 1px 3px rgba(255,255,255,0.5);
   height: 19px;
   margin-top: 5px;
}

.tooltip .bubble-content span.title {
   margin-top     : 11px;
   margin-bottom  : 6px;
   margin-left    : -1px;
   text-transform : uppercase; 
   color          : #000000;
   float          : left;
   width          : 220px;
   text-align     : left;   
   font: bold 22px/22px "BlenderProBold",Arial,Helvetica,clean,sans-serif !important;
   text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.tooltip .bubble-content span.full-title{
   width : 294px;
}

.tooltip .bubble-content span.reserve-aux-clients{
   text-transform : uppercase;
   font-weight : bold;
}

.tooltip .bubble-content span.aussi-en-location {
   text-transform : none;
   color: #fed602;
   /*font-weight : bold;*/
   text-decoration: underline;
   cursor: pointer;
}

.tooltip .bubble-content span.aussi-en-location:hover{
   color: #fff;
}

.tooltip .bubble-content strong {
   float : left;
}

.tooltip .bubble-content li.lastchance{
	margin:0;
	padding:6px 0 12px 16px;
	width: 311px; /* 311 + 16 = 327 correct */
}

.tooltip .bubble-content li.lastchance span{
	color:#FFF;
}

/*** [Onglets] ***/
#onglets {
   text-align  : center;
}
#onglets ul li {
   display  : inline;
}
#onglets ul li a {
   color          : #fed602;
   text-transform : uppercase;
   font-weight    : bold;
   font-size      : 90%;
   line-height    : 23px;
   padding-left   : 10px;
   padding-right  : 10px;
   padding-top    : 2px;
   text-decoration: none;
   background     : url('/illicoweb/static/webtv/images/bg-bt-chaines.gif') repeat-x top left;
   border-right   : solid 1px #5a5c5b;
}
#onglets ul li a.last {
   border   : 0;
}

/*** [Footer] ***/
#footer-top{
	background: url("/illicoweb/static/webtv/images/sprites/no-repeat_bg.jpg") no-repeat scroll -200px -1501px #141414;
	height:42px;
	margin-bottom:20px;
}

#footer-wrapper  #wdyt {
	background   : url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 66px -69px #141414;
   	width        : 450px;
   	height       : 28px;
   	float        : right;
   	padding      : 6px 0 7px 40px;
}

#footer-wrapper #wdyt > * {
	float             : left;
}

#footer-wrapper #wdyt strong {
  color        : #CCC;
  margin       : 6px 0 0 56px;
}

#footer-wrapper #wdyt .send-comment {
	font-size     : 12px !important;
	font-weight	  : bold;
	margin-left: 20px;
	margin-top	  : 6px;
	color         : #CCC;
}

#footer-wrapper #wdyt .send-comment a {
	text-decoration: underline;
	color: #ccc;
}

#block-footer-contact{
	width:49%;
	background-color:#141414;
	height:42px;
	display:inline-block;
}

.ie7 #block-footer-contact{
	zoom:1;
	display:inline;
}

#element-contact-rep-email{
	float:right;
	padding:4px 0 0 13px;

}

.ie7 #element-contact-rep-email{
	padding-bottom:6px;
}

#element-contact-rep-email > li{
	display:inline-block;	
}

.ie7 #element-contact-rep-email > li{
	display:inline;	
}


#element-contact-rep-email > li:first-child{
	background:url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0 -3672px transparent;
	padding-left:30px;	
}

/*lec:
repeated code below is for ie7 and ie8 because not only ie8 does not support last-child selector,
the css properties are not read by ie8 when its regrouped with other selectors ie. the following selector lines commencing with ie7..., ie8...{}*/
#element-contact-rep-email > li:last-child{
	background:url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0 -3792px transparent;
	padding-left:35px;
	margin-left:20px;	
}

.ie7 #element-contact-rep-email > li.last,
.ie8 #element-contact-rep-email > li.last{
	background:url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0 -3792px transparent;
	padding-left:35px;
	margin-left:20px;	
}

#element-contact-rep-email p{
	padding:0;
	color:#888;
	margin:0;
	font-size:12px;
	line-height:1.3em;
}

#element-contact-rep-email a{
	color:#eee;
	text-decoration:underline;
}

#element-contact-rep-email a:hover{
	text-decoration:none;
}

/*** [Footer-Main] ***/
#footer-main{
	border-bottom:1px solid #353535;
}

#footer-main > div:first-child{
	padding-bottom:20px;
}

#footer-main > div > div{
	float:left;
}

#footer-main > div > div.col-left{
	width:49%;
}

#footer-main > div > div.col-right{
	width:51%;
}

#footer-main > div > div.col-left > div{
   float:left;
   margin-right:4%;
   width:46%;
}

#footer-main > div > div.col-left > div > a{
	display:inline-block;
	margin-right:5px;
}

.ie7 #footer-main > div > div.col-left > div > a{
	zoom:1;
	display:inline;
}

#footer-main > div > div.col-right > ul > li{
	display:inline-block;
	width:31%;
	margin-right:2%;
	vertical-align:top;
}

.ie8 #footer-main > div > div.col-right > ul > li{
	width:30%;
}

.ie7 #footer-main > div > div.col-right > ul > li{
	zoom:1;
	display:inline;
}

#footer-main > div > div.col-right > ul > li:last-child{
	margin-right:0;
}

#footer-main > div > div.col-right > ul > li > ul > li{
	margin-bottom:3px;
}

#footer-main > div > div.col-right > ul > li > ul > li > a{
   color:#eee;
   background:url("/illicoweb/static/webtv/images/sprites/bullets.png") no-repeat scroll -1200px 4px transparent;
   padding-left:7px;
   display:block;
}

#footer-main h6{
	color:#aaa;
	text-transform:uppercase;
	font-size:16px; /*130%;*/
	margin-bottom:10px;
}

#footer-main > p{
   color:#999;
   text-align:right;
   padding:0;
   font-size:11px; /*90%;*/
   margin:10px 0;
}

#footer-main > p > a{
	color:#eee;
	text-decoration:none;
}

#footer-main > p > a:hover{
	color:#eee;
	text-decoration:underline;
}

#footer-main > p > a:visited{
	color:#666;
}


	

/*** [Footer-copyright] ***/
#footer-copyright{
	padding:13px 0;
}

#footer-copyright ul {
   padding  : 2px 0 4px 0;
}

#footer-copyright ul li {
   display     : inline;
   margin-right: 10px;
   color       : #aaa;
}

#footer-copyright > div.float-right > ul > li{
	margin-right:0;
}

#footer-copyright ul li a {
   color          : #aaa;
   text-decoration: none;
   padding-left   : 7px;
   background     : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -800px 5px;
}

#footer-copyright ul li a:hover {
   text-decoration : underline;
}

.line-clear-ie7 {
  height : 0px;
 }


/*############################################################################
############################## contents.css #####################################
############################################################################*/
/*
- Tab-nav (content)
- left-menu (menu secondaire)
- Sub Menu
- Header content
- Sort-list (triage)
- Text
- Thumbs-list
- Paging
- Alphabetic List
- Pub
- Header with icon or image
- Film-carousel
- Film-details
- Film-list
- Mon compte
- Player
- Page Chaine
- Right Info Boxes
*/

/* Generic */
.dark #content-col .text-wrapper .filet,
.dark #content .text-wrapper .filet, 
.dark #content .text-wrapper-full .filet {
    background      : #333333;
    border-top      : 1px solid #727272;
    /*margin-bottom   : 15px;*/
    margin-bottom:6px;
	margin-top:5px;
}

.light #content-col .text-wrapper .filet,
.light #content .text-wrapper .filet,
.light #content .text-wrapper-full .filet {
	margin-bottom:6px;
	margin-top:5px;
}

#home-video-col .filet {
	margin: 20px 0 !important;
	*margin-bottom: 0px;
}


/* filet general */
.filet, .filet-top, .filet-bottom {
    height          : 1px;
    line-height 	: 1px;
    clear           : both;
    margin          : 00px;
    *margin         : 5px 0px;
    padding         : 0px;
    width           : auto;
}

.dark .filet-bottom,
.light .filet-bottom {
	margin-bottom:12px;
}

.light .filet {
    background : #ccc; /*    background      : #bdbdbd;b */
}

.light .filet-bottom,
.light .filet-top {
    background : #aaa;
}

.dark .filet {
    background : #333333;
}

.dark .filet-bottom,
.dark .filet-top {
    background : #727272;
}

 /* 
 	specific filet 

.dark .modalbox-inner .filet, #footer-wrapper .filet {
    border-top      : 1px solid #353535;
    clear           : both;
    height          : 1px;
    line-height 	  : 1px;
    margin          : 10px 0px
    padding         : 0px;
    width           : 100%;
    background      : none;
}
*/

/* Tab-nav pour content */
#tab-nav ul {
   float : left;
}

#tab-nav ul li {
   vertical-align : bottom;
   float          : left;
   display        : inline;
}

.light #tab-nav ul li a {
   color             : #FFFFFF;
   display           : inline;
   font-size         : 110%;
   font-weight       : bold;
   height            : 31px;
   line-height       : 31px;
   padding-left      : 10px;
   padding-right     : 10px;
   text-decoration   : none;
   text-transform    : uppercase;
}

.light #tab-nav ul li:hover,
.light #tab-nav ul li.selected {
   background  : #f1f1f1;
}

.light #tab-nav ul li a:hover,
.light #tab-nav ul li.selected a {
    color : #414141;
}


/********** Menu left (menu secondaire) */
#left-menu {
   padding  : 10px 10px;
   /*width    : 199px;  mesure officiel */
}

.dark #left-menu li,
.light #left-menu li {
   padding     : 4px 0px 4px 15px;
   font-weight  : bold;
   margin      : 0px;
   padding     : 0px;
}

.light #left-menu > li {
   color          : #555;
   border-bottom    : 1px solid #CCCCCC;
}

.dark #left-menu > li,
.dark #left-menu ul li {
   border-bottom    : 1px solid #3f3f3f;
   color          : #CCCCCC;
}

/*once ie support last-child selector, class="last" no longer needed*/
.light #left-menu li:last-child,
.dark #left-menu li:last-child{
	border-bottom    : none;
   	background       : none;
}
.light #left-menu li.parent ul li.last,
.dark #left-menu li.parent ul li.last,
.light #left-menu li.last,
.dark #left-menu li.last {
	border-bottom    : none;
	background       : none;   
}

.light #left-menu li.no-line,
.dark #left-menu li.no-line {
   padding          : 4px 0 4px 15px;
   border-bottom    : 0px solid #3f3f3f;
}

.dark #left-menu li.parent,
.light #left-menu li.parent {
    padding-top    : 10px;
    background     : none;
    text-transform : uppercase;
    padding-bottom : 0px;
    margin-bottom  : 0px;
}

.dark #left-menu li.parent ul,
.light #left-menu li.parent ul{
    margin-left : 8px;
}

.light #left-menu li.parent ul li {
    border-bottom : 1px solid #D8D8D8;
}

/*
.dark #left-menu > li.parent > ul > li {
   border-bottom : 0;
}
*/

.dark #left-menu li.parent ul .li-empty {
	height:1px; 
	border: none;
}

.light #left-menu li .current {
   font-weight : bold;
   color: #444;
}

.dark #left-menu li .current {
   font-weight : bold;
}

.dark #left-menu li .current {
   font-weight  : bold;
   color        : #fff;
}

.dark #login-form-client ul li a,
.dark #left-menu li a,
.light #left-menu li a {
    text-decoration : none;
    font-weight     : normal;
    text-transform  : none;
    display         : block;
    padding		    : 5px 0 6px 15px; 
    line-height     : 14px;
    /*overflow        : hidden; cause bug dans ie7. Ne semble pas necessaire*/
}

.light #left-menu li a {
    color       : #777;
    background  : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat 3px 9px;
}

.light #left-menu li a:hover {
    background  : #e3e3e3 url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -1997px 9px;
}

.dark #left-menu li a:hover {
   color : #fff;
}

.light #left-menu {
    background     : transparent url('/illicoweb/static/webtv/images/bg-light-menu.gif') repeat-x 0px 0px;
    min-height     : 279px;
}

.dark #left-menu {
   background-color : #232323; 
}

.dark #left-menu-shadow {
   background: url('/illicoweb/static/webtv/images/bg-medium-grey-menu-shadow.png') repeat-x; 
   width:219px; 
   height: 200px;
}

.dark #login-form-client a,
.dark #left-menu li a {
    background : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -1197px 9px;
    zoom: 1; /*hasLayout for IE7 */
}

.bouton-custom {
	background: none !important;
	padding-left: 0px !important;
}

a .bouton-camera-web-fr,
a .bouton-camera-web-en {
	background: url('/illicoweb/static/webtv/images/special/camera-web.png'); 
	width: 200px;
	height: 40px;
	cursor: pointer;
}

a .bouton-camera-web-fr:hover,
a .bouton-camera-web-en:hover {
	background: url('/illicoweb/static/webtv/images/special/camera-web-hover.png'); 
}
a .bouton-buzz-social-fr,
a .bouton-buzz-social-en {
	background: url('/illicoweb/static/webtv/images/special/buzz-social.png'); 
	width: 200px;
	height: 40px;
	cursor: pointer;
}

a .bouton-buzz-social-fr:hover,
a .bouton-buzz-social-en:hover {
	background: url('/illicoweb/static/webtv/images/special/buzz-social.png'); 
}

a .bouton-buzz-social-fr,
a .bouton-buzz-social-en {
	background: url('/illicoweb/static/webtv/images/special/buzz-social.png'); 
	width: 200px;
	height: 40px;
	cursor: pointer;
}

a .bouton-buzz-social-fr:hover,
a .bouton-buzz-social-en:hover {
	background: url('/illicoweb/static/webtv/images/special/buzz-social.png'); 
}

a .bouton-menu-votez-fr,
a .bouton-menu-votez-en {
	background: url('/illicoweb/static/webtv/images/special/bt_menu_votez_200x40.jpg'); 
	width: 200px;
	height: 40px;
	cursor: pointer;
}
a .bouton-menu-od2013-fr,
a .bouton-menu-od2013-en {
	background: url('/illicoweb/static/webtv/images/special/bt_menu_od2013_200x40.jpg'); 
	width: 200px;
	height: 40px;
	cursor: pointer;
}

a .bouton-menu-lavoix-fr,
a .bouton-menu-lavoix-en {
	background: url('/illicoweb/static/webtv/images/special/bt_lavoix_coulisses_menu_200x40.jpg'); 
	width: 200px;
	height: 40px;
	cursor: pointer;
}
a .bouton-menu-mfff{
	background: url('/illicoweb/static/webtv/images/special/iweb_bt_mfff_menu_200x40.jpg'); 
	width: 200px;
	height: 40px;
	cursor: pointer;
}

a .bouton-menu-votez-fr:hover,
a .bouton-menu-votez-en:hover {
	background: url('/illicoweb/static/webtv/images/special/bt_menu_votez_200x40.jpg'); 
}

a .bouton-menu-od2013-fr:hover,
a .bouton-menu-od2013-en:hover {
	background: url('/illicoweb/static/webtv/images/special/bt_menu_od2013_200x40.jpg'); 
}

a .bouton-menu-lavoix-fr:hover,
a .bouton-menu-lavoix-en:hover {
	background: url('/illicoweb/static/webtv/images/special/bt_lavoix_coulisses_menu_200x40.jpg'); 
}

.dark #left-menu li a:hover {
    color       : white;
    background  : #151515 url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -1197px 9px;
}

.dark #left-menu li a.img-camera-web{
	background: none;
	padding-left: 0px;
	width: 200px;
	height: 40px;
}

/********* Sub Menu ***********/
.sub-menu {
   color    : #878787;
   margin   : 10px 0 10px 25px;
}

.sub-menu a {
   color : #878787;
}

.sub-menu a.current {
   color       : #333333;
   font-weight : bold;
}

.sub-menu-spacer{
	display:inline-block;
	height:17px;
	vertical-align: middle;
}

.ie7 .sub-menu-spacer{
	zoom:1;
	display:inline;
}

/********* misc. wrappers*/
/* PAS BESOIN SEB
.text-wrapper-full h1 {
   margin-top  : 17px;
}
*/

#content-wrapper h2 {
   margin  : 10px 0 12px;
}

.ie7 #content-wrapper h2{
	margin-top : 8px;
}

.dark #content h2 {
	margin: 20px 0;
}

.dark #content .thumbs h2 {
	margin: 0px 0 20px 0;
}


.medium-grey #content h2 {
	margin: 20px 0 10px 0;
}

.dark #content .other-episode h2 {
	margin: 20px 0;
	*margin: 31px 0;
}

#content-wrapper .accueil-chaines h2 {
   margin  : 18px 0 12px;
   *margin  : 14px 0 12px;
}

.accueil-chaines .left-col-chaines h2,
.accueil-chaines .right-col-chaines h2 {
   font-size: 24px;
}

#content-wrapper .static-content h2 {
   margin  : 20px 0px 0px 0px;
}

#content-wrapper h2.vo {
   margin-top : -12px;
}

#content-wrapper h2.voWithoutTitle {
   margin-top : 0px;
}

#content-wrapper .half-wrapper-col h2,
#content-wrapper .half-col-wrapper h2 {
   margin-left : 25px;
}

#content-wrapper h3 {
   margin-bottom : 6px;
}

#content-wrapper h6 {
   font-size    : 17px;
   position     : relative;
   top          : 22px;
   left         : 0px;
}

.half-wrapper-col h3,
.half-col-wrapper h3 {
   margin-left : 33px;
}

.light .pub-wrapper {
   padding  : 42px 0 0 40px;
}

/********** text-wrapper  ***********/

/*
#content-col .text-wrapper,
.episode-sans-chaine .details-wrapper {
   padding : 16px 0 0 30px; // mesure officiel 
}*/

#content-col .text-wrapper {
   width : 646px;  /*mesure officiel */
   padding : 16px 0 1px 30px; /*SE padding-bottom 1px prevent margin collapsing*/
}

#content .text-wrapper-full{
   width: 898px;
   margin: 0 41px;
   padding-top : 16px;
}

#content .chaines-wrapper-full{
   width: 980px;
   margin: 0px;
   padding-top : 16px;
}

/*
.serie-avec-chaine #content-col .text-wrapper,
.episode-avec-chaine #content-col .text-wrapper {
   width	: 898px;
   overflow: hidden;
}
*/

.episode-avec-chaine .details-wrapper {
	width		: 698px;
	overflow	: hidden;
	float: right;
}

/*
#content .left-logo .text-wrapper {
   width        : 752px; //655px;/
   padding      : 0;
   margin-left  : 26px; // 25 px/
}
*/

#content-col .half-wrapper-col .text-wrapper {
    width   : 305px;
    float   : left;
}

*+html #content-col .half-wrapper-col .text-wrapper {
    width : 303px;
}

/*
#content .serie-avec-chaine .text-wrapper,
#content .episode-avec-chaine .text-wrapper {
    margin      : 0 41px 0px 41px;
    width       : 898px;
    /*float       : left;
    position: relative;
    overflow    : hidden;*/
}

*/
.episode-avec-chaine .other-seasons-wrapper {
	margin-left :180px !important;
	width: 748px !important;
	*margin-top: -20px;
}

/*
.emission-avec-chaine {
	// margin-top: 20px !important
	position: relative;
	padding-right: 20px;
}
*/

/********** Header content (le gros titre) */
/* Titre des pages pour Layout Style - A (clair) */
#content.light .content-header h1 {
    color           : #333333;
    font-size       : 250%;
    text-transform  : uppercase;
}

/* Titre des pages pour Layout Style - B (foncé) */
.dark h1,
.light h1 {
  font-size       : 24px;/*200%;*/
  text-transform  : uppercase;
  margin-bottom   : 15px;
}

#header-wrapper h1 {
  font-size       : 28px;/*200%;*/
  *font-size      : 26px;
  text-transform  : uppercase;
  margin-bottom   : 25px;
  color			  : #fff; 
}

#header-wrapper .fiche-zone-wrapper h1 {
  margin   : 0px 0 20px 0;
  *margin-bottom   : 16px;
}

.dark h1 span {
  font-size : 75%;
  display   : block;
}

.dark h1 .episodeTitle {
  margin-bottom : -20px;
  *margin-bottom    : -25px;
}

.light h1 {
  text-align : left;
}

/*
p.,
h2. { 
  padding	: 12px 0px 0px 0px;
  *padding 	: 6px 0px 0px 0px;
}
*/

.light h2 {
   clear          : both;
   font-size      : 160%;
   line-height    : 80%;
   text-transform : uppercase;
   color		   : #474747 !important;   
}

.light h2 a,
.light h2 a:link,
.light h2 a:visited {
   text-decoration : none;
   color		   : #474747 !important;
}

.light h3 {
   color          : #333333; /*#626262;*/
   font-size      : 21px /*120%;*/
   line-height:   : 100%;
   text-transform : uppercase;
}

.light h4 {
   color          : #111111;
   font-size      : 100%;
   line-height:   : 100%;
   text-transform : uppercase;
   margin-bottom  : 0.6em;
}

.dark h2 {
   color          : #ffffff;
   font-size      : 150%;
   text-transform : uppercase;
}

.dark h3 {
   color       : #ccc;
   font-size    : 24px;
}

.dark .other-episode h3 {
	font-size: 16px;
	color: #fff;
	*margin-bottom: 0px !important;
	text-transform : uppercase;
}

/* Couleur du corps de texte pour Layout Style - A (clair) */
.dark dd, .light dd, .dark b, .light b, .dark p, .light p {
   font-size : 13px /*1.083em;*/
}

.light dd,
.light p {
   color : #111111;
}

.dark dd, .dark p {
   color : #EEEEEE;
}

.light b, .light .bold{
	font-weight: bold;
   color:#606060;
}

.dark dd, .light dd, .dark p, .light p, .dark b, .light b, .synopsis  { 
    line-height : 1.462em; /*16px;*/
    margin-bottom   :10px;/*1.2em;*/
    padding-bottom: 1px;
}

/*
.dark .text-wrapper-full ul,
.light .text-wrapper-full ul {
   line-height  : 13px; //1.462;
   list-style   : disc outside none;
}
*/
/*
.dark .text-wrapper-full ul {
   list-style : none;
}
.light .text-wrapper-full ul {
   color : #111111;
}*/

.dark dd, .dark p {
   color : #a7a7a7;
}

.dark ul {
   color : #eee;
}

/*
.dark .text-wrapper-full ul {
   color : #818181;
 } 
*/

/********** Sort-list (zone de triage dans le header content) */
#sort-list li {
   display : inline-block;
}
#sort-list li label {
   color : #a7a7a7;
}
#sort-list li select {
   margin-right      : 10px;
   background-color  : #242625;
   border            : 1px solid #434343;
   color             : #ffd605;
}

#sort-list li select option {
   padding-right  : 10px;
   padding-left   : 5px;
}

/********** Thumbs */
#content .thumbs-chaine,
#content .thumbs,
#content .thumbs-big{
    /*float       : left;
    overflow    : hidden;*/
    margin      : 0px 0 0;
    width       : 100%; /* IE7 aime pas auto */
    *z-index    : 1;
}

#content .thumbs-chaine:after,
#content .thumbs:after,
#content .thumbs-big:after{
    content     : ".";
    display     : block;
    height      : 0;
    clear       : both;
    visibility  : hidden;
}

.left-col-chaines {
	width: 630px !important;
	float: left;
}

.right-col-chaines {
	width: 350px; 
	float: right;  
	background: #212121;
	margin-bottom: 20px;
}

.right-col-chaines h2 {
	margin-left: 32px !important;
}

.right-col-chaines .thumbs-chaine {
	width: 350px;
}

.right-col-chaines .thumbs-chaine ul {
	margin-left: 32px !important;
}

.right-col-chaines .thumbs-chaine ul li {
	margin: 0px 26px 0 0px;
}

#content .thumbs > ul {  /* voir SE/PAT avant */
    float       : left;
    margin-left : 0px;  
}

#content-col .thumbs > ul, #content-col .thumbs-big > ul  {  /* voir SE avant de modifier */
    float       : left;
    margin-left : 13px;
    width		: 100%;
}

#content .thumbs-chaine > ul {  /* voir SE avant de modifier */
    margin  : 0px 0 0 0px; /* 30px pense deux fois avant de modifier cette valeur!! */
    float   : left;
}

#content .thumbs-chaine > ul > li { /* voir SE avant de modifier */
   display        : block;
   float          : left;
   margin		  : 0 26px 0 0px;
   width          : 131px;/*112px;*/ 
   height         : 180px;
   *height        : 170px;
   overflow       : hidden;
   zoom           : 1; /* Important for IE - enables hasLayout property */  
}

#content  .thumbs > ul > li#banner300x280 { /*imported from MR - voir SE avant de modifier */
    float         : right; 
    width         : 300px; 
    height        : 280px;
    margin-right  : 10px;
    overflow      : hidden;
    width         : 308px; /* Se a cause du padding de .img-pro */  
}

#content  .thumbs > ul > li#banner300x280 .img-promo{
    padding-top : 0px;
}

/*NE PAS JOUER AVEC CE CSS!!! - PEUT BRISER LES THUMBNAILS CROSS-BROWSER */
#content .thumbs > ul > li, #content .thumbs-big > ul > li  { /* thumbs standards */
   margin-left    : 41px; 
   /*margin-bottom  : 22px;*/
   width          : 144px; 
   vertical-align : top; 
   /*overflow       : hidden;*/
   display        : -moz-inline-stack; /* Pour Firefox 1-2 */
   display        : inline-block;
   zoom           : 1; /* Important for IE - enables hasLayout property */ 
   *display       : inline; 
}

#content .thumbs-big > ul > li  {
   width          : 200px;
   margin-bottom: 28px !important;
}

#content #home-video-col .thumbs > ul > li {
	margin: 0px 20px 0px 0px;
}

/*************************************/

/*
#content-wrapper .thumbSize .thumbs > ul > li {
   width          : 144px;
}

#content-wrapper .thumbSize .thumbs-big > ul > li {
   width          : 200px;
}
*/

#content #content-col .thumbs > ul > li, #content #content-col .thumbs-big > ul > li { 
   margin : 0 0 0px 19px; /* mesure officiel */
}

#content #content-col .half-wrapper-col .thumbs > ul > li {
    margin-left : 17px; /* mesure officiel */
}

/*SE package l'image avec le titre et le sous-titre */
.dark a.info-chaine-thumbs,
.dark .thumbs a.info-thumbs,
.dark .thumbs-big a.info-thumbs,
.light a.info-chaine-thumbs,
.light .thumbs a.info-thumbs,
.light .thumbs-big a.info-thumbs {
    display : block;
    cursor  : pointer;
}

.dark .thumbs a.info-thumbs {
	position: relative;
	width:144px;	
	float:left;
}

.dark .thumbs a.info-thumbs span div{
	width:140px;
}

.light a.info-chaine-thumbs:hover {
    text-decoration : none;
}

.thumb-image-title img {
    width           : 144px;
    height          : 108px;
    background      : url('/illicoweb/static/webtv/images/no-thumb.gif') no-repeat;
    display         : block;
    padding-bottom  : 6px;
}

.thumb-img-link-big,
.thumb-img-link {
    color       : black;
    text-decoration : none !important;
}

.thumbs .thumb-img-link,
.thumbs-chaine .logo-box{
	margin-bottom:8px;
}

.thumbs .thumb-img-link {
    height  : 108px;
    width   : 144px; 
}

.thumbs-big .thumb-img-link {
    height  : 150px;
    width   : 200px;
}

.thumbs .thumb-link {
    font-weight : bold; 
}

.thumbs-big .thumb-link{
	background:url("/illicoweb/static/webtv/images/bg-black-80pc.png") repeat scroll 0 0 transparent;
	bottom:0;
	display:block;
	padding-bottom:5px;
	position:absolute;
}

.thumb-link-dark {
    font-weight : bold; 
    /*margin      : -4px 0 0px 0;*/
}

/* Thumbs normal et thumbs chaines */
.thumbs li a.mt-info-thumbs img,
.thumbs-big li a.mt-info-thumbs img{
   display  : block;
   margin   : 0 auto;
}

.thumbs-chaine li a.info-chaine-thumbs img {
   display  : block;
   margin-bottom: 2px;
}

.thumbs .info-thumbs span.thumb-label-Gratuit,
.thumbs .info-thumbs span.thumb-label-Abonne,
.thumbs .info-thumbs span.thumb-label-Free,
.thumbs .info-thumbs span.thumb-label-Subscriber,
.thumbs-big .info-thumbs span.thumb-label-Gratuit,
.thumbs-big .info-thumbs span.thumb-label-Free,
#site-menu-dropdown ul.dropdown-pane div.vedette span.thumb-label-Gratuit {
    background: url("/illicoweb/static/webtv/images/thumb-gratuit_fr.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    position: absolute;
    right: 0px;
    top: 1px;
    width: 53px;
}



.thumbs-big .info-thumbs span.thumb-label-Free,
.thumbs .info-thumbs span.thumb-label-Free {
	background:url('/illicoweb/static/webtv/images/thumb-gratuit_en.png') no-repeat scroll right top transparent;
}

.thumbs-big .info-thumbs span.thumb-label-Abonne,
.thumbs .info-thumbs span.thumb-label-Abonne {
	background:url('/illicoweb/static/webtv/images/thumb-label-client_fr.png') no-repeat; 
	width: 103px; 
	height: 16px; 
}

.thumbs-big .info-thumbs span.thumb-label-Subscriber,
.thumbs .info-thumbs span.thumb-label-Subscriber {
	background:url('/illicoweb/static/webtv/images/thumb-label-client_en.png') no-repeat; 
	width: 103px; 
	height: 16px; 
}

.thumbs-big .thumb-overlay{
	border:medium none;
	position:relative;
	top: -150px;
	width: 200px;
	height: 150px;
}

.thumbs-chaine li .info-chaine-thumbs h5,
.thumbs-chaine li .info-chaine-thumbs span {
   display      : block;
   width        : auto; /*129px;*/
   color        : #fefefe;
}

.thumbs li .mt-info-thumbs span,
.thumbs-big li .mt-info-thumbs span  {
   /*display    : block;*/
   width      : 84%;
   text-align : left;
   margin-top : 0px;
   font-weight: normal;
   float	  : left;
}

.thumbs-chaine li span.block,
.thumbs li span.block {
    /*margin  : 0px 0px 0px 1px;*/
    display     : block;
    width       : 100%;
}

.light .content-full .thumbs-chaine li,
.light .content-full .thumbs li {
   margin-right  : 45px;
   margin-left   : 0px;
}

.light .content-full .chaine-thumbs-data ul li,
.light .content-full .thumbs-data ul li {
   margin : 0px;
}

.chaine-thumbs-data  {
    width       : 131px;
    *min-width: auto !important; /*span/hasLayout/href bug dans ie7*/
}

.dim-thumb {
	opacity: 0.4;
}

.thumbs .thumbs-data,
.thumbs-big .thumbs-data{
   display 			: block;
   clear			: both;
   margin-bottom	: 22px;
}

.thumbs .thumb-image, .thumbs-big .thumb-image {
	position:relative;
	display:block;
}

.thumbs .thumb-overlay,
.thumbs .thumb-overlay-play {
	display: block; 
	position: absolute; 
	top: 0px;
	left: 0px;
	background: url('/illicoweb/static/webtv/images/overlay.png') no-repeat; 
	width: 144px !important; 
	height: 108px;
}

.thumbs .thumb-overlay:hover{
	background: url('/illicoweb/static/webtv/images/overlay-hover4.png') no-repeat; 
}

.thumbs .thumb-overlay-play:hover {
	background: url('/illicoweb/static/webtv/images/overlay-play.png') no-repeat; 
}

.thumbs .thumbs-data, .thumbs .thumb-image { 
	height:auto;
	width:144px;
}

.thumbs-big .thumbs-data, .thumbs-big .thumb-image {
	width:200px;
	height:auto;
}

.thumbs-big .thumb-image {
	height:150px !important;
}

.thumbs .thumbs-data span.last-chance {
	display: block;
	width: 112px !important; 
	height: 14px !important; 
	background: url('/illicoweb/static/webtv/images/bg-black-80pc.png'); 
	bottom: 1px;
	position: absolute !important; 
	padding:10px 10px 10px 20px; 
	color: #fff; 
	font-weight: bold !important;
	left:1px;
}

.thumbs-big .thumbs-data span.last-chance {
	display: none;
}

.thumbs-data .thumb-img-link:hover span.last-chance {
	background: url('/illicoweb/static/webtv/images/bg-yellow-50pc.png') no-repeat;
}


.thumb-container {
	position: relative; /* necessaire mais empeche les infobulles d'apparaitre dans la vue mosaique ??*/
}

.thumb-content-strip {
	display:block;
    position: absolute;
    bottom  : 0;
    background: url('/illicoweb/static/webtv/images/bg-black-80pc.png'); 
    padding-bottom: 5px;
}

*+ html .thumb-content-strip { /* IE fix 7 */
    bottom  : 15px;
}

.thumbs-data li {
   margin : 0px;
}

#content .thumbs  .chaine-thumbs-data {
    margin      : 0 auto;
    text-align  : center;
}

#content .thumbs  .chaine-thumbs-data .mt-name {
    display : block;
}

.thumb-access{
	width:144px;
	float: left; /* SE tempo fix  protect addtoselection space see me before to change this */
	margin-top:3px;
	margin-bottom:20px;
}

#page-selections .thumb-access{
 	margin-bottom:2px;
}

.thumb-access-key-text,
.thumb-access-key-text2,
.thumb-access-key-text3,
.thumb-access-key-text3-url {
	display: none !important;
}

.thumbs-footer {
   clear       : both;
   color       : #ddd;  
   float       : right;
   font-weight : bold;
   height      : auto;
   margin      : 0px 4px 0px 0px;
   /*margin     : 6px 4px 0px 0px;*/
   width       : auto;  
}

.thumbs-footer img {
   margin : 0px 10px -1px 0px;
}

/* Couleur et comportement des liens des thumbnails */
.dark .thumbs .mt-title {
    font-weight : bold; 
    color       : #fff;
    margin-top  : 7px;
}

.dark .thumbs-big .mt-title {
    font-weight : bold; 
    color       : #fff;
   	margin       : 7px 0px 0px 1px;
}

.dark .thumbs-big .season,
.dark .thumbs .thumbs-big-season {
	display: none;
}

.light .thumbs-data .mt-length,
.dark .thumbs-data .mt-length {
   display: block;
   clear: left;
}

.light .thumbs-data a:hover .mt-title,
.light .thumbs-data a:hover .mt-season-no {
    color : black;
}

.light .thumbs-big .thumbs-data a:hover .mt-title,
.light .thumbs-big .thumbs-data a:hover .mt-season-no {
    color : #ccc;
}

.light .thumbs-big .thumbs-data .mt-title:hover {
    color           : #ccc;
    text-decoration : none;
}

.light .thumbs-big .thumbs-data a:visited {
    color           : #fff;
    text-decoration : none;
}

.light .thumbs-big .thumbs-data .selection-icon,
.light .thumbs-big .thumbs-data .selectionned-icon {
	position:relative;
	right:7px;
	text-decoration:none;
}

.light .thumbs-data span {
	color: #676767;
}

.dark .thumbs-big .mt-channel-name,
.dark .thumbs-big .mt-length,
.dark .thumbs-big .mt-year,
.dark .thumbs-big .mt-code-regie,
.dark .thumbs-big .mt-type {
	display: none;
}

.light .thumbs-data .mt-artist,
.light .thumbs-data .mt-season-no {
    color           : #474747;
    font-weight     : bold;
    margin          : 0px 0px 0px 1px;
}

.light .thumbs-big .thumbs-data .mt-artist {
	color           : #676767;
}

.light .music.thumbs-data .mt-title {
    margin : 0px 0px 0px 1px;
}

.light .music.thumbs-data .mt-artist {
    font-weight : bold; 
    color       : #474747;
    margin      : 7px 0px 0px 1px;
}

.light .music.thumbs-data a:hover .mt-title,  
.light .music.thumbs-data a:hover .mt-artist {
    color : black;
}

/*.dark .thumbs .thumbs-data .mt-title,
.dark .thumbs-big .thumbs-data .mt-title,*/
.dark .thumbs-chaine .chaine-thumbs-data .title,
.dark .thumbs .thumbs-data .title {
   font-weight : bold;
   clear: both;
}

.dark .thumbs .thumbs-data .title {
	width:128px;
}

.channel-title {
	margin-bottom: 2px;
	*margin-top: 0px;
}

.ie7 .dark .thumbs-chaine .chaine-thumbs-data .title,
.ie7 .dark .thumbs .thumbs-data .title{
   zoom: 1; /* force hasLayout needed for ie*/
}

.light .thumbs-big .thumbs-data .title {
    left    : 1px;
    width   : 178px;
    padding : 2px 10px 8px 10px;
    overflow: hidden;
}

.dark .thumbs-big .thumbs-data .title {
    left    : 0px;
    width   : 180px;
    padding : 4px 10px 4px 10px;
    overflow: hidden;
}

.dark .music .mt-artist {
    margin-top : 4px;
}

.dark .music .mt-title {
    margin-top : 0px;
}

.light .mt-prix {
	font-weight: bold;
	color: #999;
}

#content ul li.row-clear {
    width   : 100%;
    height  : 1px;
    margin  : 0px;
    padding : 0px;
}

/********** Paging */
.paging {
    margin-top  : -30px;
}

#paging {
    height  : 50px;
}

.light #paging a,
.dark #paging a {
    color           : #333;
    margin-right    : 5px;
    padding         : 2px 7px 3px 7px; 
    vertical-align  : top;
    line-height     : 52px; /* for IE7 */
    background      : url('/illicoweb/static/webtv/images/pagi-inactive.png') no-repeat 50% 0;
    width           : 20px;
    font-weight     : bold;
    text-decoration : none;
}

.dark #paging a {
    background      : url('/illicoweb/static/webtv/images/pagi-inactive-dark.png') no-repeat 50% 0;
    color: #999;
}

.light #paging a:hover {
  background : url('/illicoweb/static/webtv/images/pagi-hover.png') no-repeat 50% 0;
}

.dark #paging a:hover {
  background : url('/illicoweb/static/webtv/images/pagi-hover-dark.png') no-repeat 50% 0;
}

.light #paging a.selected,
.dark #paging a.selected {
  border-color    : #000; 
  color           : #fff;   
  background      : url('/illicoweb/static/webtv/images/pagi-active.png') no-repeat 50% 0;
}

.dark #paging a.selected {
  background      : url('/illicoweb/static/webtv/images/pagi-active-dark.png') no-repeat 50% 0;
}

.light #paging a.selected,
.dark #paging a.selected  {
  color : #fff;
}

.light #paging a.next,
.dark #paging a.next {
  border          : 0px;
  text-decoration : underline;
  color           : #555;
  background      : none;
}

.dark #paging a.next {
  color: #ccc;
}
 
.light #paging a.next:hover,
.dark #paging a.next:hover {
  text-decoration : underline;
 }

.dark #paging a.next:hover {
  color: #fff; 
}

/********* Full 900px */
.content-full .text-wrapper {
  margin    : 20px 50px 0px 50px;
  clear     : both;
}


/********** Alphabetic List */
.alpha-letters {
    height      : 40px;
    font-size   : 120%;
    margin-top  : 20px;
}

.alpha-letters a {
    padding-right : 2px;
}

.alpha-letters .link {
    float         : right;
    font-weight : bold;
    font-size     : 80%; 
    padding     : 0px;
}

/* 
.alpha-letters .link a {
   text-decoration : none;
}
*/

*+html .alpha-letters .link {
    margin-top  : -16px;
}

.alpha-letters .link-inactive {
    float           : right;
    font-weight     : bold;
    font-size       : 80%; 
    padding-left    : 25px;
    font-weight     : normal;
}

*+html .alpha-letters .link-inactive {
    margin-top  : -16px;
}

.alpha-letters .link-inactive span {
    color       : #999999;
    font-style  : italic;
}

.alpha-letters .link-inactive a {
  text-decoration : none;
}

.alpha-list {
   clear      	: both;
   width	  		: 643px;
   margin-left	: 33px;
}

.a-z {
   margin-left: 0px;
}

.text-wrapper-full .alpha-list {
   clear      : both;
   width	  : 898px;
   /*margin-left	: 33px; */
}

.alpha-list table {
   width       : 643px;
   margin      : 0px 0px 10px 0px;
}

.text-wrapper-full .alpha-list table {
   width       : 898px;
   margin      : 0px 0px 10px 0px;
}

.alpha-list th.title {
	text-indent:18px;
}

.alpha-list th {
	color			: #444;
	text-align	: left;
}

.dark .alpha-list th {
	color			: #eeeeee;
	text-align	: left;
}

.dark .alpha-list td,
.light .alpha-list td{
   padding     : 4px 0;
}	

.dark .alpha-list td.selection,
.light .alpha-list td.selection { 
	padding-right: 12px;
}

.light .alpha-list td { 
	color: #444;
}

.dark .alpha-list td{  
	color: #989898;
}

.alpha-list .title {
	width : 230px;
}

.alpha-list .prix {
	color : 	#000;
}

.alpha-list td.duree {
	text-align	: left;
	width		: 120px;
	padding-left : 16px;
}

.alpha-list td.prix {
	padding: 4px 0;
	padding-left: 10px;
	text-align	: left;
	width		: 115px;
	color		: #fed602;
	font-weight	: bold;
}

.alpha-list td.annee {
	text-align	: left;
	width			: 100px;
}

.alpha-list td.codeRegie {
	text-align	: left;
	width			: 80px;
}

.alpha-list td.letter-title {
    color    	: #999;
   font-size   : 15px;
   padding     : 8px 0px 0px 8px;
   font-weight : bold;
}

.alpha-list thead tr td {
   font-weight : bold;
   font-size  	: 120%; 
   padding     : 10px 0 0px 0px;
}

/* .light alpha-list */

.alpha-list .title a {
   padding          : 2px 5px 0px 18px;
   display		  : block;
}


.light  .alpha-list .title a {
	background : url("/illicoweb/static/webtv/images/sprites/sprites.png") no-repeat scroll 8px -163px transparent;
	color: 	#000;
}

.light .alpha-list .title a:hover {
	color : #777777 !important;
}

.light .alpha-list .title a:visited {
	color : #666666;
}

/* dark alpha-list */

.dark .alpha-list .title a {
   background : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -794px 7px;
   color : #ccc;
   font-weight: bold;
}

.dark .alpha-list .title a:hover {
   background : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -1194px 7px !important;
   color : white !important;
}

.dark .alpha-list .title a:visited {
   background : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -394px 7px;
   color : #666666;   
}

.dark .alpha-list a, .light .alpha-list a {
   text-decoration : none;
}

.alpha-list .length {
   width       	: 30px;
   padding-right  : 5px;
}

.alpha-list .genres {
   width		: 155px;
   padding-right: 15px;
   text-align 	: left;
}

.alpha-list .chaine {
   width            : 60px;
   padding-right    : 5px;
}

.sub-menu-separator {
	color : #777;
}

a:link.inactiveLetter,
a:link.inactiveLetter:hover  {
   cursor 				: text; 
   text-decoration	: none;
   color					: #777;
}


a.activeLetter,
a.activeLetter:visited{
    text-decoration 	: underline;
}
	
.dark a.activeLetter,
.dark a.activeLetter:visited {
    color				: #989898;
}

.light a.activeLetter,
.light a.activeLetter:visited {
    color				: #333;
}

.dark a.activeLetter:hover,
.light a.activeLetter:hover {
	color	: #777;
}

/********** Pages Chaines ***********/

#content .boxes,
#content #musique-boxes,
#content #chaines-boxes {
    width      : 100%; 
    height     : 155px;
}

#content #musique-boxes.karaoke {
   background : url("/illicoweb/static/webtv/images/bg-musique-bottom-boxes.png") no-repeat scroll 295px 0 transparent;
}

#content #musique-boxes.galaxie{
    background : none;
}

#content .boxes > div,
#content #musique-boxes > div,
#content #chaines-boxes > div {
   background  : url("/illicoweb/static/webtv/images/bg-box-shadow.png") no-repeat scroll 0 126px transparent;
}

#content #galaxie-pub {
   padding-left : 41px; 
   width          : 980px;
   height         : 180px; 
   background     : url('/illicoweb/static/webtv/images/bg-box-shadow.png') no-repeat scroll 0 156px transparent;
   margin-top     : 10px;
}

#content #musique-boxes.karaoke > div {
    background  : url("/illicoweb/static/webtv/images/bg-big-boxes-shadow.png") no-repeat scroll 238px 154px transparent;
    height      : 179px;
    width       : 980px;
}

#content .boxes, p,
#musique-boxes p,
#chaines-boxes p {
    color         : #fff;
    line-height   : auto;
    margin-bottom   : 0px;
    padding       : 0px 10px 0px 0px;
    line-height   : 15px;
}

#content .boxes, p,
#chaines-boxes p {
    color       : #a9a9a9;
    font-size   : 100%;
}

#content .boxes a,
#content .boxes button,
#chaines-boxes a,
#musique-boxes a,
#chaines-boxes button,
#musique-boxes button {
	 width       : auto;
    white-space : nowrap;
	 float:left;
}

#musique-boxes.galaxie button {
    position    : relative;
    left       : 210px;
    top        : 127px;
}

/*IE7fix*/
*+html .boxes button,
*+html #chaines-boxes button,
*+html #musique-boxes.galaxie button {
    padding-top : 3px;
}

.boxes a,
#chaines-boxes a,
#chaines-boxes button {
    position : relative;
    left     : 150px;
    top      : 98px;
}

.musique-box1,
.chaines-box1 {
    float      : left;
    margin-left: 41px;
}

.accueil-chaines .chaines-box1 {
    margin-left: 40px;
}

.musique-box1 {
   background : transparent url('/illicoweb/static/webtv/images/bg-musique-bottom-box1.png') no-repeat top left;
}

.chaines-box1 {
   background : transparent url('/illicoweb/static/webtv/images/bg-chaines-bottom-box.png') no-repeat top left;
} 

.musique-box2,
.chaines-box2 {
   float          : right;
   margin-right   : 41px;
}

.accueil-chaines .chaines-box2 {
    margin-right: 40px;
}

.musique-box2 {
   background : transparent url('/illicoweb/static/webtv/images/bg-musique-bottom-box2.png') no-repeat top left;
}

.chaines-box2 {
     background : transparent url('/illicoweb/static/webtv/images/bg-chaines-bottom-box.png') no-repeat top left;
}

.musique-box2, 
.musique-box1,
.chaines-box2, 
.chaines-box1 {  
   width    : 432px;
   height   : 155px;
}

.musique-box2 .icon,
.musique-box1 .icon,
.chaines-box2 .icon,
.chaines-box1 .icon,
.chaines-box1 .icon-en {
    display          : block;
    float            : left;
    height           : 134px;
    margin           : 0 30px 0 0;
    width            : 150px;
    background-image    : url("/illicoweb/static/webtv/images/sprites/icons.png");
    background-repeat: no-repeat;
}

.chaines-box2 .icon,
.chaines-box1 .icon,
.chaines-box1 .icon-en {
    margin : 0px;  
}

.musique-box1 .icon {
    background-position : -10px -310px;
}

.chaines-box1 .icon {
    background-position : 25px -570px;
}

.chaines-box1 .icon-en {
    background-position : 25px -770px;
}

.musique-box2 .icon {
    background-position : -220px -310px ;
}

.chaines-box2 .icon {
    background-position : 40px -970px ;
}

.boxes h4,
.musique-box2 h4,
.musique-box1 h4,
.chaines-box2 h4,
.chaines-box1 h4 {
   color : #ffffff;
}

.boxes h4,
#musique-boxes h4,
#chaines-boxes h4 {
   float           : right;
   font-size       : 150%;
   margin-top      : 22px;
   padding-bottom  : 4px;
   width           : 222px;
   float           : right;
   font-size       : 150%;
   margin          : 11px 0 0px 0px;
   padding         : 0px 0px 4px 0px;
   width           : 222px;
}

.boxes h4,
#chaines-boxes h4 {
    float : left;
    width : 250px;
}

#musique-boxes .musique-box {
    display    : block;
    float      : right;
    height     : 78px;
    left       : -68px;
    margin     : 0;
    padding    : 0;
    position   : relative;
    text-align : center;
    top        : 67px;
    width      : 273px;
}

.musique-boxes-title {
    margin-left : 295px;
}

*+html #musique-boxes .musique-box {
    left    : -22px;
    top  : 0px;
}

#musique-boxes .musique-box input {
    margin : 0px 60px 0px 0px; 
}

/*IE7*/
*+html .boxes .musique-box,
*+html #musique-boxes .musique-box {
    margin : 71px 40px 0px 0px;
}

.boxes .musique-box h3,
#musique-boxes .musique-box h3 {
    color       : white;
    font-size   : 150%;
    margin-left : 5px;
}

.boxes .musique-box-bt,
#musique-boxes .musique-box-bt {
    background       : url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') repeat-x 0px -70px;
    border           : 0px;
    color            : black;
    vertical-align   : middle;
    overflow         : visible;
    font-weight      : bold;
    font-size        : 108%;
    height           : 1.7em;
    letter-spacing   : 0px;
    font-family      : arial,helvetica,clean,sans-serif;
    cursor           : pointer;
}

/*IE7*/
*+html #musique-boxes .musique-box-bt {
    padding : 0px 10px;
}


/******* #sub-nav.branche */
#content-wrapper.dark #sub-nav.branche {
    height              : 30px; 
    background-color    : #000; 
    width               : 100%;
    clear               : both; 
    margin-bottom       : 0px;
}

#content-wrapper.dark #sub-nav.branche ul { 
    width   : 980px; 
    height  : 30px;
    margin  : 0 auto;
}

#content-wrapper.dark #sub-nav.branche ul li {
    list-type   : none; 
    float       : left; 
    height      : 30px; 
    overflow    : hidden;
}

#content-wrapper.dark #sub-nav.branche ul li.nonBranche {
    display : none;
}


/* non branche */
#nonBranche {
    height          : 30px; 
    background      : none; 
    width           : 100%; 
    clear           : both; 
    margin-bottom   : 20px; 
    width           : 890px; 
    height          : 16px; 
    margin          : 20px auto;
}

#nonBranche ul { 
    width   : 960px; 
    height  : 30px; 
    margin  : 0 auto;
}

#nonBranche ul li {
    list-type   : none; 
    float       : left; 
    height      : 30px; 
    overflow    : hidden; 
    margin-left : -13px;
}

#nonBranche ul li.branche {
  display : none;
}

#content-wrapper.light h3.off { 
    float       : left;
    padding     : 0 12px;
    padding-top : 7px;
    width       : 100px; 
    margin-top  : 0; 
    clear       : none;
}

#content-wrapper.light h3.on { 
    float            : left;
    background-color    : #d2d2d2;
    padding          : 0 12px;
    padding-top      : 6px;
    width            : 168px; 
    margin-top       : 0; 
    clear            : none;
}

.dark #sub-nav.branche h3.off, 
.dark #sub-nav.branche h3.offBranche { 
    color           : #ffffff;
    font-size       : 16px;
    text-transform  : uppercase; 
    cursor          : pointer; 
}

.dark #sub-nav.branche h1.on, 
.dark #sub-nav.branche h1.onBranche { 
    color           : #fff;
    font-size       : 18px;
    text-transform  : uppercase; 
    height          : 23px;
    margin-bottom   : 0px;
}

.dark #sub-nav.nonBranche h1.on { 
    color           : #424242;
    font-size       : 18px;
    text-transform  : uppercase; 
}

.offBranche { 
    float           : left;
    padding         : 0 12px 0 12px;
    padding-top     : 7px;
    /*width:166px; */
    margin-top      : 0; 
    clear           : none;
    font-size       : 18px; 
    color           : #fff;
    cursor          : pointer;
    text-transform  : uppercase;
}

#content-wrapper.dark h1.onBranche { 
    float            : left;
    background-color : #323232;
    padding          : 0 12px;
    padding-top      : 7px;
    margin-top       : 0; 
    clear            : none;
}


/********** Pub */
.home-img-promo,
.img-promo {
    clear   : both;
    float   : right;
    height  : 255px;
    margin  : 0px 0px 30px 0px;
    padding : 3px 0px 22px 4px;
    _padding    : 3px 0px 4px 4px;
    width       : 300px;
}

.pub-300x250 {
    margin-bottom  : 20px;
}

#player-ad {
    text-align  : center; 
    color       : #666666; 
    padding     : 0px; 
    font-size   : 9px; 
    height      : 273px;
    z-index		: 1; 
    position: relative;
}

#player-ad a {
    display 	: block;
}

/********** Header with icon or image */

.hd-w-icon {
    float          : left;
    width          : 100%;
    margin-bottom  : 14px;
}

.hd-w-icon h2 {
    float       : left;
    margin-top  : 14px;
}

.hd-w-icon img {
    float : right;
}

/********** Homepage */

#home-video-col .text-wrapper {
    /*float       : right;*/
    text-align  : left;
    width       : 650px;
}

#home-promo-col .text-wrapper {
    float   : right;
    /*width   : 300px; a utiliser avec Blocs visonnements, selections */
}

#content-left-col .text-wrapper{
    float       : left;
    text-align  : left;
    margin-left : 41px;
    width       : 564px;
}

#content-right-col .text-wrapper {
    float   : right;
    /*width   : 331px;  */
}

/* Image promotion de la page d'accueil */
.home-img-promo {
    color   : #797979;
    margin  : 25px 0px 0px 0px;
}

#content-col .text-wrapper .filet{
    margin : 0px 0 15px 0px;
}

.alpha-filet {
    height      : 1px;
    background  : #ccc;
    margin      : 0px;
}

.alpha-filet-header {
    height      : 1px;
    background  : #919191;
    margin      : 0px 0 0px 0px;
}

#content-col .text-wrapper .filet-top {
    /*margin : 0px 0 20px 0px;*/
    margin: 0px;
}

#content-col .half-wrapper-col .text-wrapper .filet{
    margin : 0px 0px 10px 0px; /* 0px 3px 10px 0px */
}

#home .thumbs {
    margin : 0px;
}

#home #content .thumbs > ul {
    float       : left; /* SE clearing le float */
    margin-left : 0px;
}

/*NE PAS JOUER AVEC CE CSS!!! - PEUT BRISER LES THUMBNAILS CROSS-BROWSER */
#home #content .thumbs > ul > li {
    /*margin-bottom  : 15px;/*
    zoom           : 1; /* Important for IE - enables hasLayout property */ 
}

#bloc-prog-speciale,
#bloc-visionnements,
#bloc-selections {
	padding: 20px 20px 10px 20px; 
	border: solid 1px #f0f0f0; 
	margin-bottom: 20px; 
	background: #f2f2f2;
}

#bloc-prog-speciale li,
#bloc-visionnements li,
#bloc-selections li  {
	height: 70px;
}

#bloc-prog-speciale .thumb {
	display: block; 
	width: 90px; 
	height: 70px;
	float: left;
	clear: left;
}

#bloc-visionnements .thumb,
#bloc-selections .thumb {
	display: block; 
	width: 60px; 
	height: 60px;
	float: left;
	clear: left;
}

#bloc-prog-speciale .thumb-title {
	display: block;
	width: 160px;
	float: left; 
	margin-left: 5px; 
	font-weight: bold; 
}

#bloc-prog-speciale .thumb-text {
	display: block;
	width: 160px;
	float: left; 
	margin-left: 5px; 
}

#bloc-visionnements .thumb-title,
#bloc-selections .thumb-title,
#bloc-visionnements .thumb-saison,
#bloc-selections .thumb-saison,
#bloc-visionnements .thumb-duree,
#bloc-selections .thumb-duree  {
	display: block; 
	width: 190px; 
	float: left; 
	margin-left: 5px; 
	font-weight: bold; 
}

#bloc-prog-speciale .thumb-title a,
#bloc-visionnements .thumb-title a,
#bloc-selections .thumb-title a {
	color: #444;
}

#bloc-visionnements .thumb-duree,
#bloc-selections .thumb-duree {
	font-weight: normal;
	margin-bottom: 10px;
}

#bloc-visionnements .right-link,
#bloc-selections .right-link {
	text-align: right;
}

/********** Data-more pour les info-bulles*/
.tooltip-data-more,
.thumbs-data-more {
    display  : none;
}
      
/* Émission */

.emission #content-wrapper.dark, 
.serie {
   background  : #424242 url(/illicoweb/static/webtv/images/bg-dark-content.gif) repeat-x 0px 0px;
}


#container-section-logo{
	float:left;
	margin:0px 12px 0 0px;
	width:110px; /* les images chaines ont 110px de large */
}

#container-section-left{
	float:left;
}

#container-section-right {
    width: 190px;
    float: right;
    margin-top: 0px;
}

#content-col .text-wrapper #container-section-left.no-logo-details.isConnected,
#content-col .text-wrapper #container-section-left.no-logo-details.isSponsor,
#content-col .text-wrapper #container-section-left.no-logo-details.option-items-box{
	width: 456px; /**Pattern 4 : menu et sans-logo et (connected ou option-items-box)*/
}

#content .text-wrapper-full #container-section-left.no-logo-details.isConnected,
#content .text-wrapper-full #container-section-left.no-logo-details.option-items-box{
	width:708px; /*Pattern 4b : sans-menu et sans-logo et (connected ou option-items-box)*/
}

#content-col .text-wrapper #container-section-left.no-logo-details{
	width :646px; /**Pattern 3 : menu et sans-logo et sans (connected ou option-items-box)*/
}

#content .text-wrapper-full #container-section-left.no-logo-details{
	width: 898px; /**Pattern 3b : snas-menu et sans-logo et sans (connected ou option-items-box)*/
}

#content-col .text-wrapper #container-section-left.with-logo-details{
	width: 334px; /**Pattern 2 : menu et logo sans l'items-box pour connected*/
}

#content .text-wrapper-full #container-section-left.with-logo-details{
	width: 776px; /*Pattern 2b : sans-menu et logo sans l'items-box pour connected ou option-items-box)*/
}

#content-col .text-wrapper #container-section-left.with-logo-details.isConnected,
#content-col .text-wrapper #container-section-left.with-logo-details.option-items-box{
	width: 334px; /**Pattern 1 : menu et logo et avec l'items-box pour (connected or option-items-box)*/
}

#content .text-wrapper-full #container-section-left.with-logo-details.isConnected,
#content .text-wrapper-full #container-section-left.with-logo-details.option-items-box{
	width: 586px; /*Pattern 1b : sans-menu, sans-logo et avec (connected or option-items-box)*/
}

.rented-box {
	background:url("/illicoweb/static/webtv/images/deja-loue-box-bg.png") no-repeat scroll -16px top transparent;
	color:#FFFFFF !important;
	font-weight:bold;
	height:44px !important;
	line-height:60px;
	margin:0 0 10px 0;
	padding-left:0 !important;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:200px;
}

.text-wrapper-full #container-section-right {
	margin-top: 0px;
}

.ie7 #container-section-right li{
    margin    : 10px 0;
    height    : 1%; /* trigger hasLayout IE bg-image bug hack */
}

.bullet-arrow-circle-link a,
#container-section-right li a{
	line-height: 17px;
}

#container-section-right li.bullet-arrow-circle-link {
	padding-left: 15px;
}

#container-section-right li.bullet-selection {
	background : none;
	padding-left:16px
}

#container-section-right ul.multi-items li{
	margin-bottom:16px;
	padding-bottom:0px;
}

.ie7 #container-section-right.multi-items li.bullet-arrow-circle-link {
	margin-bottom:0px;
}

.presented-by {
    float      : left;
    width      : 110px;
    margin-top  : 0px;
    text-align : center; 
}

.text-box {
    float   : left;
    /*margin  : 0px 0px 25px 0px;*/
    padding-right: 21px;
}

.text-box li {
    color       : #888;
    padding     : 0px;
    overflow    : none;
    line-height : 22px;
}

.text-box li.other-lang {
    color   : #888;
    margin  : 0px 0 15px 0;
}

.text-box li.synopsis {
    color   : #ccc;
    margin  : 0px 0 15px 0;
    line-height: 1.462em;  /*17px;*/
    overflow:hidden;
}

.text-box li.synopsis ul {
    margin-top: 16px;
}

.text-box li a {
	text-decoration: underline;
}

.text-box #text-box-episode {
    width : 400px;
}

.active li strong {
    color : #ccc;
}

.dark .season-content a.episodeTitle,
.dark .season-content a.episodeTitle:link,
.dark .season-content a.episodeTitle:visited  {
  color: #ccc;
  font-weight:  bold;
  display: block;
  float: left;
}

.active li.description {
    color   : #aaa;
}

.opt-box {
   min-height  : 60px;
   float       : right;
   width       : 224px;
   margin      : -12px -21px 0px 0px;
}

.opt-box .title {
   color       : white;
   font-weight : bold;
   background  : url('/illicoweb/static/webtv/images/bg-opt-box-title.png') no-repeat 0px 0px;
   padding     : 26px 0px 0px 20px;
   height      : 27px;
}


/* Onglets pour les saisons d'une émission */
#tabbed_box {
   margin   : 0px 0 10px 0;
   width    : 646px;
}   

#serie-chaine .tabbed_box {
   width    : 100%;
} 

#tabs-wrapper {
   padding           : 0px 0px 0px 4px;
}

#content #tabbed_box .text-wrapper {
   padding-left   : 0px;
}

/*************************************** 
 * season Tab
 **************************************/

ul#tabs {
 	background: transparent url('/illicoweb/static/webtv/images/bg-header-season-title.png') no-repeat left bottom;
 	height:36px;
}

ul#tabs li.saison {
	color:#999; 
	font-weight: bold; 
	font-size: 13px;
	width: auto !important;
	line-height: 36px;
	padding-left: 4px;
}

ul#tabs li {
   color: #a9a9a9;
   list-style: none;
   width: 35px;
   height:36px;
   float: left;
   display: block;
}             
   
ul#tabs li a {
   background  : url("/illicoweb/static/webtv/images/sprites/sprites.png") no-repeat scroll left -60px transparent;
   color : #fff;
   text-decoration : none;
   font: bold 110%/19px Arial;
   margin : 0px;
   text-transform : uppercase;
   border : 0 none;
   list-style : none outside none;
   text-align : 		center;
   line-height : 36px;
   font-weight : bold;
   text-transform : uppercase;
   display: block;      
}

ul#tabs li a:hover {
   border-color : #2f343a;
}

ul#tabs li .active{
    cursor : default;
    color : white;
    text-decoration : none;  
}

ul#tabs li .inactive{
   cursor : pointer;
   background : url('/illicoweb/static/webtv/images/sprites/sprites.png') no-repeat scroll right -95px; 
   color : #a9a9a9;
   text-decoration : none;    
}

ul#tabs li.tabs-shadow {	
	background : transparent url("/illicoweb/static/webtv/images/bg-header-season-title-end-tab.png") no-repeat scroll left bottom;
	width: 143px;	
	margin-left: -1px;
}

ul#tabs li .inactive:hover {
   background 	: url("/illicoweb/static/webtv/images/sprites/sprites.png") no-repeat scroll right -700px transparent;
}

/**************************
           Season 
 **************************/
.season-content {
   border-bottom  : 1px solid #585858;    
   padding        : 16px 10px 16px 16px;
}

.season-content li {
   list-style  : none;
   padding-top  : 0px;
}

.season-content li:first-child {
   margin-bottom:12px;
}

.season-content li:last-child {
   border-bottom  : none;
}            

.serie, 
.serie-chaine {
   font-weight : normal;
}

/*.serie #container-section-right {
    float   : right;
}*/

/*
.serie .text-wrapper .emission-list-container {
   float       : left;
   margin-left : 0px;
   padding-top : 0px;
}*/

.serie .serie-chaine .text-wrapper .emission-list-container {
   width       : 698px;
}

.serie-chaine #container-section-right {
    float   : right;
}

/*
.serie-chaine .emission-section-container {
   width       : 672px;
   overflow    : hidden;
   float       : left;
   margin      : 0px 0px 0px 0px;
}
*/

.serie-image {
   display     : none;   
}          

.season-content a.view {
   color             : #fdd400;
   float             : right;
   font-weight       : bold;
   /**margin-top: -15px; */  
}

.season-content .description {
   width : 75%;
   clear: left;
}

/******************************
* Page de connexion 	
*******************************/
.box-con {
	background  : url('/illicoweb/static/webtv/images/bg-box-con.png') repeat-x 0px 0px #E6E6E6;
	border      : 1px solid #b8b8b8;
	float       : right;
	margin      : 0px 0px 10px 0px;   
	width       : auto;
	margin      : 10px 0px;
	min-height  : 306px;
}

.box-con input[type=checkbox]{
    border: none !important;
}

.box-con input[type=text] {
    margin-top  : 4px;
}

.box-con h2{
	*margin-bottom:0px !important;
}

.box-con .btn-register {
    border           : 0px;
    color            : #fff;
    vertical-align   : middle;
    height           : 25px;
    line-height      : 20px;
    margin           : 0px;
    padding-bottom   : 3px;
}

.box-con form > ul {
   margin-left: 10px;
}

.box-con-container ul {
   margin : 0px;
}

.box-con li {
   /*margin : 15px 0px;*/
   margin-top:15px;
   margin-left:0px;
   margin-right:0px;
}

.box-con li label {
   width    : auto;
   display  : block;
   color       : #666666;
   font-weight : bold; 
}

.box-con li label span{
  font-weight:normal;
}

.box-con li input.remember-me {
   vertical-align : middle;
}

.box-con li label.remember-me {
	left:25px;
	margin-top:0;
	position:absolute;
	top:3px;
}

.box-con a {
   	background: url("/illicoweb/static/webtv/images/sprites/bullets.png") no-repeat scroll -395px 5px transparent;
	display:block;
	font-size:11px;
	padding:0 0 0 15px;   
}

/* Envoyer un commentaire */

.emailer input, .emailer textarea, .emailer .nameContainer{
	margin-bottom:1.2em;

}
.emailer .radioContainer {
   margin  : 10px 0px;
   width   : 200px;
}

.emailer .nameContainer {
   height : 38px;
   overflow:hidden;
}

.emailer .nameContainer div {
    float : left;
    width   : 260px; 
}

.emailer .nameContainer label{
    color: #606060;
    margin-bottom:3px;
}

.emailer .errorMessage {
    width           : auto;
    margin-bottom   : 10px;
}

.box-con .errorMessage {
    width    : auto;
    margin   : 0px 10px 10px 0px;
}

.emailer .errorMessage:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* message d'erreur*/


.errorMessageText{	
	font-size    : 19px;
   text-transform: uppercase;
}

.errorMessage{
	background : url(/illicoweb/static/webtv/images/bg-error-message.png) repeat-x scroll 0px 0px;
}

.errorMessage li { 

   font-weight  : bold;
   height       : auto;
   margin-top   : 0px;
   overflow     : hidden;
   padding		: 0.4em;
}

.errorMessage li > *{
	display:inline-block;
	vertical-align: middle;
}

.ie7 .errorMessage li > *{
	zoom:1;
	display:inline;
}

.errorMessage li span.errorExclamation,.errorMessage li div.errorExclamation {
    background  : url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat scroll 0px -1200px;
    width       : 50px;
    height      : 38px;
    margin-left : 12px;
}

.errorMessage li p {
	margin-left:8px;
	color: #8C2923;
	line-height:14px !important;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}

.emailer .errorMessage li p {
	width:85%; /* 518px */
}

.box-con .errorMessage li p {
	width:65%; /* 165px */
}


#errorMesChaines {
   width    : 622px;
   margin   : 10px 0 15px 8px;
   font-weight : bold;
   color: #ccc;
   float: left;
}

.errorMessagePlayer,
.chaineMessagePlayer {
    color           : #000;
    padding         : 10px 50px 0px 50px;
    font-size       : 125%;
    text-transform  : uppercase;
}

.errorMessagePlayer2 {
    color           : #000;
    font-size       : 150%;
    text-transform  : uppercase;
    margin-top      : 0px;
}

.errorMessagePlayer li{
    margin      : 0 auto;
    display     : inline;
    font-size   : 120%;
    color       : #fff;
}

.errorMessagePlayer li.messageDectection {
    margin      : 63px auto 0;
}

.errorMessagePlayer li.messageDectection,
	.errorMessagePlayer li.messageDectectionLink {
    color       : #FFFFFF;
    display     : block;
    text-align  : center;
}

.errorMessagePlayer li.messageDectectionLink a {
    color                   : #999999;
}

.chaineMessagePlayer li {
    margin      : 0 auto;
    display     : inline;
    font-size   : 120%;
    color       : #fff;
}

.errorMessagePlayerLink a,
.errorMessagePlayerLink2 a {
    text-decoration : none;
    /*color           : #000;*/
    color           : #fff;
}

.dark .chaineMessagePlayerLink a,
.dark .chaineMessagePlayerLink2 a {
    text-decoration : none;
    color           : #fff;
}

.blackoutMessagePlayer {
    padding : 160px 30px 0px 30px;
}

.blackoutMessagePlayer li span {
    color               : #fff;
    font-size      : 150%;
    text-transform : uppercase;
}

/*Confirmation */
#emailer-confirmation .text-wrapper div {
    color       : #333333;
    font-weight : bold;
    margin      : 18px 0px; 
}

#emailer-confirmation .text-wrapper ul a {
    color       : #333333;
    font-weight : bold;
    background  : url('/illicoweb/static/webtv/images/bullet-gray.png') no-repeat 0px 0px;
    padding     : 0px 0px 0px 15px;
} 

/* Mon Compte */
.col-tier {
  float         : left;
  width         : 192px;
  margin-left   : 33px;
}

.col-tier img {
  margin-bottom : 10px;
}

.col-tier .arrow {
  clear : left;
  float : left;
}

.col-tier ul{
	margin-left:10px;
	margin-bottom:1.2em;
}

ul.arrow-right li{
	background:url(/illicoweb/static/webtv/images/sprites/bullets.png) no-repeat 0 5px;
	padding-left:8px;
	margin-bottom:3px;
}

ul.arrow-right li a:hover{
	color:#000;
	text-decoration:underline;
}
a.link-underlined{
	text-decoration:underline;
}
a:hover.link-underlined{
	color:#000;
	text-decoration:none;
}

/* definifion list */

dd > ul{
		
}

dd > ul li{

}

dd > ul li a{
	background:url("/illicoweb/static/webtv/images/bullet-gray.png") no-repeat scroll 0 0 transparent;
	display: block;
	padding:0 0 0 15px;
}


/* Liens, Bullets, emission-list */

.light .box-con dl.element-dl dd {
    font-weight : normal;
}

.modalbox-inner ul.element-l,
.light .col-tier ul.element-l,
.light .box-con ul.element-l,
.dark .text-wrapper ul.element-l,
.light .text-wrapper ul.element-l,
.dark .text-wrapper-full ul.element-l,
.light .text-wrapper-full ul.element-l {
   margin-left      : 0em;
   list-style       : none;
   margin-bottom    : 12px;
}


.modalbox-inner ul.element-l li,
.light .col-tier ul.element-l li,
.light .box-con ul.element-l li,
.dark .text-wrapper ul.element-l li ,
.light .text-wrapper ul.element-l li,
.dark .text-wrapper-full ul.element-l li,
.light .text-wrapper-full ul.element-l li{
	line-height:1.66667em; /* */
}

.light p.dark-bullet,
.light a.dark-bullet {
    background      : url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll -372px -115px transparent;
    padding-left    : 22px;
    padding-top     : 2px;
    display         : block;
    line-height     : 16px;
    overflow        : hidden;
}

.emissions-list {
    width       : 958px;
    position    : relative;
    margin  	: -10px 0 25px 0px;
    color       : #eee;
}

.emissions-list .list-row {
    overflow    : hidden; 
    display     : inline-block; 
    background  : url('/illicoweb/static/webtv/images/chaine-list-lines.png') no-repeat left bottom;
    padding     : 0px 0 10px 0;   
}

#galaxie .emissions-list .list-row {
    padding        : 0px;
}

.ie7 .emissions-list .list-row {
	zoom:1;
	display:inline;
}

.emissions-list .list-item {
    position        : relative;
    width           : 171px;
    float           : left;
    margin      	: 10px 41px 10px 0px;
    padding-left	: 24px;
    *padding-bottom: 12px;
    height      	: 1%;
}

.emissions-list .no-bullet {
    background : none;
}

#galaxie .emissions-list .no-bullet {
    color: #a7a7a7;
}

/* Tab(s) Saison(s) */
ul.inactive,
span.inactive,
div.inactive {
    display : none;
}

ul.active,
span.active,
div.active {
    display : block;
}


/* Contenu statique */
#maximiser {
    background  : #333; 
    padding     : 20px; 
    margin      : 0px 0px 20px 0px;
    color       : #fff;
}

.static-content .list-left-col {
    float       : left;
    font-size   : 24px;
    width       : 34px;
    font-size   : 24px;
    text-align  : center;
    clear		: left;
    position	: relative;
    top			: -6px;
}

.static-content .list-right-col {
   float            : left;
   width            : 612px;
}

.static-content .list-right-col p {
	color 	: #666666;
	margin	: 8px 2px 10px 4px;
}

.static-content .list-right-col p a,
.static-content .list-right-col .help-sub-list a{ 
	text-decoration	: underline;
}
.static-content .list-right-col p a:hover,
.static-content .list-right-col .help-sub-list a:hover{
	text-decoration:none;
	color:#000;
} 
.static-content .list-right-col  {
	padding-bottom : 15px;
}

.static-content  .lastParagraph {
    clear  : both;
}

#content-wrapper .static-content h2 {
   margin : 20px 0 10px 0;
}

#a-propos h3 {
   font-size :150%;
   margin-top:10px;
}

/* Right Info Boxes */
.infobox-container {
    width           : 300px; 
    clear           : left; 
    margin          : 10px 0 20px 32px; 
    *margin-left	: 0px;
}

.infobox-container .bullet-arrow-circle-link {
	*border 		: 1px solid transparent;
}

.dark .infobox-title {
    font-size   : 21px;
    line-height : 0.6em;
}


#content-wrapper .infobox-title{
    margin-bottom : -3px;
    text-transform: uppercase;
}

.infobox-text {
    margin : 12px 0 10px 0;
    overflow: hidden;
    color: #a7a7a7;
}

.dark .infobox-text a,
.light .emailer a {
    text-decoration : underline;
    color               : #a7a7a7;
}

.infobox-text a:hover,
.light .emailer a:hover {
    color : #888;
}

.infobox-link {
   margin :6px 4px 10px 0;
}

.infobox-filet {
   margin : 30px 0 30px 32px; 
}

/* 404 - error */
.pageNotFound {
    float   : left;
    margin  : 0 30px;
    width   : 420px;
}

/*---- [ bullet-arrow-cicle-link] ---------------*/
a.bullet-arrow-circle-link-yellow,
.bullet-arrow-circle-link-yellow,
.bullet-arrow-circle-link a:hover,
.bullet-arrow-circle-link-gray:hover,
#catalog-alpha .bullet-arrow-circle-link a:hover  {
    background  : url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0px -479px transparent;
}

.season-content a.bullet-arrow-circle-link-yellow span {
	padding: 0px 0px 0px 24px;
}

.season-content a.selection-icon,
.season-content a.selectionned-icon {
	margin-left: 16px;
	*margin-left: 0px;
}

.season-content .length {
	display: bock;
	float: left;
}

.season-content a.selectionned-icon {
	*margin-left: 0px;
	background-position: 0px -1341px;
}

.label a.bullet-arrow-circle-link-yellow {
    background  : url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0px -479px transparent;
 	padding: 0px;
    *padding-right: 10px !important;
    min-height:18px;
}

.other-episode-shortcut a.bullet-reprendre-link-yellow {
    background  : url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0px -1800px transparent;	
    color: #FDD400 !important;
    padding: 4px 0px 0px 26px !important; 
    display: block;
    height: 20px;
    margin-top: -8px;
    float:left;
}

.serie .other-episode-shortcut a.bullet-reprendre-link-yellow {
    font-weight: bold;
    margin: -4px 4px 0 0;
    /*margin: -4px 14px 0 0;*/
    float: right;
}

.other-episode-shortcut a.bullet-reprendre-link-yellow:hover {
 	color: #ffee33 !important;
}

.bullet-square-text-yellow li{
 	background  : url("/illicoweb/static/webtv/images/sprites/bullets2.png") no-repeat scroll -21px 0.583em transparent;
 	padding-left:12px;
}


span.bullet-arrow-circle-link-white,
a.bullet-arrow-circle-link-white,
.bullet-arrow-circle-link a:active {
    background  : url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0px -440px transparent;
    padding     : 0px 0px 2px 24px; 
}

a.bullet-arrow-circle-link-gray,
.bullet-arrow-circle-link a {
    background  : url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0px -399px transparent;
    padding     : 0px 0px 2px 20px; 
}

.bullet-arrow-circle-link #adv-search-text-open {
	text-indent: -3px !important;
}

.ie7 .infobox-container .bullet-arrow-circle-link a {
    background  : url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0px -399px transparent;
    padding     : 1px 0px 0px 24px;    
}

.ie7 .infobox-container .bullet-arrow-circle-link a:hover {
    background  : url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0px -479px transparent;
    padding     : 1px 0px 0px 24px;
}

div.bullet-arrow-circle-link, 
li.bullet-arrow-circle-link {
    padding     : 0px 0px 12px;
}

#catalog-alpha .bullet-arrow-circle-link {
    text-indent : 0px;
}

#home-video-col div.bullet-arrow-circle-link,
div.thumbs-footer {
	text-indent : 0px;
	height: 20px;
	float: right;
}

div.thumbs-footer {
	*height: 16px;
}

#home-video-col div.thumbs-footer {
	*height: 0px;
}

.section-links {
	margin-top: -50px;
}

#home-video-col div.bullet-arrow-circle-link a,
div.bullet-arrow-circle-link a {
	display: block;
	float: left;
	margin-left:9px;
	white-space:nowrap;
}

.light div.bullet-arrow-circle-link a{
	display: inline;
	float: none;
	margin-left: 0px;
}

.ie7 .episode-avec-chaine li.bullet-arrow-circle-link {
    width: 200px; /*IE7 bullet alignment fix */
    padding-left: 10px;
}

.ie7 .episode-avec-chaine li.bullet-arrow-circle-link-airing a {
	 background-position: 2px -400px !important;
}

div.bullet-arrow-circle-link-nopadding {
    text-indent : -23px;
    padding     : 0px;
}

dt.bullet-arrow-circle-link{
	margin-bottom:1.2em;
}

/*---- [ bullet-selection-link] ---------------*/

div.bullet-selection{
    /*margin-top:27px;*/
    float: right;
}

.multi-items div#bullet-selection{
    *margin-bottom:22px;
    float: left;
}

/* - classe avant activation du lien, on change l'icone*/

a.selection-link-text{
	background:url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll -5px -1281px transparent;
	padding-left:22px;	
}

a.selection-link-text:hover{
	background-position: -2px -1999px; 
}

/* - Ajoute a la classe apres activation du lien, on change l'icone*/
.selectionned-span-icon {
    background  : url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat -2px -1900px transparent;
    padding     : 0px 0px 0px 22px; 
    color		: #989898;
    text-decoration:none;
    display 	: block;
}

.selectionned-span-icon a{
	color:#e1e1e1 !important;
}

/* Link  **/

a.reprendre-link-text{
	background:url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll -65px -320px transparent;
	color:#FED602;
	display:block;
	font-weight:bold;
	height:21px;
	line-height:24px;
	overflow:hidden;
	padding-left:32px;
}

a.reprendre-link-text:link,
a.reprendre-link-text:visited {
	color:#FED602;
}

a.reprendre-link-text:hover {
	color:#ffee33;
	text-decoration: none;
}

a.reprendre-link-text span{
	float:left;
}

/*---- [ arrow-link] ---------------*/
a.arrow-link,
.arrow-link a {
	background:url("/illicoweb/static/webtv/images/sprites/bullets.png") no-repeat scroll -399px 5px transparent;
	line-height:17px;
	padding:0 0 0 12px;
}

#toolbox div.bullet-arrow-circle-link, 
#toolbox li.bullet-arrow-circle-link {
    text-indent : -23px;
    padding     : 0px 0px 10px 22px;
}

.catalogue-banner {
   /*background : url('/illicoweb/static/webtv/images/bg-tmn-banner.gif') repeat-x 0px 0px;*/
   /*background  : url('/illicoweb/static/webtv/images/bg-banner.png') repeat-x 0px 0px;*/
   float		: left; 
   padding-top	: 2px;
   height  		: 120px;
   /*padding-left : 0px; */
   margin       : 0px;
   text-align 	: center;
   width   		: 100%;   
}

#image-player {
    z-index : 1;
    height  : 315px;
}

#player-control-bar {
	background: url("/illicoweb/static/webtv/images/bg-black-60pc.png") repeat scroll 0 0 transparent;
    bottom: 0px;
    left:0px;
    /*cursor: pointer;*/
    height: 58px;
    position: absolute;
    width: 560px;
    z-index: 3;
    /*z-index: none;*/
}

#image-player-play-bt,
#image-player-key-bt {
    float 	: left; 
    margin  : 12px;
    display : block;
}

#image-player-play-bt {
	background : transparent url('/illicoweb/static/webtv/images/slide-start.png') no-repeat;
	height : 34px;    
	width : 33px;
	text-decoration: none;    
}

#image-player-play-bt a{
	display: block;   
	width:34;
	height:33px;
}

#image-player-play-bt a:hover{
	text-decoration: none;
}

#image-player-key-bt {
	background : transparent url('/illicoweb/static/webtv/images/signaletique/slide-show-key.png') no-repeat;
	display : block;
	height : 34px;    
	width : 33px;
	text-decoration: none;  
	cursor: default;  
}





.bg-alpha{
	/* Fallback for web browsers that doesn't support RGBa */
	background-color:rgb(0, 0, 0) transparent;
	/* with RGBa support */
	background-color:rgba(0, 0, 0, 0.7);	
}

.ie7 .bg-alpha,
.ie8 .bg-alpha{	
	background-color:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    zoom:1;
}

.image-player-key-bt{
	width:34px;
	height:34px;
	background-image:url('/illicoweb/static/webtv/images/slideshow-icons-sprites.png');
	background-repeat:no-repeat;
	background-position:left -400px;
}

a:hover > ul > li.image-player-key-bt{
	background-position:left -500px;
}

.image-player-play-bt {
	width:34px;
	height:34px;
	background-image:url('/illicoweb/static/webtv/images/slideshow-icons-sprites.png');
	background-repeat:no-repeat;
	background-position:left -200px;
}

a:hover > ul > li.image-player-play-bt{
	background-position:left -300px;
}

.image-player-rental-bt {
	background-image:url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif');
	background-repeat:repeat-x;
	background-position:left -67px;
	padding:7px 10px;
}


#image-player > a:hover{
	text-decoration:none;
}



#image-player > a > ul{
	position:relative;
	z-index:4;
	padding:12px 12px 10px;
	margin-top:259px;
}

#image-player > a > ul.bg-alpha > li{
	display:inline-block;
	vertical-align:middle;
	text-transform:uppercase;
	font-weight:bold;
}

.ie7 #image-player > a > ul.bg-alpha > li{
	zoom:1;
	display:inline;
}


#image-player > a > ul > li:first-child{
	margin-right:6px;
	color:#000;
	font-size:16px;
}

#image-player > a > ul > li.last-child{
	color:#fff;
	
}

#image-player > a > ul > li > p{
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	margin-bottom:3px;
}

#image-player > a > ul > li > p:first-child{
	color:#a7a7a7;
	font-size:12px;
}

#image-player > a > ul > li > p.last-child{
	color:#fff;
	font-size:14px;
}




/*
#image-player > a > span{
	position:relative;
	z-index:4;
	padding-left:46px;
	padding:12px 12px 14px 58px;
	background-position:12px 12px;
	margin-top:258px;
}

#image-player > a > span > span{
	font-weight:bold;
	text-transform:uppercase;
}

#image-player > a > span > span:first-child{
	color:#a7a7a7;
	font-size:12px;
}

#image-player > a > span > span.last-child{
	color:#fff;
	font-size:14px;
}
*/





/*
#image-player-key-bt:hover {
	background : transparent url('/illicoweb/static/webtv/images/signaletique/slide-show-key-hover.png') no-repeat;
}
*/

.feedLineaireSignaletique #image-player-key-bt:hover {
	background : transparent url('/illicoweb/static/webtv/images/signaletique/slide-show-key.png') no-repeat;
}

#player-control-bar:hover #image-player-play-bt a{
	background: url("/illicoweb/static/webtv/images/slide-start-hover.png") no-repeat scroll 0 0 transparent;
	width: 30px;
	height: 30px;
	display: block;
}

#image-player-title a {
    overflow        	: hidden;
    float           	: left;
    color           	: #FFF;
    font            	: 16px "Helvetica Neue", Arial, sans-serif;
    font-weight     	: bold;
    margin          	: 27px 0;
    text-transform	: uppercase;
    width				: 478px;
}

#image-player-details {
    float       : left; 
    margin-top  : 21px;
}

#image-player-title a,
#image-player-details a {
    text-decoration : none;
}

.image-player-details-latest {
    font-size       : 12px; 
    color           : #a7a7a7; 
    font-weight     : bold;
    text-transform  : uppercase;
}

.image-player-details-title {
    font-size       : 14px; 
    color           : #fff; 
    font-weight     : bold;
    text-transform  : uppercase; 
    /*display: block; */
    width: 100%;      
}

.image-player-details-title a {
    color           : white; 
}

.image-player-details-episode {
    font-size       : 12px; 
    color           : #fff; 
    font-weight     : bold;
    text-transform  : uppercase;
}

#slideAccessState {
	/*display: none !important;*/
}

#slide-show-priced {
	display: block;
	float: left;
	margin: 12px;
	min-width: 30px;
	background: #fed602;
	padding:4px;
}

a #slide-show-priced{
	color: #000;
	font-weight: bold;
	font-size: 18px;
}

.channelWebsite {
   margin : 20px 0 40px 0;
}

.dark .channelWebsite a {
   color        : #f5d410;
   font-size    : 15px;
   font-weight  : bold;
}

.dark .channelWebsite a:visited {
   color        : #f5d410;
   font-weight  : bold;
}

.internetUsage{
	margin-bottom:5px;
}
.internetUsage thead {
    background  : #333;
    color       : #fff;
    font-weight : bold;
}

.internetUsage tr td {
    padding : 5px;
    border  : solid 1px #000000;
}

.aide-content ul {
    margin-left : 20px;
}

.aide-content ul.bullets {
    list-style-type : disc;
}

.aide-content ul.numbers {
    list-style-type : decimal;
}

.help-sub-list {
   margin	: 8px 2px 15px 4px;
}

.help-box {
	padding		: 15px 20px 5px;
	*padding		: 5px 20px 5px;
	background  : url('/illicoweb/static/webtv/images/bg-box-con.png') repeat-x 0px 0px #E6E6E6;
	border      : 1px solid #b8b8b8;
	clear			: both;
}



.help-box  > li:first-child{
	font-weight:bold;
	margin-bottom:7px;
}

.help-sub-list li {
   background : transparent url('/illicoweb/static/webtv/images/bullet-gray.png') no-repeat 0px -1px;
   margin     : 6px 0px;
   padding    : 0px 14px;   
}

.help-box a,
.help-sub-list li a {
   text-decoration : underline;
}

.aide-content ul.lower-alpha {
   list-style-type : lower-alpha;
}

.light .aide-content ul li {
    color           : #111111;
    font-size   : 13px;
    line-height : 1.462;
    margin      : 6px 0 6px 0;
}

.light .aide-content a {
    text-decoration: underline;
    color               : #000;
}

.light .aide-content a:hover {
    color : #777;
}

.no-player-filet {
    margin      : 20px 50px; 
    height      : 1px; 
    background  : #967904;
}

.no-player-filet-chaine {
    margin      : 20px 50px; 
    height      : 1px; 
    background  : #777;
}

/* #sondage */

#sondage{
    background : #fff;
}

/* Breadcrumb */
#breadcrumb {
   font-weight    : bold; 
   padding-bottom  : 12px;
   margin-top	  : 4px;
}

/*
.chaine #breadcrumb {
   *margin-top: 0px;
}*/

.text-wrapper  #breadcrumb {
   width		  : 440px; 
}

.episode-avec-chaine  #breadcrumb {
   width		  : 520px; 
}


#breadcrumb li {
   display : inline;
   font-weight: normal;
}

#breadcrumb li a,
#breadcrumb li a:visited {
   padding-left: 13px;
   background : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -1197px 6px;
   color: #555;
}

.dark #breadcrumb li.first {
	background: none;
}

.dark #breadcrumb li a,
.dark #breadcrumb li a:visited,
.dark #breadcrumb li span {
   /*background : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -1197px 6px;*/
}

#breadcrumb li.last {
   /*color	: #444; */
   /*padding-left : 13px;*/
   /*background : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat 3px 6px;*/
   font-weight : bold;
} 

.dark .breadcrumb-arrow,
.light .breadcrumb-arrow {
	display: inline-block; 
	width: 10px; 
	height: 12px; 
	*height: 15px;
	background: transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -1197px 6px;
}

.light .breadcrumb-arrow {
	background: transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -397px 6px;
}

.dark #breadcrumb li a,
.dark #breadcrumb li a:visited {
   color: #ccc;
}

.dark #breadcrumb li,
.dark #breadcrumb li.last {
   color          : white; 
   background     : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -1197px 6px;
}

#breadcrumb li.first a {
   padding-left	: 0px;
   background     : none !important;
}

#breadcrumb li.first a:hover {
   background : none;
}


/* Section épisode */


.other-episode-container-chaine,
.episode-avec-chaine .other-episode-container {
	margin-bottom	: 36px;
	*margin-bottom  : 16px;
	width			: 730px;
}

.other-episode-container ul,
.other-episode-container-chaine ul {
	margin-bottom	: 10px;
	*margin-bottom	: 0px;
	overflow: hidden;
}

.other-episode {
	clear: both;
   background: transparent url('/illicoweb/static/webtv/images/bg-header-other-episode.png') no-repeat top right;
   height: 51px;
   padding: 13px 0px 0px 17px;
   margin: 0px 0px 6px 0px;
	width: 629px;   
}

.episode-avec-chaine .other-episodes-wrapper {
	margin-left : 180px !important;
	width		: 748px !important;
}

.other-episode-chaine,
.episode-avec-chaine .other-episode {
	clear			: both;
   background     	: url('/illicoweb/static/webtv/images/bg-header-other-episode.png') transparent no-repeat top right;
   height			: 51px;
   padding			: 13px 0px 0px 17px;
   margin			: 0px 0px 6px 0px;
	width			: 730px;   
}

.serie .other-episode div,
.serie-chaine .other-episode div {
	color : #a7a7a7;
}

.serie .other-episode span .player-info-order,
.serie-chaine .other-episode span .player-info-order {
    color 		: #000;
    font-size	: 12px;
}

.fiche-zone-wrapper .player-play-icon {
    display		: block;
    width 		: 12px;
    height		: 11px;
    background	: url('/illicoweb/static/webtv/images/player-play-icon.png') no-repeat;
    margin		: 5px 5px 0 0;
    margin		: 4px\9 5px 0 10px\9; /*fix pour ie 7,8*/
    float		: left;
}

.serie .other-episode .left-column,
.serie-chaine .other-episode .left-column {
	float		: left; 
	width		: 400px;
	/*display		: inline;*/
}

.serie .other-episode .left-column span,
.serie-chaine .other-episode .left-column span {
	float: left;
	margin-top: 2px;
}

.serie .other-episode .right-column,
.serie-chaine .other-episode .right-column {
   color		: black;
   float		: right; 
   background   : url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') repeat-x 0px -70px;
   height		: 22px;
   padding		: 0px 10px 0px 1px;
   margin		: 9px 15px 0px 0px;
   *margin-right: 15px;
}

.serie .other-episode .right-column:hover,
.serie-chaine .other-episode .right-column:hover {
   background  : url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') repeat-x 0px -35px;
}

.serie .other-episode .right-column div.price,
.serie-chaine .other-episode .right-column div.price {
	color 		: #000;
	float		: left;
	font-weight	: bold;	
	float		: left;
	height		: 20px;
	padding 	: 2px 5px;
	margin		: 1px 0px 13px 0px;
} 

.serie .other-episode .right-column div.label,
.serie-chaine .other-episode .right-column div.label,
.serie .other-episode .right-column div.label:hover,
.serie-chaine .other-episode .right-column div.label:hover {
	float		: left;
	margin	: 4px 0px 0px 5px;
	background: none !important;
}

.label .order-btn,
.label .order-btn:hover {
	background: none !important;
}

.serie .other-episode .right-column a,
.serie-chaine .other-episode .right-column a {
   /*background  		: transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -1997px 6px;*/
   color       			: black;
   font-weight			: bold;
   padding				: 0px 0px 0px 0px;
   text-decoration		: none;
}

.serie .other-episode .commander-CLUB,
.serie .other-episode .commander-CLUB:hover,
.serie .other-episode .commander-CLUB a {
	background: none;
	color: #fed602 !important;
	text-decoration: underline !important;
}

.serie .other-episode .commander-CLUB a:hover {
	color: #fff !important;
}

.serie .other-episode .right-column a:hover,
.serie-chaine .other-episode .right-column a:hover {
    text-decoration	: underline;
}

.serie .other-episode,
.serie-chaine .other-episode {
   background	: transparent url('/illicoweb/static/webtv/images/bg-header-bundle.png') no-repeat top left;
	padding		: 24px 0px 0px 17px;
	margin		: 0px 0px 0px 0px;
}

*+html .serie .other-episode,
*+html .serie-chaine .other-episode {
	height : 46px;
}

.serie .other-episode a,
.serie-chaine .other-episode a {
	text-decoration : underline;	
}

.serie .other-episode span a img,
.serie-chaine .other-episode span a img {
	margin : 0px 0px -4px 4px;	
}

*+html .other-episode {
   padding	: 32px 0px 0px 17px;
   height	: 32px;
}

.other-episode-line {
	border-bottom	: 1px solid #484848;
	clear 			: both;	
	color			: #cccccc;
	padding			: 8px 0px 0px 8px;
	margin-left		: 10px;
	/*height			: 14px;*/
	overflow: hidden;
}

.serie .other-episode-line,
.serie-chaine .other-episode-line {
	/*height 		: 64px;*/
	margin-left	: 0px;
	*margin-top: 5px;
}

.emission .other-episode-line {
	padding-bottom: 10px;
}

.other-episode-line .other-episode-title {
    background    : transparent url('/illicoweb/static/webtv/images/single-arrow-white.png') no-repeat 0px 6px;
    padding-left  : 12px;
    font-weight	  : bold;
}

.other-episode-line .other-episode-title p {
    font-weight	  : normal;
}

.other-episode-line .current {
    color:#FED602;
}

.serie .other-episode-line .other-episode-title a,
.serie-chaine .other-episode-line .other-episode-title a {
    padding-left	: 14px;
    font-weight	: bold;
    color: #ccc;
}


.serie .other-episode-line .other-episode-title a:hover,
.serie-chaine .other-episode-line .other-episode-title a:hover {
	color: #fff;
	text-decoration: none;
}


.serie .other-episode-line .other-episode-title a, 
.serie .other-episode-line .other-episode-title p,
.serie-chaine .other-episode-line .other-episode-title a, 
.serie-chaine .other-episode-line .other-episode-title p {
	/*width	: 600px;*/
}

.serie .other-episode-line .other-episode-title > a{
	float:left;
}

.serie .other-episode-line .other-episode-title p,
.serie-chaine .other-episode-line .other-episode-title p {
	/*padding-left	: 14px;
	margin	: 6px 0 20px 0;*/
	float:left;
	margin:0 0 10px;
	padding-left:14px;
	width:600px;
	*padding-bottom: 10px;
}

*+html .other-episode-line {
	margin-bottom	: -3px;
}

.other-episode-title {
	float	: left;
}

.other-episode-shortcut {
	float		: right;
	padding		: 0px 0px 0px 0px;
}

.other-episode-shortcut a.selection-icon, .other-episode-shortcut .selectionned-icon{
	*float:none;
}

.serie .other-episode-shortcut a.selection-icon, .serie .other-episode-shortcut a.selectionned-icon {
	*float: right !important;
}

.other-episode-shortcut a.selection-icon {
	margin:0px !important;
}

.other-episode-shortcut .selectionned-icon {
	margin: -7px 0px 0px 0px;
	background-position:0px -1336px;
}

/* selection-icon */

.selection-icon-space,
.selection-icon,
.selectionned-icon  {
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat;
	display: block; 
	width: 16px;  
	height:16px;
	margin-top:1px;
	float: right;	
	text-indent:-9999px;
}

.label a.selection-icon,
.label a.selectionned-icon  {
	margin-top: 1px;
	*margin-top: -14px;
	*height: none;
}

.other-episode-shortcut a.selectionned-icon {
   margin-top: -4px;
}

.thumbs-big .selection-icon-space{
	position: relative;
}

.selection-icon-space {
	background: none;
	cursor:default;
}

.selection-icon,
.selection-icon-big {
	background-position: 0px -1282px;
	*background-position: 0px -1280px;
}

.thumbs .selection-icon,
.thumbs .selection-icon-big {
	background-position: 0px -1282px;
	*background-position: 0px -1280px;
}

.thumbs .selection-icon:hover, .selection-icon-big:hover {
	background-position: 3px -2000px;
	*background-position: 3px -1998px;
}

.thumbs .selectionned-icon{
	background-position: 0px -1341px;
	*background-position: 0px -1341px;
}


.selection-icon:hover, .selection-icon-big:hover {
	background-position: 3px -2000px;
	*background-position: 3px -1998px;
}

.selectionned-icon{
	background-position: 0px -1341px;
	*background-position: 4px -1341px;
}

.alpha-list .selectionned-icon,
.thumbs-big .selectionned-icon{
	*background-position: 0px -1341px;
}

.selection-icon-remove{
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat -5px -1421px;
	color:#999999;
	padding-left:18px;
}

.alpha-list a.selection-icon, .alpha-list a.selectionned-icon{
	float:none;
	padding-top: 0px;
}

/*************** Modalbox ****************************/
#overlay-bg,
#gr-loading{
	width:100%;
   	height:100%;
   	background-color:#000;
   	opacity:0.8;
   	filter:alpha(opacity=80);
   	z-index:7; 
   	position:fixed;
   	top:0;
   	left:0;
   	display:none;
}

#overlay-bg > img.videotron-loader{
	margin:0 auto;
}   

.modalbox-add-text {
	font-weight: bold;
	font-size: 1.2em;
	color: #FFFFFF;
	text-decoration: uppercase;
	text-align: center;	
	position: relative;
	bottom: 10px;	
} 

.modalbox-wrapper{
	background : url("/illicoweb/static/webtv/images/sprites/no-repeat_bg.jpg") no-repeat scroll left -1661px #202020;
	border: 3px solid #373737;
}

.modalbox-wrapper .modalbox-inner{
	padding:20px 36px;
}

.modalbox-inner h1{
    border-bottom:1px solid #353535;
    padding-bottom:10px;
    font-size: 28px !important;
    font-family: "BlenderProBold", "Trebuchet MS", Arial, sans-serif;
    font-weight: normal;
}

.modalbox-inner .subtitle{    
    padding-bottom:10px;
    color: #F6D330;
    font-size: 20px !important;
    font-family: "BlenderProBold", "Trebuchet MS", Arial, sans-serif;
    font-weight: normal;
}

.modalbox-inner label{
	color:#EEEEEE;
	display:block;
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
}
.modalbox-inner ul{
	margin-bottom:20px;
}
.modalbox-inner ul li{
	margin-bottom:5px;
}

.dark .modalbox-inner .filet, #footer-wrapper .filet {
    border-top      : 1px solid #353535;
    clear           : both;
    height          : 1px;
    line-height 	: 1px;
    margin          : 10px 0px;
    padding         : 0px;
    width           : 100%;
    background      : none;
}

.modalbox-wrapper .modalbox-inner .videotron-loader,
.modalbox-wrapper .modalbox-inner #player-trailer{
	display:block;
	margin: 0 auto;	
}
	
.modalbox-wrapper h1, .modalbox-wrapper h2{
	color: #f6d330;
}

/*
.ie7 .modalbox-wrapper h2{
	margin-top:16px;
}
*/

.modalbox-wrapper p.errors,
.modalbox-wrapper ul.errors{
	margin-bottom:14px;
}

.modalbox-wrapper p, .modalbox-wrapper ul li {
	color:#fff;
	font-size:1em;
}

.modalbox-wrapper textarea{
	color:#b4b4b4;
	background-color:#212121;
	width:98%;
	height:160px;
	outline: none;
	padding:0.5em; /* target 6px / context 3*/
	 
    border: 1px solid #000;     
    -webkit-box-shadow: 0px 1px 2px #000 inset; 
    -moz-box-shadow: 0px 1px 2px #000 inset;  
    box-shadow: 0px 1px 2px #000 inset;      
}

.modalbox-wrapper textarea:focus{
	 border: 1px solid #fafafa;  
     -webkit-box-shadow: 0px 0px 6px #909090;  
     -moz-box-shadow: 0px 0px 5px #909090;  
     box-shadow: 0px 0px 5px #909090; 	
}

.tiroir-wrapper .panelOneButton,
.modalbox-wrapper .panelOneButton{
	text-align:center;
}

.tiroir-wrapper .panelButtons,
.modalbox-wrapper .panelButtons{
	padding-top:12px; /* SE prevent double margin collapse --> see w3c */
	padding-bottom : 0.4em;	
}

.ie7 .modalbox-wrapper .panelButtons{
	overflow:hidden;
}

.modalbox-wrapper .panelButtons{
	clear:both;
}

.tiroir-wrapper .panelButtons > *,
.modalbox-wrapper .panelButtons > *{
	margin-right:12px;
}

.modalbox-wrapper .panelButtons > input{
	float:left;
}

.modalbox-wrapper .panelButtons > label{
	float:left;
	line-height:20px;
	color:#fff;
}

.x-close-btn {
	background:url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0 -120px transparent;
	float:right;
	display:block;
	float:right;
	position:relative;
	text-decoration:none;
	text-indent:-9999px;
	width:17px;
	height:17px;
}

.modalbox-vsda-header-fr{
	background:transparent url("/illicoweb/static/webtv/images/films-stack_fr.png") no-repeat 455px top;
	overflow: hidden; 
	*margin-bottom: -22px;
}

.modalbox-vsda-header-en {
	background:transparent url("/illicoweb/static/webtv/images/films-stack_en.png") no-repeat 455px top;
	overflow: hidden; 
	*margin-bottom: -22px;
}

.modalbox-vsda-header-fr > h1,
.modalbox-vsda-header-en > h1{
	background:transparent url("/illicoweb/static/webtv/images/crochet-big.png") no-repeat left top;
	padding:12px 0 20px 75px;
	width:350px;
	border-bottom:none;
}




/* SelectBox  */
.subnav-menu .language-jump-wrapper {
	background	: none;
	padding		: 3px 0px;
}

.subnav-menu .language-jump-wrapper > label {
	display		: inline;
	margin-right: 12px;
}

.subnav-menu .language-jump-wrapper > label,
.subnav-menu .language-jump-wrapper > select {
	float : left;
}

.subnav-menu .language-jump-wrapper div.selectbox-wrapper {
	position			: absolute;
	background-color	: #e7e7e7;
	border-width		: 0px 1px 1px 1px;
	border-style		: solid;
	border-color		: #ccc;
	margin				: -2px 0px 0px 0px;	
	margin				: -4px 0px 0px 0px\9; /* IE hack */
	padding				: 0px 4px 0px 0px;
	font-size			: 0.9em;
	text-align			: left;
	max-height			: 200px;
	overflow			: auto;
	z-index				: 50;
}

.subnav-menu .language-jump-wrapper div.selectbox-wrapper ul {
   list-style-type	: none;
   margin				: 0px -4px 0px 0px;
   margin				: 0px\9; /* IE Hack */
   padding				: 0px;
}

.subnav-menu .language-jump-wrapper div.selectbox-wrapper ul li.selected { 
   background-color	: #989898;
   padding			: 0px 4px 0px -4px;
   margin			: 0px -4px 0px 0px\9; /* IE hack */
   color           	: #FFFFFF;
}

div.selectbox-wrapper ul li.current { 
   background-color	: #fecf03 !important;
   color			: #000 !important;
}

.subnav-menu .language-jump-wrapper div.selectbox-wrapper ul li {
   list-style-type	: none;
   display				: block;
   margin				: 0px -4px 0px 0px\9; /* IE hack */   
  	padding				: 2px 6px;
   cursor				: pointer;
}

.subnav-menu .language-jump-wrapper label {
    display : block;
}

.subnav-menu .language-jump-wrapper .selectbox {
	background	: url("/illicoweb/static/webtv/images/drop-menu/arrow-down-light.gif") no-repeat scroll right center #FFFFFF; 
	border		: 1px solid #AFAFAF;
	color			: #333333;
	cursor		: pointer;
	display		: block;
	font-size	: 0.9em;
	height		: 17px;
	height		: 16px\9; /* hack IE 7 & 8 */	
	padding 		: 0px 0px 0px 4px;
	padding 		: 3px 0px 0px 4px\9;
	position		: relative;
	text-align	: left;
	top			: -2px;
	left			: 0px;
	width			: 150px;
}

.subnav-menu .language-jump-wrapper:hover .selectbox{
	background	: url('/illicoweb/static/webtv/images/drop-menu/arrow-down-light-hover.gif') no-repeat center right #ffffff;
	border		: 1px solid #FECF03;
}

.access-selectors {
	float: right;
}

.access-selectors li {
	display: inline-block;
	background : url('/illicoweb/static/webtv/images/access-button.gif') no-repeat;
	width: 91px;
	height: 23px;
	margin-left: -4px; 
	text-align:center;
	padding-top: 3px;
}

.access-selectors li a {
	display: block;
	width: 81px;
	margin: 0 auto;
	font-weight: bold;
	color: #555 !important;
}

.access-selectors li a:hover {
	text-decoration: none;
}

.access-selectors li:hover {
	background : url('/illicoweb/static/webtv/images/access-button-hover.gif') no-repeat;
}

.access-selectors li.active,
.access-selectors li.active:hover  {
	background : url('/illicoweb/static/webtv/images/access-button-active.gif') no-repeat;
	font-weight: bold;
}
	
/* Menu TMN */
.tmn-menu li {
	display 		: inline;
	float			: left;
	font-weight		: bold; 
}

.tmn-menu li.first {
	margin  : -5px 3px 11px 0px;
   	width   : auto;
}
    
.tmn-menu li.next {
    margin      : -5px 2px 11px 2px;
    padding     : 0px 0px 0px 6px;
    width       : auto;
    background  : url('/illicoweb/static/webtv/images/barre-oblique.png') no-repeat;
}

.bundle-popup-table {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.bundle-popup-table td {
	color: #eee;
	padding: 0px 40px 0px 0px;
	margin: 0px;
	line-height: 14px;
}

.bundle-popup-table td.episode-title {
	padding-top: 36px;
	padding-bottom: 0px;
	font-size: 120%;
	font-weight: bold;
	top: 60px;
}

/* mosaic view*/

/*
#catalog h1 {
	width: 300px;
	margin-bottom: 0px;
}
*/

#catalogue-view{
	float:right;
	margin-bottom: 15px; 
}

#catalog .switch-language {
	float			: right;
	margin-right: 14px;
}

#catalog .switch-language-sep {
	float	: right;
	background	: url("/illicoweb/static/webtv/images/bg-sep.jpg") no-repeat scroll;
	height		: 20px;
	width			: 8px; 
} 

*+html #catalog .subnav-menu {
	margin-top	: -2px;
}

*+html .subnav-menu-container {
	margin-bottom	: 10px;
}

.mosaic-view-icon, .normal-view-icon, .list-view-icon, .mosaic-view-icon-active, .normal-view-icon-active, .list-view-icon-active{
	background: url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll;
	cursor:pointer;
	display:block;
	float:left;
	height:20px;
	margin-left:4px;
	width:20px;
	/*position: relative;*/
}

.mosaic-view-icon{
	background-position: left -2100px ;
}

.mosaic-view-icon:hover, .mosaic-view-icon-active {
	background-position: right -2100px ;
}



.normal-view-icon{
	background-position: left -2125px ;
}


.normal-view-icon:hover, .normal-view-icon-active{
	background-position: right -2125px ;
}



.list-view-icon{
	background-position:left -2150px ;
}


.list-view-icon:hover, .list-view-icon-active{
	background-position: right -2150px ;
}

.bundle-popup-table td {
	color: #eee;
	padding: 20px 0px 0px 0px;
	*padding: 0px 0px 0px 0px;
	margin: 0px;
	/*line-height: 14px;*/
}

.bundle-popup-table td span.episode-title {
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 120%;
	font-weight: bold;
	top: 60px;
	*top: 50px;
}

.faded {
	opacity : 0.2;
}

/* searchbar optimized  */

.searchbar{
	height:27px;
	position:relative;
	width:320px;
}

.searchbar form > *{
	display:inline-block;
	vertical-align:bottom;
}

.ie7 .searchbar form > *{
	zoom:1;
	display:inline;
}
.searchbar form{
	/*position:absolute;
	right:0px;
	top:0px;*/
}

.searchbar label{
	display:block;
	float:left;
}

.searchbar input#header-search{
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	width:200px;
	color:#999999;
	font:99% arial,helvetica,clean,sans-serif;
	outline:medium none;
	margin:5px 0 5px 25px;
}

.searchbar .button-wrapper{
	float:right;
}
.searchbar .button-wrapper button.yellow-btn{
	width:85px;
	padding:0;
}


/* topnav */

ul.topnav {  
    list-style	: none;  
    padding		: 0px;  
    margin		: 0;  
    float		: left;    
    font-size	: 12px; 
    background	: url('/illicoweb/static/webtv/images/drop-menu/dark-drop-menu-bg.jpg') repeat-x #242424;  
    border		: solid 1px #555; 
 } 

#catalog-alpha ul.topnav,
#catalog ul.topnav {  
    background	: white;  
    border		: solid 1px #afafaf;
 }  
  
 ul.topnav li {  
    background	: url('/illicoweb/static/webtv/images/drop-menu/arrow-down.gif') no-repeat right top; 
    float		: left;  
    margin		: 0px; 
    padding		: 0px;  
    position	: relative; /*--Declare X and Y axis base for sub navigation--*/ 
    width		: 200px;
 }  
 
 #catalog-alpha ul.topnav li,
 #catalog ul.topnav li {  
    background	: url('/illicoweb/static/webtv/images/drop-menu/arrow-down-light.gif') no-repeat right top; 
}  
  
ul.topnav:hover {
     border : solid 1px #ccc;
 }
 
#catalog-alpha ul.topnav:hover, 
#catalog ul.topnav:hover {
    border : solid 1px #fecf03;
}

#catalog-alpha ul.topnav:active,
#catalog ul.topnav:active {
    border : solid 1px #333333;
}
 
#catalog-alpha ul.topnav li:hover, 
#catalog ul.topnav li:hover {
    background	: url('/illicoweb/static/webtv/images/drop-menu/arrow-down-light-hover.gif') no-repeat right top;
}

#catalog-alpha ul.topnav li:active,
#catalog ul.topnav li:active {
    background	: url('/illicoweb/static/webtv/images/drop-menu/arrow-down-light-active.gif') no-repeat right top;
}
  
ul.topnav li a {  
   padding				: 2px 5px;  
   color					: #fff;
   display				: block;  
   text-decoration	: none;  
   float					: left; 
   font-weight			: bold; 
}

#catalog-alpha ul.topnav li a,
#catalog ul.topnav li a {  
  color : #333333;
}

ul.topnav li a:hover {  
   text-decoration : none;  
}
 
.dark .text-wrapper-full ul.topnav {
   line-height : 12px; 
}
 
ul.topnav li span { /*--Drop down trigger styles--*/  
   width		: 20px;  
   height	: 16px; 
   float		: right;  
 }  
 
ul.topnav li span.subhover {
   background-position 	: center bottom;
   cursor					: pointer;
} /*--Hover effect for trigger--*/
  
 ul.topnav li ul.subnav {  
   list-style		: none;  
   position			: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
   left				: -1px; top: 16px;  
   background		: #000;  
   margin			: 0;
   padding-right	: 0;  
   display			: none;  
   float				: left;  
   width				: 200px;
   border			: 1px solid #ccc;  
}

#catalog-alpha ul.topnav li ul.subnav,
#catalog ul.topnav li ul.subnav {
   left 		: -1px; top: 19px;  
}
  
ul.topnav li ul.subnav li {  
   margin			: 0px;
   padding			: 0px;  
   border-bottom	: 1px solid #555;
   clear				: both;  
   width				: 200px;  
}

#catalog-alpha ul.topnav li ul.subnav li,
#catalog ul.topnav li ul.subnav li {  
   border-bottom	: 0px;
}    

ul.topnav li ul.subnav li a {  
   float				: left;  
   width				: 175px;  
   background		: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
   padding-left	: 20px;  
}

#catalog-alpha ul.topnav li ul.subnav li a,
#catalog ul.topnav li ul.subnav li a {  
   background : url('/illicoweb/static/webtv/images/drop-menu/dropdown-link-bg-light.gif') repeat-x;
   border-top		: 1px solid #e7e7e7;
   border-bottom	: 1px solid #e7e7e7;      
}

ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
   background	: #444 url(dropdown_linkbg.gif) no-repeat 10px center;
   font-weight	: bold;
   color		: #fff;
}

#catalog-alpha ul.topnav li ul.subnav li a:hover,
#catalog ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
   background		: #989898;
   border-top		: 1px solid #9f9f9f;
   border-bottom	: 1px solid  #9f9f9f;
   color			: white;
}

.text-box #more  {
   margin-top: 5px;
}

.text-expand,
.text-expand-link{
   background : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -798px 6px;
}
.text-collapse{
   background : transparent url('/illicoweb/static/webtv/images/sprites/bullets.png') no-repeat -3100px 6px;
}
.text-expand-link,
.text-expand,
.text-collapse{
	float:left;
	margin: 12px 200px 22px 0;
	padding-left:10px;
}
  

/* Slider for player - when the title change... */
#loading {
   position		: relative;
   z-index		: 10;
   width		: 560px;
   height		: 315px;
   background	: #000 url(/illicoweb/static/webtv/images/image-loader/image-loader.gif) no-repeat center;
}

#player-chaine #image-player {
   position	: relative;
   background-color: #000;
}
#player-chaine #image-player img, #player-chaine #image-player a {
   height	: 100%;
   width		: 100%;
   position	: absolute;
   z-index	: 0;
   display: none;
}
#player-chaine #image-player .prevslide, #player-chaine #image-player .prevslide img {
   z-index	: 2; 
   display: none;
}
#player-chaine #image-player .activeslide, #player-chaine #image-player .activeslide img {
   z-index	: 3;
   display: block;
}     

/*****************************************************************
* box-wrapper section-half-box (pattern general)
*****************************************************************/
#content-col .text-wrapper .section-half-box{
	width: 308px;
}

/*
#content-col .box-wrapper{
	margin:0px;
	width: 676px;
}
*/

.text-wrapper .section-half-box{
	background-position: center top;
   background-repeat: no-repeat;
   float: left;
   height: 218px;
   margin-right: 30px;
   padding-top: 170px;
   position: relative;
   vertical-align: top;
   position:relative;
   margin-bottom:28px;
}

.section-half-box h3 {
	font-size	: 140%; 
	height		: 33px;
}
	/* a-propos */
	
.section-half-box > ul{ /* plus specifique pour a-propos */
	bottom: 0;
    margin-left: 4px;
    overflow: hidden;
    position: absolute;
    height: 33px;
}

.section-half-box > ul > li{ /* plus specifique pour a-propos */
	float:left;
	margin-right : 12px; 
}
	
.section-half-box.about-streaming,
.section-half-box.about-enr {	
	    margin-right:0px;	
}

.section-half-box.about-view {
   background-image	: url(/illicoweb/static/webtv/images/about-view.png);
}
.section-half-box.about-streaming {
    background-image	: url(/illicoweb/static/webtv/images/about-streaming.png);
}

.section-half-box.about-music {
    background-image	: url(/illicoweb/static/webtv/images/about-music.png);
}

.section-half-box.about-enr {
    background-image	: url(/illicoweb/static/webtv/images/about-enr.png);
}

/****************************************************************/

/* general classes */


.li-inline li{
	display:inline-block;
	*zoom:1;
	*display:inline;
}

.li-inline li li{
	display:block;
	margin-right:30px;
}

.sitemap .bullet-arrow-circle-link {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.sitemap .bullet-arrow-circle-link a,
.sitemap .bullet-arrow-circle-link a:visited {
	color: #555;
}

.sitemap .bullet-arrow-circle-link a:hover {
	color: #000;
	text-decoration: none;
}

.sitemap div.section {
	width: 100%;
	padding: 20px 0 10px 0;
	/*border-bottom: 1px solid #ccc;*/
	margin-top:0px;
	font-size: 13px;
	font-weight: bold;
	overflow: hidden;
}
.sitemap  div.section-name {
	color:teal;
}

.sitemap ul.subsections {
	float: left;
	width: 100%;
	margin: 0px 0 0px 0;
	font-size: 12px;
	font-weight: normal;
}

.sitemap ul.subsections{
	/*margin-top: 20px;*/
	list-style: none !important;
}

.sitemap li.subsection {
	float: left;
	width: 24% !important;
	margin: 0 0 10px 0px;
	list-style: none !important;
}

.sitemap li.subsection ul li {
	margin-bottom: 10px;
}

.sitemap li.subsection ul{
	list-style: none !important;
}

.sitemap li.subsection ul li.titre {
	font-weight: bold;
	list-style: none !important;
}

.sitemap li.subsection ul li.menulink{
	/*list-style: disc;*/
	   background	: url("/illicoweb/static/webtv/images/sprites/bullets.png") no-repeat scroll 0px 4px transparent;
	   padding-left: 6px;
	   font-weight: normal;
}

/* Supplier Fiche Options */
.Zik-fr{
	background: url('/illicoweb/static/webtv/images/content/custom/archambaulttv_big.png') no-repeat 66px -20px;
	margin-top: 0px;
	padding-top: 60px !important;
}

.Zik-en{
	background: url('/illicoweb/static/webtv/images/content/custom/archambaulttv_big.png') no-repeat 66px -20px;;
	margin-top: 0px;
	padding-top: 60px !important;
}

.JPR-fr {
	background: url('/illicoweb/static/webtv/images/jpr_fiche_fr.png') no-repeat 70px 0px;
	margin-top: 0px;
	padding-top: 80px;
	*padding-top: 90px !important;
}

.JPR-en {
	background: url('/illicoweb/static/webtv/images/jpr_fiche_en.png') no-repeat 70px 0px;
	margin-top: 0px;
	padding-top: 96px;
	*padding-top: 90px !important;
}

#header-wrapper .JPR-fr h1,
#header-wrapper .JPR-en h1 {/*  #header-wrapper tagName[class^=JPR] h1 */
	font-size: 26px;
	*font-size: 24px;
}

a.plateformes {
	cursor: default;
}

/*********** Start - Newsbox ************/

#content .newsbox-wrapper {
	margin-top: 18px;
	padding: 0 3px 0 30px;
	*width: 648px;
}

#content .newsbox-wrapper-accueil {
	margin-top: 18px;
	padding: 0 3px 0 41px;
	*width: 518px;
}

#content .newsbox-wrapper-chainegalaxie {
	margin-top: 18px;
	padding: 0 3px 0 41px;
	width: 898px !important;
}

#content .newsbox-wrapper-accueilchaines {
	margin-top: 18px;
	*margin-top: 32px; /*pour eviter un menu-chaines overlap sur la boite*/
	padding: 0 44px 0 44px;
	*width: 898px;
	position: relative;
}

#content .newsbox-wrapper-seriechaine,
#content .newsbox-wrapper-seriecommandite,
#content .newsbox-wrapper-emissioncommandite,
#content .newsbox-wrapper-serie,
#content .newsbox-wrapper-episode,
#content .newsbox-wrapper-film,
#content .newsbox-wrapper-emission,
#content .newsbox-wrapper-musique {
	width: 898px;
	margin: 24px 0 0px 12px;
}

#content-wrapper .serie-avec-chaine .newsbox-wrapper-seriechaine {
	margin-left: 0px;
}

#content .newsbox-wrapper-connexion {
	margin-left: -30px;
}

#content .newsbox,
#content-wrapper .newsbox {
	background: url('/illicoweb/static/webtv/images/newsbox-gradient-bg.gif') repeat-x;
	overflow: hidden;
	position: relative;
}

#content .newsbox-logo,
#content .newsbox-logo-fr,
#content .newsbox-logo-en {
	background: url('/illicoweb/static/webtv/images/newsbox/logo.jpg') no-repeat;
	float: left;
	width: 162px;
	min-height: 90px;
	/*z-index: 1;*/
}

#content .newsbox-logo-fr {
	background: url('/illicoweb/static/webtv/images/newsbox/logo-fr.jpg') no-repeat;
}

#content .newsbox-logo-en {
	background: url('/illicoweb/static/webtv/images/newsbox/logo-en.jpg') no-repeat;
}

#content .newsbox .newsbox-close{
	position: absolute;
	top: -4px;
	right: 0px;
	background: url('/illicoweb/static/webtv/images/newsbox/close-fr.jpg') no-repeat;
	width: 70px;
	height: 20px;
	cursor: pointer;
}

#content .newsbox-en .newsbox-close{
	background: url('/illicoweb/static/webtv/images/newsbox/close-en.jpg') no-repeat;
}

#content .newsbox #newsbox-learn-more-left{
	position: absolute;
	top: 82px;
	left: 32px;
}

#content .newsbox #newsbox-learn-more-right{
	position: absolute;
	bottom: 0px;
	right: 10px;

}
#content .newsbox #newsbox-learn-more-left a span,
#content .newsbox #newsbox-learn-more-right a span {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

#content .newsbox #newsbox-learn-more-left a:hover,
#content .newsbox #newsbox-learn-more-right a:hover {
	text-decoration: underline;
	color: #000;
}
#content .newsbox #newsbox-button,
#content-wrapper .newsbox #newsbox-button {
	background: url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') left -1450px repeat-x;
	height: 16px;
	padding: 4px 12px 4px 12px;
	margin: 4px 12px 12px 0;
	text-transform: uppercase;
	float: left;
	display: inline-block;
}

.ie7 #content .newsbox #newsbox-button,
.ie7 #content-wrapper .newsbox #newsbox-button {
	zoom:1;
	display:inline;
}

#content .newsbox #newsbox-button a span,
#content-wrapper .newsbox #newsbox-button a span  {
	color: #e9e9e9;
	font-weight: bold;
	text-decoration: none;
}

#content .newsbox #newsbox-button a:hover,
#content-wrapper .newsbox #newsbox-button a:hover  {
	color: #fff;
	text-decoration: none;
}

#content .newsbox #newsbox-button:hover,
#content-wrapper .newsbox #newsbox-button:hover {
	background: url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') left -1480px repeat-x;
	cursor: pointer;
}

#content .newsbox .newsbox-content {
	float: left;
	padding:16px 0 10px 20px;
	*padding:0 0 10px 26px;
	width: 320px;
}

#content .newsbox-wrapper-accueilfilms .newsbox .newsbox-content {
	width: 360px;
}

#content .newsbox-wrapper-chaine  {
	width: 900px;
	margin-left: 10px;
}

#content .newsbox-wrapper-chaine .newsbox .newsbox-content,
#content .newsbox-wrapper-chainegalaxie .newsbox .newsbox-content,
#content .newsbox-wrapper-seriechaine .newsbox .newsbox-content,
#content .newsbox-wrapper-serie .newsbox .newsbox-content,
#content .newsbox-wrapper-seriecommandite .newsbox .newsbox-content,
#content .newsbox-wrapper-emissioncommandite .newsbox .newsbox-content,
#content .newsbox-wrapper-epsiode .newsbox .newsbox-content,
#content .newsbox-wrapper-film .newsbox .newsbox-content,
#content .newsbox-wrapper-emission .newsbox .newsbox-content,
#content .newsbox-wrapper-musique .newsbox .newsbox-content {
	width: 640px;
}

#content .newsbox-wrapper-accueilchaines .newsbox .newsbox-content,
#content .newsbox-wrapper-episode .newsbox .newsbox-content {
	width: 560px;
	padding: 18px 30px 0 40px;
	*padding-top: 0px;
}

#content .newsbox-wrapper-accueilillicoselection .newsbox-content{
	width: 340px;
}

#content .newsbox-wrapper-accueilmusique .newsbox .newsbox-content {
	width: 444px;
	margin-top: 4px;
}

#content .newsbox-wrapper-accueilmusique .newsbox-en .newsbox-content {
	margin-top: 10px;
}

#content .newsbox .newsbox-title{
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 18px;
	line-height : 16px;
	*line-height : 8px;
	text-transform  : uppercase;
	*margin-top: 16px;
	color: #000;
}

#content .newsbox .newsbox-text{
	display: block;
	margin-bottom: 4px;
	line-height: 16px;
	float: left;
}

#content-wrapper .enp-notele .newsbox-wrapper{
	margin: 18px 41px 10px 12px;
}

#content-wrapper .enp-notele .newsbox-wrapper .newsbox .newsbox-content{
	width: 580px;
	padding-left: 50px;
}

#content .newsbox-wrapper-accueilchaines .newsbox-content{
	padding-top: 26px !important;
}

#content .newsbox-wrapper-accueilmusique .newsbox-text {
	width: 340px;
}

#content .newsbox-wrapper-moncompte .newsbox-content {
	width: 450px;
}

#content .newsbox-wrapper-moncompte .newsbox-text {
	width: 235px;
}

#content .dispo-vsd {
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat left -2240px; 
	padding-left: 70px;
	min-height: 50px;
	margin: 30px 0;
}

#content .dispo-vsd-about {
	margin: 0px 0 14px 0;
}

#content .dispo-vsd .dispo-vsd-con {
	margin-top: 26px;
	*margin-top: 0px;
	padding-top: 2px;
}

#content .dispo-chaines {
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat left -2332px;
	padding: 8px 0 0 70px;
	min-height: 50px;
	margin-bottom: 20px;
}

#content .propos-club-illico{
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat left -5192px;
	margin-bottom:30px;
	padding:8px 0 0 70px;
}

#content .inscription-box {
	width: 100%;
	overflow: hidden;
	padding: 0px 10px 0 20px;
	background: url('/illicoweb/static/webtv/images/still-generique.jpg') no-repeat left -50px;
	margin: 46px 0;
	*margin-top: 42px;
}

#menu-col.has-newsbox {
	margin-top: 6px;
}


/* MODEL LOGIN */

#new-client-box,
#login-form-client{
	float: left;
}

#login-form-client{
	width: 42%;
}

#new-client-box{
	width:48%;
}

/* lec: no longer required
.ie7 #new-client-box,
.ie7 #login-form-client{
	width: 44%;
}
*/

#new-client-box{
	background: url("/illicoweb/static/webtv/images/sprites/sprites.png") no-repeat scroll -150px -836px transparent;
	padding-left: 10%;
	min-height: 380px;
}

:lang(en) #new-client-box{
	background: url("/illicoweb/static/webtv/images/sprites/sprites.png") no-repeat scroll -150px -1485px transparent;
}

#new-client-box .tel{
	background: url('/illicoweb/static/webtv/images/sprites/sprites.png') no-repeat -150px -1298px transparent; 
	font: normal 2.4em/2.6em "BlenderProBold", Arial, sans-serif;
	color: #fff;
	padding-left: 68px;
}

.ie7 #new-client-box .tel{
	background: url('/illicoweb/static/webtv/images/sprites/sprites.png') no-repeat -107px -1298px transparent; 
}

#login-form-client .login-box-conn{
    width: auto;
}

.modalbox-inner form label{
	display:block;
	color:#EEEEEE;
	margin-bottom:10px;
	/*font-size:0.9em;*/
	font-weight:bold;
	margin-bottom: 6px;
	text-shadow : 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.modalbox-inner .eula-modalites{
	background-color: #181818;
    border: 1px solid #111;
    margin: 20px 0;
    padding: 10px 10px 0;
}

.modalbox-inner .eula-modalites > h6{
	color:#fff;
	margin-bottom:5px;
}

.modalbox-inner .eula-modalites > p > a{
	text-decoration:underline;
}

.modalbox-inner .eula-modalites > p > a:hover{
	text-decoration:none;
	color:#989898;
}

.modalbox-inner ul.login-box-conn{
	margin-bottom:12px;
}
.modalbox-inner ul.login-box-conn li{
	margin-bottom:5px;
}

#block-right{
	float: right; 
	padding: 14px 20px 0;
    width: 36%; 
	color:#777;  
	border: 1px solid #666;
    
    /*CSS3 properties*/
   background-color: rgba(0,0,0,0.1);
   /*text-shadow: 1px 1px 1px #666;*/
   
   -webkit-box-shadow: 0px 0px 10px #666;
   -moz-box-shadow: 0px 0px 10px #666;
   box-shadow:0px 0px 10px #666;
			
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	border-radius: 10px;    
}

#login-inscription-box{
	border-bottom:1px solid #555;
	padding-bottom:20px;
}

#element-chat-rep {
    background: url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0 -3220px transparent;
    padding-left: 50px;
}

#element-chat-rep > li {
    margin-bottom: 3px;
}

/*lec
	fix: ie7 bug - bg image of the ul gets cut when mouse hover on the a element*/
.ie7 #element-chat-rep > li{
	overflow:hidden;
} 

#element-chat-rep > li > p{
	margin-bottom:0;
}

#element-chat-rep > li > p > a {
    color: #FED602;
    text-decoration: underline;
}

#element-chat-rep > li > p > a:hover {
    text-decoration: none;
}


/*
.ie7 #login-inscription-box,
.ie8 #login-inscription-box{
   filter: dropshadow(color=#666666, offx=1, offy=1);
}
*/

ul.errors,
.modalbox-content form input[type=password],
.modalbox-content form input[type=text]{
	width:250px;
}

.modalbox-content form input[type=password],
.modalbox-content form input[type=text] {		
	background: none repeat scroll 0 0 #e4e4e4;
	border: 1px solid #16171A;
	
	/* CSS 3.0 properties */
	text-shadow : 0px -1px 1px rgba(0, 0, 0, 0.4);
	filter: dropshadow(color=#000000, offx=0, offy=-1);
}

.modalbox-content form input[type=password]:focus,
.modalbox-content form input[type=text]:focus{
		
	/* CSS 3.0 properties */		
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2);	
}

.modalbox-content form .form-checkbox input[type=checkbox]{
 	margin: 1px 6px 2px 2px;
 	margin-top: -2px\9;
 	background: transparent; 
 	border: 1px solid #16171A;
 	border: none\9;
 	height:15px;
}

.ie8 .modalbox-content form input[type=checkbox],
.ie7 .modalbox-content form input[type=checkbox]{
	border: 0px; 	
}

.modalbox-content form .form-checkbox input{
	display:inline;
	float:left;
}

.modalbox-content form .form-checkbox label{
	display: inline;
}

.modalbox-content form .form-note{
	color: #989898;
	font-size: 11px;
	margin-left:4px;
}

.ie7 .modalbox-content form .form-note{
	clear:both;
}

#login-inscription-box .information-register{
	background: transparent url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat -64px -2585px scroll;
	padding-left: 50px;
	font-size:14px;	
}

.modalbox-content form .subscriber-link{
    padding: 4px 0 6px 15px;
	display:inline;
	font-weight: bold;
	font-size: inherit;
	color:#F6D330;
}

.modalbox-inner .errors{
	background: url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') repeat-x 0 -1550px scroll;
	list-style: none;
	padding:0px 4px 0px;	
}

.modalbox-inner p.errors,
.modalbox-inner .errors li{
	color: #fff !important;
	padding: 0px 4px 0 4px;
	height:28px;
	font-weight: bold;
	text-align:center;
	line-height:28px;
	text-shadow: black 0.1em 0.1em 0.2em;
}

/* added by jfstgermain */
.modalbox-inner .errors li a {
	color: #fff !important;
	text-decoration: underline;
}

 /* #identification-box */

#identification-box {
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat 15px -2810px #6e6e6e; 
	color: #fff;
	width: 646px;
	height:64px;
}

#identification-box .identification-text {
	padding: 10px 10px 0px 75px;
	margin-bottom: 0px;
}

#identification-box .connexion-link {
	padding: 6px 30px 0 75px;
	float: left;
}

#identification-box .register-link {
	padding-top: 6px;
}
 /* REQUIRED BUTTON STYLES: */

a.black-gray-btn, 
a.gray-mid-btn,  
a.yellow-mid-btn{
	display:table;
}

a.black-gray-btn, 
button.black-gray-btn, 
a.gray-mid-btn, 		
button.gray-mid-btn,
a.yellow-mid-btn, 		
button.yellow-mid-btn { 
	border: 0; 
	cursor: pointer;
	overflow: hidden;
	position:relative;
	width:auto;
	border-radius:1px;

}

a.gray-mid-btn, 		
button.gray-mid-btn,
a.yellow-mid-btn, 		
button.yellow-mid-btn { 
	/* css3 property */
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 2px 0 rgba(0, 0, 0, 0.2);

}

a.gray-mid-btn,
button.gray-mid-btn{
	border: 1px solid #333;
}

a.yellow-mid-btn
button.yellow-mid-btn{
	border: 1px solid #fecf02;	
}

a.black-gray-btn, 
button.black-gray-btn{
	border: 1px solid #2a2929;	
}

.ie7 a.black-gray-btn, 
.ie7 a.gray-mid-btn,
.ie7 a.yellow-mid-btn{
	display: inline;
	zoom:1; /* for hasLayout*/
}

.ie8 button.black-gray-btn, 
.ie8 button.gray-mid-btn,
.ie8 button.yellow-mid-btn,
.ie7 button.gray-mid-btn,
.ie7 button.yellow-mid-btn,
.ie7 button .black-gray-btn {
	overflow:visible; /* remove extra padding */
	width:1;
	border:0;
}

.ie7 a.yellow-mid-btn,
.ie7 button.yellow-mid-btn{
	padding-top:3px;
}

button.black-gray-btn::-moz-focus-inner,
button.gray-mid-btn::-moz-focus-inner,
button.yellow-mid-btn::-moz-focus-inner{
	padding:0px;
	margin:0px;
	border: none;
}

button.black-gray-btn:focus,
button.gray-mid-btn:focus,
button.yellow-mid-btn:focus{
	padding:0px;
	margin:0px;	
	
	/* CSS3 properties */
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2);	
}

a.black-gray-btn span,
button.black-gray-btn span,
a.gray-mid-btn span,
button.gray-mid-btn span,
a.yellow-mid-btn span,
button.yellow-mid-btn span { 
	position: relative;
	display: table-cell; 
	white-space: nowrap;
	height:auto;
	padding:0px 30px;
	font-size:20px;
	text-transform: uppercase;
	vertical-align: middle;
	text-align:center;
}

a.black-gray-btn span,
button.black-gray-btn span{
	font: normal 18px/23px "BlenderProMedium", Arial, sans-serif;
	text-transform:none;
}

a.black-gray-btn span.telephone-icons,
button.black-gray-btn span.telephone-icons{	
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat 6px -2898px transparent;
	height:25px;
	padding:1px 10px 0 32px;
	display:block;
}

/*lec: no longer required
.ie7 a.black-gray-btn span,
.ie7 button.black-gray-btn span,
.ie7 a.gray-mid-btn span,
.ie7 button.gray-mid-btn span,
.ie7 a.yellow-mid-btn span,
.ie7 button.yellow-mid-btn span{	
	display:inline;
	zoom:1;
	margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt
    ((this.parentNode.offsetHeight - this.offsetHeight)/2)+"px":"0");
}
*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
   /* Safari and Google Chrome only - fix margins */
   a.gray-big-btn span {
      margin-top: 0px;
   }
 }


/* Les styles optionales pour applique un look and fell personalisé */
a.black-gray-btn,
button.black-gray-btn,		
a.gray-mid-btn,
button.gray-mid-btn,
a.yellow-mid-btn,
button.yellow-mid-btn { 
	padding:0px;
	text-align:left;
	height:32px;
	background:url("/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif") repeat-x scroll transparent !important;	
}

a.black-gray-btn,
a.gray-mid-btn,
a.yellow-mid-btn{
	text-decoration: none !important; 
}
		
a.yellow-mid-btn span,	
button.yellow-mid-btn span{ 	
	color: #000000; 
}

a.black-gray-btn,
button.black-gray-btn,	
a.gray-mid-btn span,	
button.gray-mid-btn span{
	color: #FFFFFF !important;
}

a.black-gray-btn,
button.black-gray-btn{
	background-position: 0 -1654px !important;
}

#new-client-box .black-gray-btn {
	height:28px !important;
}
	
a.gray-mid-btn,
button.gray-mid-btn { 	
	background-position: 0 -1650px !important;
}

a.yellow-mid-btn,
button.yellow-mid-btn { 
	background-position: 0 -1600px !important;
}

/* Evenement hover */
a.gray-mid-btn:hover, a.gray-mid-btnHover,	
button.gray-mid-btn:hover, button.gray-mid-btnHover { 
	background-position: 0 -1700px; 
}

.ie7 a.gray-mid-btn:hover, a.gray-mid-btnHover,	
.ie7 button.gray-mid-btn:hover, button.gray-mid-btnHover { 
	/*background-position: 0 -221px !important;*/ 
}

a.gray-mid-btn:hover span, a.gray-mid-btnHover span, 	
button.gray-mid-btn:hover span, button.gray-mid-btnHover span {
	/*background-position: 0 -77px;*/
}


a.black-gray-btn:hover, a.black-gray-btnHover,	
button.black-gray-btn:hover, button.black-gray-btnHover,
a.yellow-mid-btn:hover, a.yellow-mid-btnHover,	
button.yellow-mid-btn:hover, button.yellow-mid-btnHover{ 
	background-position: 0 -1700px;
}

.ie7 a.yellow-mid-btn:hover, a.yellow-mid-btnHover,	
.ie7 button.yellow-mid-btn:hover, button.yellow-mid-btnHover{ 
	/*background-position: 0 -497px;*/
}		
		
a.yellow-mid-btn:hover span, a.yellow-mid-btnHover span, 	
button.yellow-mid-btn:hover span, button.yellow-mid-btnHover span {
	/*background-position: 0px -357px;*/
}	

.en-vedette-label {
	position: absolute;
	top: 4px;
	left: 504px;
	color: #fed602;
	font-style: italic;
}	

/* debugger for mobile 
#mobileTrace{
	display: none;
	position:fixed;
	top:0;
	background-color:#aaa;
	border:2px solid green;
}

#scroller{
	display:none;
	background-color:#fff;
}
*/

/* Signaletique */

.thumb-access-forfait,
.thumb-access-prix,
.thumb-access-club,
.thumb-access-label,
.thumb-access-simple-hybrid,
.thumb-access-unite { /*Laisser cette ligne. Ne pas merger pour du vide - dec11-2012*/	
	color: #fed602 !important; 
	*min-height:16px;
}


.thumbs-big .thumb-access-forfait,
.thumbs-big .thumb-access-prix,
.thumbs-big .thumb-access-club,
.thumbs-big .thumb-access-label,
.thumbs-big .thumb-access-simple-hybrid,
.thumbs-big .thumb-access-unite {
	margin-top: 5px;
	display: block;
}

.thumbs-big .mt-channel-name{
	float:left;
}

.thumb-access-club{
	margin-left: 4px;
}


.thumb-access-play, 
.thumb-access-play-sponsor,
.thumb-access-key, 
.thumb-access-key-abo, 
.thumb-access-key-package,
.thumb-access-subscribe,
.thumb-access-channel-subscribe-text,
.thumb-access-plus  {
	float: left;
	margin: 1px 4px 0 0;
	/*margin-bottom: 3px;*/
}

.thumbs-big .thumb-access-forfait,
.thumbs-big .thumb-access-prix, 
.thumbs-big .thumb-access-play, 
.thumbs-big .thumb-access-play-sponsor,
.thumbs-big .thumb-access-key, 
.thumbs-big .thumb-access-key-abo, 
.thumbs-big .thumb-access-key-package,
.thumbs-big .thumb-access-subscribe,
.thumbs-big .thumb-access-plus  {
	margin-top: 6px;
}



.thumb-access-play-sponsor .button-text {
	display: none !important;
}

.thumb-access-play-text,
.thumb-access-subscribe-text,
.thumb-access-channel-subscribe-text,
.thumb-access-tv-subscribe-text,
.thumb-access-connect-text,
.thumb-access-play-sponsor {
	display:none !important;
}

.thumb-access-prix {
	width: auto !important;
	*line-height: 14px;
}

.thumbs-big .thumb-access-forfait,
.thumbs-big .thumb-access-forfaits,
.thumbs-big .thumb-access-prix, 
.thumbs-big .thumb-access-play, 
.thumbs-big .thumb-access-key, 
.thumbs-big .thumb-access-key-abo, 
.thumbs-big .thumb-access-key-package,
.thumbs-big .selection-icon,
.thumbs-big .selectionned-icon {
	margin-top: 6px;
}

#home .info-chaine-thumbs .thumb-access-play, 
#home .info-chaine-thumbs .thumb-access-key, 
#home .info-chaine-thumbs .thumb-access-key-abo, 
#home .info-chaine-thumbs .thumb-access-key-package {
	display: none;
}

.logo-box {
	background: #595959;
	border: solid 1px #6d6d6d;
	display: block !important; 
	height: 90px !important;
	*height: auto !important; /*span/hasLayout/href bug dans ie7*/
	padding: 6px 0 0px 10px;
}

.logo-box:hover {
	background: #797979;
	border: solid 1px #fed602;
}

a.info-chaine-thumbs:hover {
	text-decoration: none;
}

#fiche-info-box,
#access-info-box,
.fiche-info-box-CLUB,
.fiche-info-box-LOCKED_CLUB_MEMBER {
	width: 318px; 
	color: #aaa; 
	background: url('/illicoweb/static/webtv/images/signaletique/vsd-info-box-bg-middle.png') repeat-y 5px 0; 
	position: absolute; 
	left: 41px; 
	bottom: 46px;
	overflow: hidden;
}

.fiche-info-box-CLUB,
.fiche-info-box-LOCKED_CLUB_MEMBER {
	position: relative !important;
	bottom: auto !important;;
}

#fiche-info-box{ 
	background-position: -300px 0px;
}

#fiche-info-box .icon-club-m,
#fiche-info-box .icon-login{
	margin-left:26px;
	padding-left:60px;
}

#fiche-info-box .fiche-info-box-bg-top{
	margin-bottom:7px;
}

#fiche-info-box .icon-club-m > li,
#fiche-info-box .icon-login > li{
	margin-bottom:5px;
}

#fiche-info-box .icon-login .text{
	color:#aaa;
}

#fiche-info-box .style-inline > li{
	margin-right:5px;
}

#fiche-info-box .login-icon .style-inline > li:first-child{
	margin:5px 10px 0 14px;
}

#fiche-info-box h2 {
	color: #ccc;
	font-size: 18px;
	/*margin-top: 10px;*/
}

.fiche-info-box-bg-top{
	background:url('/illicoweb/static/webtv/images/signaletique/vsd-info-box-bg-top.png') no-repeat -300px 0px;
	height:10px;
}

.fiche-info-box-bg-bottom {
	background: url('/illicoweb/static/webtv/images/signaletique/vsd-info-box-bg-bottom.png') no-repeat -300px -6px;
	height:10px;
	margin-top:10px;
}



.access-info-box-bg-top{
	background: url('/illicoweb/static/webtv/images/signaletique/vsd-info-box-bg-top.png') no-repeat -28px 0; 
	width: 100%;
	height: 10px;
	margin-bottom: 5px;
}

.access-info-box-bg-bottom{
	background: url('/illicoweb/static/webtv/images/signaletique/vsd-info-box-bg-bottom.png') no-repeat -28px -6px; 
	width: 100%;
	height: 10px;
	float: left;
	bottom: 0px;
	/*margin-top: 6px;*/
	padding-top: 0px;
	margin-top: 5px;
}

#content #access-info-box {
	width: 100%;
	position: relative;
	left: 0;
	bottom: 0;
	overflow: hidden;
	top: 10px;
	margin-bottom: 20px;
}

#content #tabbed_box #access-info-box {
	background: #1d1d1d;
	margin-bottom: 12px;
}


#fiche-info-box #login-icon, 
#access-info-box #login-icon {
	width: 46px; 
	height: 32px; 
	margin: 3px 12px 12px 30px; 
	float: left;
	background: url('/illicoweb/static/webtv/images/signaletique/key.png') no-repeat;
}

#fiche-info-box #club-illico-icon, 
#access-info-box #club-illico-icon {
	width: 55px; 
	height: 52px;
	margin: 0px 12px 12px 22px; 
	float: left;
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat left -4100px;
}

#access-info-box #club-illico-icon {
	margin: 2px 12px 12px 14px;
}

#fiche-info-box #info-icon, 
#access-info-box #info-icon {
	width: 40px;
	height: 35px;
	margin: 0px 4px 0px 20px;
	float: left;
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat left -4400px;
}

#access-info-box #info-icon {
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat left -4390px;
	height: 50px;
}

#access-info-box h2 {
	margin: 0px 0 2px 0 !important;
	color: #fff;
	font-size:18px;
}

#fiche-info-box .text {
	/*margin: 0px 0 0 66px;*/
	padding-right: 5px;
}

#fiche-info-box .login-icon .text {
	padding-right: 5px;
	padding-left: 13px;
}

#access-info-box .text {
	margin: 0px 20px 0px 65px;
}

#access-info-box .yellow-btn{
	float: left;
	/*clear: left;*/
	margin: 4px 12px 0 0px;
	padding-top: 5px;
	*padding-top: 3px;
}

#access-info-box .yellow-btn {
	margin: 6px 16px 0 0px;
	*margin-top: 8px;
}

#fiche-info-box .gray-btn {
    background  : url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') repeat-x 0px -35px;
    color       : #000000;
}

#fiche-info-box .gray-btn:hover {
    background  : url('/illicoweb/static/webtv/images/sprites/repeat-x_bg.gif') repeat-x 0px -1820px;
    color       : #000000;
}

#fiche-info-box .gray-btn a {
	color: #000;
}

#fiche-info-box .player-info-dispo a {
	color: #aaa;
}


.chaine-page #access-info-box .yellow-btn {
	margin: 4px 16px 0 89px;
}

.CLUB-info-box {
	/*background: #1d1d1d !important;*/
}

.CLUB-info-box .yellow-btn {
	margin: 4px 16px 0 0px !important;
}

#fiche-info-box .yellow-btn a,
#access-info-box .yellow-btn a {
	color:#000;
}

#access-info-box a{
	text-decoration: underline;
	color: #bbb;
}

#access-info-box a:hover{
	color: #fff;
	text-decoration: underline;
}

#access-info-box .learn-more {
	float: left;
	margin-top:10px;
	*margin-top:12px;
}

.CLUB-info-box .learn-more {
	float: left;
	margin-top:8px !important;
}

#fiche-info-box .learn-more a,
#access-info-box .learn-more a {
	color:#fed602; 
	text-decoration: underline;
}

#access-info-box .learn-more a:hover{
	color:#fff;
}

.vsda-banner {
	margin-top:20px;
}


/******************** club illico plus *********************/
#club-illico li{
	vertical-align:top;
}

#club-illico > ul:first-child{
	margin-bottom:35px;
}

#club-illico > ul > li,
#club-illico ul:first-child > li.right > ul > li:first-child,
#club-illico ul:first-child > li.right > ul > li:first-child > ul > li,
#club-illico ul:first-child > li.right > ul > li:first-child > ul > li > ul > li{
	display:inline-block;
}

.club-logo{
	background:url("/illicoweb/static/webtv/images/club-illico/club-icon.png") no-repeat 0px 0px;
	padding-left: 152px;	
	min-width: 138px;
	height: 138px; /* min-heigth  do works only with display:block not table, table-row & cie*/
}

.club-illico-plus {
    background:#000000 url("/illicoweb/static/webtv/images/club-illico/bg-page-club-illico.jpg") no-repeat 50% top;
    padding-bottom:0 !important;
	padding-top:20px;
}

#club-illico > ul:first-child > li.left{
	width:408px;
	background:url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat 17px -4622px;
	margin:0 7px 0 2px;
	padding-top:32px;
}

#club-illico > ul:first-child > li.left *{
	color:#fff;
}

#club-illico > ul:first-child > li.left > h1{
	padding-left:130px;
	margin-bottom:40px;
	text-transform:uppercase;
}

#club-illico > ul:first-child > li.left > h1 > span{
	display:block;
	color:#FFD500;
}

#club-illico > ul:first-child > li.left > h1 > span:first-child{
	font-size:5em;
}

#club-illico > ul:first-child > li.left > h1 > span:last-child{
	margin:-5px 0 0 4px;
}

:lang(fr) #club-illico > ul:first-child > li.left > h1 > span:last-child{
	font-size:2.2em;
}

:lang(en) #club-illico > ul:first-child > li.left > h1 > span:last-child{
	font-size:2.3em;
}

/* ie */
.ie7 #club-illico > ul > li,
.ie7 #club-illico ul:first-child > li.right > ul > li:first-child,
.ie7 #club-illico ul:first-child > li.right > ul > li:first-child > ul > li,
.ie7 #club-illico ul:first-child > li.right > ul > li:first-child > ul > li > ul > li{
	zoom:1;
	display:inline;
}

.ie7 #club-illico > ul:first-child > li.left{
	padding-top:25px;
}

.ie7 > .lang-fr #club-illico > ul:first-child > li.left > h1 > span.last{
	font-size:2.2em;
	margin:-9px 0 0 5px;
}

.ie7 > .lang-en #club-illico > ul:first-child > li.left > h1 > span.last{
	font-size:2.3em;
	margin:-12px 0 0 3px;
}

.ie8 .lang-fr #club-illico > ul:first-child > li.left > h1 > span.last{
	font-size:2.2em;
	margin:-5px 0 0 4px;
}

.ie8 .lang-en #club-illico > ul:first-child > li.left > h1 > span.last{
	font-size:2.3em;
	margin:-5px 0 0 3px;
}


#club-illico > ul:first-child > li.left > h5{
	font:bold 34px "BlenderProBold",Arial,sans-serif;
	padding:31px 0 32px 125px;
	text-transform:uppercase;
	margin:20px 0;
}

#club-illico > ul:first-child > li.left > h6{
	position:static;
	text-transform:uppercase;
	margin-bottom:10px;
}

#club-illico > ul:first-child > li.left > p:first-letter{
	text-transform:uppercase;
}

#club-illico > ul:first-child > li.left > p{
	margin-bottom:10px;
}

#club-illico > ul:first-child > li.left > ul{
	margin-left:15px;
}

#club-illico > ul:first-child > li.left > ul > li{
	margin-bottom:5px;
	/*background:url("/illicoweb/static/webtv/images/club-illico/icon-check-yellow.png") no-repeat left top;
	padding-left:23px;*/
	list-style-type:square;
	vertical-align:baseline;
}

#club-illico > ul:first-child > li.right{
	width:492px;
	height:251px;
	background:url("/illicoweb/static/webtv/images/club-illico/bg-club-infos-yellow.jpg") no-repeat left top;
	padding:16px 25px 4px;
	margin-left:15px;
}

#club-illico > ul:first-child > li.right > h6{
	font:bold 30px "BlenderProBold",Arial,sans-serif;
	text-transform:uppercase;
	color:#000;
	position:static;
	text-align:center;
	margin-bottom:30px;
}

#club-illico > ul:first-child > li.right li,
#club-illico > ul:first-child > li.right > p{
	color:#000;
}

#club-illico > ul:first-child > li.right > ul > li:first-child{
	margin-bottom:20px;
}

#club-illico > ul:first-child > li.right > ul > li:first-child > ul > li{
	border-right:1px solid #696969;
	padding:0 13px;
	width:142px;	
}

.ie7 #club-illico > ul:first-child > li.right > ul > li:first-child > ul > li{
	width:132px;
}

.ie7 #club-illico > ul:first-child > li.right > ul > li:first-child > ul > li{
	padding:0 23px;	
}

#club-illico > ul:first-child > li.right > ul > li > ul:first-child > li:first-child{
	padding-left:0;
}

#club-illico > ul:first-child > li.right > ul > li:first-child > ul > li:last-child{
	border-right:none;
	margin-top:25px;
	padding-right:0;
	font-size:1.8em;
}

.ie7 #club-illico > ul:first-child > li.right > ul > li:first-child > ul > li.last{
	width:134px;
}

.ie7 #club-illico > ul:first-child > li.right > ul > li:first-child > ul > li.last,
.ie8 #club-illico > ul:first-child > li.right > ul > li:first-child > ul > li.last{
	border-right:none;
	margin-top:15px;
	padding-right:0;
	font-size:1.8em;
	line-height:31px;
}

#club-illico > ul:first-child > li.right > ul > li:first-child > ul:first-child > li > ul:first-child > li.price-month{
	margin-top:16px;
	font:bold 33px "BlenderProBold",Arial,sans-serif;
}

.ie7 #club-illico > ul:first-child > li.right > ul > li:first-child > ul:first-child > li:first-child > ul:first-child > li.price-month,
.ie8 #club-illico > ul:first-child > li.right > ul > li:first-child > ul:first-child > li:first-child > ul:first-child > li.price-month{
	margin-top:15px;
}
#club-illico > ul:first-child > li.right > ul > li:first-child > ul:first-child > li > ul:first-child > li.price-month > span{
	text-align: left;
}

#club-illico > ul:first-child > li.right > ul > li:first-child > ul:first-child > li > ul:first-child > li.price-month > span.month{
	font-size:.7em;
	margin-top:-3px;/*hack to fit the txt and all - requested by mkt as in wireframe*/
}

#club-illico > ul:first-child > li.right > ul > li:first-child > ul:first-child > li > ul:first-child > li.font-xsmall{
	margin-top:19px;
	margin-left:-7px;/*hack to move the txt closer to the number - requested by mkt as in wireframe*/
}

.ie7 #club-illico > ul:first-child > li.right > ul > li:first-child > ul:first-child > li > ul:first-child > li.font-xsmall,
.ie8 #club-illico > ul:first-child > li.right > ul > li:first-child > ul:first-child > li > ul:first-child > li.font-xsmall{
	margin-top:18px;
}

#club-illico > ul:first-child > li.right li span{
	display:block;
}

#club-illico > ul:first-child > li.right li a.btn-grey-rt-small > span{
	font-weight:bold;
	color:#000;
}

#club-illico > ul:first-child > li.right ul.btns > li:first-child > a.btn-darkgray-big > span{
	font:bold 25px "BlenderProBold",Arial,sans-serif;
	color:#fff;
	text-transform:uppercase;
}

#club-illico > ul:first-child > li.right > ul > li > ul.btns > li{
	border:none;
	margin-top:0;
	padding:0;
	display:inline-block;
}

.ie7 #club-illico > ul:first-child > li.right ul.btns > li{
	zoom:1;
	display:inline;
}

#club-illico > ul:first-child > li.right ul.btns > li.member{
	float:left;
}

#club-illico > ul:first-child > li.right ul.btns > li.membered{
	float:right;
}

#club-illico > ul:first-child > li.right ul.btns > li > a{
	display:inline-block;
}

.ie7 #club-illico > ul:first-child > li.right ul.btns > li > a{
	zoom:1;
	display:inline;
}

#club-illico > ul:first-child > li.right ul.btns > li > a:hover{
	text-decoration:none;
}

#club-illico > ul:first-child > li.right ul.btns > li > a.btn-darkgray-big{
	padding-right:25px;
}

#club-illico > ul:first-child > li.right ul.btns > li > a.btn-darkgray-big > span{
	padding:12px 0 18px 25px;
}

#club-illico > ul:first-child > li.right ul.btns > li > p:first-child{
	margin-bottom:9px;
	color:#000;
}

#club-illico > ul.middle{
	padding-bottom:40px;
	background-repeat:no-repeat;
	background-position:-22px top;
	background-color:transparent;
}
/*
:lang(fr) #club-illico > ul.middle{
	background-image:url("/illicoweb/static/webtv/images/club-illico/offre-items_fr.png");
}

.ie7 .lang-fr #club-illico > ul.middle,
.ie8 .lang-fr #club-illico > ul.middle{
	background-image:url("/illicoweb/static/webtv/images/club-illico/offre-items_fr.png");
}

:lang(en) #club-illico > ul.middle{
	background-image:url("/illicoweb/static/webtv/images/club-illico/offre-items_en.png");
}

.ie7 .lang-en #club-illico > ul.middle,
.ie8 .lang-en #club-illico > ul.middle{
	background-image:url("/illicoweb/static/webtv/images/club-illico/offre-items_en.png");
}
*/
#club-illico > ul.middle > li{
	width:296px;
	padding:150px 20px 0;
	color:#fff;
}

.ie7 #club-illico > ul.middle > li,
.ie8 #club-illico > ul.middle > li{
	background:url("/illicoweb/static/webtv/images/club-illico/offre-item2.png") no-repeat left 18px;
}

#club-illico > ul.middle > li:first-child{
	padding-left:0;
	background:url("/illicoweb/static/webtv/images/club-illico/offre-item1.png") no-repeat -11px 11px;
}

#club-illico > ul.middle > li:nth-child(2){
	background:url("/illicoweb/static/webtv/images/club-illico/offre-item2.png") no-repeat left 18px;
}

#club-illico > ul.middle > li:last-child{
	padding-right:0;
	background:url("/illicoweb/static/webtv/images/club-illico/offre-item3.png") no-repeat 10px 5px;
}

.ie7 #club-illico > ul.middle > li.last,
.ie8 #club-illico > ul.middle > li.last{
	padding-right:0;
	background:url("/illicoweb/static/webtv/images/club-illico/offre-item3.png") no-repeat 10px 5px;
}

#club-illico > ul.middle > li > h5{
	font:bold 22px "BlenderProBold",Arial,sans-serif;
	margin-bottom:10px;
	text-transform:uppercase;
}

#club-illico > ul.middle > li > p{
	margin-bottom:25px;
	color:#fff;
}

#club-illico > ul.middle > li > p:first-letter{
	text-transform:uppercase;
}

#club-illico > ul.middle > li > a{
	color:#FED602;
	text-decoration:underline;
}

#club-illico > ul.middle > li > a:hover,
#content-footer-wrapper a:hover{
	text-decoration:none;
	*cursor:pointer;
}

.ie7 #club-illico > ul.middle > li > a{
	padding-top:0;
}

#club-illico .font-large{
	font:bold 100px "BlenderProBold",Arial,sans-serif;
}

#club-illico .font-medium{
	font:normal 3.1em "BlenderProBold",Arial,sans-serif;
}

#club-illico .font-small{
	font:bold 34px "BlenderProBold",Arial,sans-serif;	
}

#club-illico .font-xsmall{
	font:bold 21px "BlenderProBold",Arial,sans-serif;	
}

#club-illico .font-xxsmall{
	font:bold 19px "BlenderProBold",Arial,sans-serif;	
}

#club-illico .font-smaller{
	font-size:.8em;
}

#club-illico .font-xsmaller{
	font-size:.4em;
}

#club-illico .uppercased{
	text-transform:uppercase;
}

#club-illico .list-border-rt{
	border-right:1px solid #696969;
}


/********* strip bg ***********/
#bg-strip{
	min-height:117px;
}

#bg-strip > div,
#bg-strip > h1{
	width:900px;
	margin:0 auto;
}

#bg-strip > h1{
	text-indent:-9999px;
	font-size:inherit;
	min-height:117px;
}

:lang(fr) #bg-strip > h1{
	background:url("/illicoweb/static/webtv/images/club-illico/club-icon-fr.png") no-repeat left 27px;
}

:lang(en) #bg-strip > h1{
	background:url("/illicoweb/static/webtv/images/club-illico/club-icon-en.png") no-repeat left 27px;
}

.ie7 .lang-fr #bg-strip > h1{
	background:url("/illicoweb/static/webtv/images/club-illico/club-icon-fr.png") no-repeat left 27px;
}

.ie7 .lang-en #bg-strip > h1{
	background:url("/illicoweb/static/webtv/images/club-illico/club-icon-en.png") no-repeat left 27px;
}

#bg-strip > h1 > span{
	display:block;
}

#bg-strip > h1 > span:first-child{
	font-size:4.5em;
}

#bg-strip > h1 > span:last-child{
	font-size:2em;
	margin-top:-5px;
}

:lang(fr) #bg-strip > h1 > span:last-child{
	padding-left:2px;
}

:lang(en) #bg-strip > h1 > span:last-child{
	padding-left:5px;
}


/* ie */
.ie7 #club-illico ul.top li.left{
	padding-top:25px;
}

.ie7 > .lang-fr #club-illico ul.top li.left > h1 > span.last{
	font-size:2.2em;
	padding-left:5px;
	margin-top:-9px;
}

.ie7 > .lang-en #club-illico ul.top li.left > h1 > span.last{
	font-size:2.3em;
	padding-left:3px;
	margin-top:-12px;
}

.ie8 .lang-fr #club-illico ul.top li.left > h1 > span.last{
	font-size:2.2em;
	padding-left:4px;
	margin-top:-5px;
}

.ie8 .lang-en #club-illico ul.top li.left > h1 > span.last{
	font-size:2.3em;
	padding-left:3px;
	margin-top:-5px;
}

.ie7 .lang-fr #bg-strip > h1 > span.last{
	font-size:2em;
	margin:-12px 0 0 4px;
}

.ie7 .lang-en #bg-strip > h1 > span.last{
	font-size:2.1em;
	margin:-14px 0 0 4px;
}

.ie8 .lang-fr #bg-strip > h1 > span.last{
	font-size:2em;
	margin:-5px 0 0 4px;
}

.ie8 .lang-en #bg-strip > h1 > span.last{
	font-size:2.1em;
	margin:-7px 0 0 4px;
}


/******** btns *******/
.btn-yellow-rt-big{
	padding:0 25px 12px 0;
	background:url("/illicoweb/static/webtv/images/club-illico/btn-yellow-rt-big.png") no-repeat right top;
}

.btn-yellow-rt-big:hover{
	text-decoration:none;
	background:url("/illicoweb/static/webtv/images/club-illico/btn-yellow-rt-big-over.png") no-repeat right top;
	*cursor:pointer;
}

.btn-yellow-rt-big span{
	padding:12px 0 0 25px;
	background:url("/illicoweb/static/webtv/images/club-illico/btn-yellow-lt-big.png") no-repeat left top;
}

.btn-yellow-rt-big:hover span{
	background:url("/illicoweb/static/webtv/images/club-illico/btn-yellow-lt-big-over.png") no-repeat left top;
}

.btn-darkgray-big{
	background:url("/illicoweb/static/webtv/images/club-illico/btns-lt-rt.png") no-repeat right -60px;
}

.btn-darkgray-big span{
	background:url("/illicoweb/static/webtv/images/club-illico/btns-lt-rt.png") no-repeat left top;
}
.btn-darkgray-big:hover{
	background-position:right -180px;
}

.btn-darkgray-big:hover span{
	background-position:left -120px;
}

.btn-grey-rt-small{
	padding:0 15px 6px 0;
	background:url("/illicoweb/static/webtv/images/club-illico/btn-grey-rt-small.png") no-repeat right top;
}

.btn-grey-rt-small:hover{
	background:url("/illicoweb/static/webtv/images/club-illico/btn-grey-rt-small-over.png") no-repeat right top;
	*cursor:pointer;
}

.btn-grey-rt-small span{
	padding:5px 0 0 15px;
	background:url("/illicoweb/static/webtv/images/club-illico/btn-grey-lt-small.png") no-repeat left top;
}

.btn-grey-rt-small:hover span{
	background:url("/illicoweb/static/webtv/images/club-illico/btn-grey-lt-small-over.png") no-repeat left top;
}

.btn-yellow-rt-small{
	padding:6px 15px 5px 0;
	background:url("/illicoweb/static/webtv/images/club-illico/btn-yellow-rt-small.png") no-repeat right top;
	display:inline;
}

.btn-yellow-rt-small:hover{
	text-decoration:none;
	background:url("/illicoweb/static/webtv/images/club-illico/btn-yellow-rt-small-over.png") no-repeat right top;
	*cursor:pointer;
}

.btn-yellow-rt-small span{
	padding:5px 0 5px 15px;
	background:url("/illicoweb/static/webtv/images/club-illico/btn-yellow-lt-small.png") no-repeat left top;
}

.btn-yellow-rt-small:hover span{
	background:url("/illicoweb/static/webtv/images/club-illico/btn-yellow-lt-small-over.png") no-repeat left top;
}



#content-footer-wrapper{
	float:left;
	width:100%;
	background: #424242 url("/illicoweb/static/webtv/images/club-illico/bg-gradient-gray.png") repeat-x left top;
}

#content-footer-wrapper > div{
	width:904px;
	margin:0 auto 40px;
}

#content-footer-wrapper > div > ul{
	background:url("/illicoweb/static/webtv/images/club-illico/bg-content-footer-wrapper.png") no-repeat center bottom;
	padding:40px 0;
	margin-bottom:10px;
	clear:both;
}

#content-footer-wrapper > div > ul > li{
	width:205px;
	display:inline-block;
	padding:5px 35px;
	border-right:1px solid #696969;
	vertical-align:top;
	min-height:120px;
}

.ie7 #content-footer-wrapper > div > ul > li{
	zoom:1;
	display:inline;
}

#content-footer-wrapper > div > ul > li:first-child{
	background:url("/illicoweb/static/webtv/images/club-illico/logo-videotron-cube.png") no-repeat left top;
	padding:0 25px 0 140px;
}

#content-footer-wrapper > div > ul > li:last-child{
	padding-right:0;
	border-right:none;
}

.ie7 #content-footer-wrapper > div > ul > li.last,
.ie8 #content-footer-wrapper > div > ul > li.last{
	padding-right:0;
	border-right:none;
}

#content-footer-wrapper h6{
	color:#fff;
	position:static;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}

#content-footer-wrapper p{
	margin-bottom:10px;
}

#content-footer-wrapper > div > p{
	font-size:.8em;
}

#content-footer-wrapper > div > p > a{
	color:#A9A9A9;
	text-decoration:underline;
	font-style:italic;
}

#content-footer-wrapper > div > p > a:visited{
	color:#777;
}

.thumbnail-item{
	display:inline-block;
}

.thumbnail-item > ul {
	position:relative;
}

.thumbnail-item > ul > li:first-child{
	width:144px;
	height:108px;
}

.thumbnail-item > ul > li > a{
	display:block;
}

.thumbnail-item > ul > li > a > img{
	display:block;
	width:144px;
	height:108px;
	margin-bottom:5px;
}

.thumbnail-item > ul > li > a > span.last-chance{
	padding:6px 0;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	margin-top:80px;
	display:block;
	font-weight:bold;
	width:144px;
}



/********************************************
SECTION AIDE
*********************************************/
.section-aide a{
	text-decoration:underline;
	color:#666;
}

.section-aide a:hover{
	text-decoration:none;
	color:#666;
}

.section-aide li{
	line-height:1.5em;
}

.section-aide table{
	margin-bottom:10px;
}

.section-aide table,
.section-aide th,
.section-aide td{
	border:1px solid #555;
}

.section-aide th{
	background-color:#ccc;
}

.section-aide th,
.section-aide td{
	padding:5px 10px;
}

.section-aide > .hgroup{
	border:1px solid #ccc;
	padding:15px 15px 10px;
}

.section-aide > .hgroup > ol > li{
	margin-bottom:5px;
}

.section-aide > .hgroup > ol > li > a{
	text-decoration:none;
}

.section-aide > .hgroup > ol > li > a:hover{
	text-decoration:underline;
}

.section-aide  > h1{
	padding-bottom:10px;
}

.section-aide > a.haut-page{
	float:right;
	margin:0 10px 10px;
}

.section-aide  > .hgroup,
.section-aide > .section{
	margin-bottom:20px;
	clear:both;
}

.section-aide  > .hgroup > ol{
	list-style-type:decimal;
	margin-left:20px;
}

.section-aide > .section > ul {
	margin:0 0 15px 35px;
}

.section-aide > .section > ul > li{
	margin-bottom:7px;
}

.section-aide > .section > ul > li:first-child{
	font-weight:bold;
	list-style-type:square;
}

.section-aide > .section > ul > li > ul > li{
	background:url(/illicoweb/static/webtv/images/bullet-gray.png) no-repeat left top;
	padding-left:15px;
	margin-bottom:5px;
}
	
/********************************************
COMMON CLASS
*********************************************/
.border-top{
	border-top:1px solid #aaa;
}

.border-bottom{
	border-bottom:1px solid #aaa;
}

.style1{
	font-weight:bold;
}

.style2{
	font-style:italic;
}

a.txt-decor-none{
	text-decoration:none;
}

.style-inline > li{
	display:inline-block;
}

.ie7 .style-inline > li{
	display:inline;
	zoom:1;
}

.gray-bold-underlined{
	color:#aaa !important; /*lec: important property is only temp until fixing the a:link...*/
	font-weight:bold;
	text-decoration:underline !important; /*lec: important property is only temp until fixing the a:link...*/
}

.gray-bold-underlined:hover{
	text-decoration:none !important; /*lec: important property is only temp until fixing the a:link...*/
}

.yellow-underlined{
	color:#fed602 !important; /*lec: important property is only temp until fixing the a:link...*/
	text-decoration:underline !important; /*lec: important property is only temp until fixing the a:link...*/
}

.yellow-underlined:hover{
	text-decoration:none !important; /*lec: important property is only temp until fixing the a:link...*/
}

.q-mark{
	background:url("/illicoweb/static/webtv/images/sprites/icons.png") no-repeat scroll 0 -280px transparent;
	width:15px;
	height:15px;
	display:block;
}

.icon-club-m{
	background: url('/illicoweb/static/webtv/images/sprites/icons.png') no-repeat left -4100px;
}

.icon-login{
	background:url("/illicoweb/static/webtv/images/signaletique/key.png") no-repeat left top;
}

/********************************************
FACEBOOK LIKE 
*********************************************/
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
   	top: 19px !important;
   	left: -206px !important;
}

#fb-root {
	left: 0px;
}
.fb-reset {
	left: 0px;
}


a.locked-account:link,
a.locked-account:hover,
a.locked-account:visited {
    color: #fed602;
    text-decoration:underline;
}

/*******************************************
PLAYER AIR
********************************************/
#player-air {
	background:url("/illicoweb/static/webtv/images/bg-player.jpg") no-repeat scroll left top #000000;
	height:315px;
	width:560px;
	display:table-cell;
	vertical-align:middle;
}
		
#player-air > .notice{
    background-color:rgba(0,0,0,0.5);
    width:560px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    /*height and min-height: hack to get the element center vertically (display:table-cell) with a minimum height*/
    height:125px;
    min-height:125px;
}

#player-air > .notice > a{
	text-decoration:none;
	color:#fff;
	display:inline-block;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;	
}

#player-air > .notice > a#play-air-btn{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAwCAYAAAC7d5yRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABLBJREFUeNrsm39oW1UUx7/35SVNmmZdupVBcYgOhz835xSkE9YOLO0KMhDmZmX7Q1R0DgVlKLgxdSpO0T+qbkPFdb9QVPxj3R+B4qoUnasoGxvaiXa2Zpp2y9aa5vfL897kvuTlpYlVWO5L8g58afJK8w6fnHPuOa/3EhSaxGXTib0nqG5TqVJUik4prqwRw2sGx77lkY4F259ds6fBFVrtlKc8hKRQC6aqEqKJxqlQpGHwwUcPPvbl12en6eUEh6fqgbGfMpXz074tq9a2u79w2kNO1LBF4p7w0YHp+zY+vOc7+jZGlWTQNGAMlqtjzS0tn3/Yebq+LuyAZZiJuiOt3R/fduanPwL0bZRB0+qVncrz1ktd79bXzTgy0WfJ7Qy5juzb0MvYcEaSzIGx9PM2N8Vaeapaxm3RwlgbY8MjLCHzQl9P1eT1RF0Wr3xz18VYMDVRXaEKa8DYxUabZNEyGiHpOj+PM7JpwOoYTBUpi5DBUmo6iNxUDn0Nk9NFTbUibJbmDLzgyxowkmtarQibfQDITjpE1jWuBKoYYHsPnsPtN3tx98pms0aYFlRpcvqMFaJxfwir7/fh1d7TwnworfxBO5+mICmKih27T+HeBwbw10REqC8FKgpM2DeYc+r4NwGs6DgG36C/EiJMESNDtzx5KYbuTV/huVd+RDyeEOdX1r+iwFKCNHs78+a+EVrbjmN07G+BvpWIMNa4ilHx/m/4VBArOgfwSf+YMP/0JhdEmLhep6iFZpLoeXKY1rUA3nl5GVxOW7nbimJFXxGkuU0YBz4bw53dgzgzcqXM/lVIDZvNzv0WQuu6IbzXNyqkhskFq6SYEfe/PT6OKnhq51naglzEB7tvRaNHLltK5t1JvewTwyv6//7s6EAAh44E8MT6q8grZisVYZUzErfQsfOjF4H2u66y34bPlirx+cHae2i7cZjDKvMKbo4Im+N9HXbgta3A1g1l9Ndwj4pJyaXXAod3AcuXltnPSkzJni7gRB+HJdhMnZINLqB3WwaYMP9KpqSJ7I4bMym45Bpz+WXKGvb0RmDX45kiL9ynUhEmOiOb5wPvvwB0rTLP96eatYa1raSN6I5MQ2qq1dqMq2RPJ+Dr5bBMZ6r5gN10XeVMGRU7S4pOyfSGqJQFrMCSCsnDJiO3gyzlD9iweJFiUdJZIJgGlv1/oITczuGE76S138lo/UMkzYYzygJjm17D2/cmg39eIhYlbv5JgtcPKJP0ZYQqzqBJnBx75jkVnFK/X/88wfkLpOa3uP4yTrBuGwFl8i1jwxkp2vNXG69nF/2Tavv+fjjdLgnz3MDC+bUVVT//TrD/mISHdqrwT6hBeultqvNUlxk0gtymYLaPczFVG9UzVAvYB7jpb5bdQKq669CK0A8jKmLx7OUJqjeohqjG9cC0EyBsYzDbLdxCtYRqM9VyNuLVWOliNWuY6hDVKNUFDovVMcV4EsSFzAZYL48wL4+86znUal0RWPKwkx6/cjhMQa5pXr/yToJAF2kODq6ei6WrHblDWtVoWmsV53DCXFFtdYThrJEemlbXZJ2q/USb/iRbUqeUbu0E5gCAGEBW+9So/ttU/Y8AAwA2IRbQcl/T3AAAAABJRU5ErkJggg==) no-repeat left top;
	background-position:35% 50%;
	padding-left:255px;
	min-height:48px;
	font-size:120%;
	line-height:18px;
	padding-top:7px;
}

#player-air .notice #download-app-btn{
	width:395px;
	background:url(data:image/png;base64,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) no-repeat left top;
	padding-left:120px;
	margin:0 20px;
	font-size:100%;
	min-height:82px;
	padding-top:7px;
}

#download-app-btn > ul > li:first-child{
	color:#fff;
	margin-bottom:10px;
}

#download-app-btn > ul > li > span.yellow-btn{
	display:inline-block;
	font-size:100%;
	padding:5px 10px;
}

#google-play-logo{
	width: 110px;
	height: 36px;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,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);
	position:absolute; 
	left: 50%; 
	top:80%; 
	margin-left:-55px;
}