.pub-banner {
	background:#e4e4e5;
	text-align:center;
	padding:6px 0 6px 0;
}

.pub-banner img{
	padding:0 11px 0 11px;
}

#media-print {
	display:none;
	}
#wrapper-top {
	width:975px;
	margin-bottom:5px;
	}
	
.links-more {
	clear:both;
	float:right;
	margin:2px 8px 2px 0;
}

.links-more a:link, .links-more a:visited, .links-more a:hover, .links-more a:active {
	color:#787878;
	text-decoration:none;
}

.links-more a:hover {
	color:#49166D;
} 

.more {
	padding-right:10px;
	background:url(/global20/images/i_fleche.gif) no-repeat 100% 4px;
}

/************************************************************************
* Silverscreen & Intro
************************************************************************/
#silverscreen {
	width: 510px;
	float:left;
	background-color:#4B4A49;
}
 
#intro-content {
	color:#353535;
	width:465px;
	float:left;
	height:312px;
	background: url(/global20/images/bg_intro.jpg) repeat-x;
	position:relative;
	font-size:11px;
}

#intro-content a:link,  #intro-content a:visited, #intro-content a:hover {
	color:#fff;
} 

#intro-content a:hover, #intro-content .author-info {
	color:#353535;
}

#intro-content h5{
	color:#fff;
	font-size:11px;
} 

#intro-nav {
	margin:0 0 0 27px;
	padding:0;
	padding-bottom:22px;
	text-indent:-9999px;
}

#intro-nav li {
	display:inline;
	margin:0;
	padding:0;
	float:left;
	cursor: pointer;
	cursor:hand;
}

#intro-nav li a:link, #intro-nav li a:visited, #intro-nav li a:hover {
	text-indent:-9999px;
	display:block;
	cursor:hand;
}

#intro-content .more-intro:link, #intro-content .more-intro:visited, #intro-content .more-intro:hover {
	color:#fff;
	background:url(/global20/images/i_fleche_intro.gif) no-repeat 100% 4px;
	padding-right:10px;
	text-decoration:none;
	position:absolute;
	top:265px;
}

#intro-content .more-intro:hover {
	text-decoration:underline;
}

#more-feature-en, #more-feature-fr {	
	right:273px;
}

#more-articles-en, #more-articles-fr {	
	right:10px;
}

#intro-content .feature {
	clear:both;
	float:left;
	width:154px;
	padding-left:42px;
}

#intro-content .feature img {	
	background:#fff url(/global20/images/bg_feature.gif) repeat-x bottom left;
	padding:5px 5px 26px 5px;
	margin-top:10px;
	margin-bottom:0px;
}

#intro-content .feature a:link, #intro-content .feature a:visited, #intro-content .feature a:hover {
	margin:0 auto;
	width:140px;
	text-align:left;
	padding-bottom:2px;
	font-weight:bold;
}

#intro-content .articles {
	width:215px;
	float:left;
	margin-left:25px;
	margin-top:7px;
}

#intro-content .articles li{
	padding:0 0 15px 0;
	list-style:none;
}

.intro-sep {
	background:url(/global20/images/i_sep_intro.jpg) no-repeat;
	width:2px;
	height:260px;
	position:absolute;
	bottom:0;
	left:202px;
}

/************************************************************************
* Breadcrumb
************************************************************************/
#breadcrumb {
	padding-top:8px;
	padding-left:18px;	
}

#breadcrumb li {
	float:left;
	font-weight:bold;
	color:#49166d;
	padding:0 3px 0 6px;
	background:url(/global20/images/breadcrumb-separator.gif) no-repeat 0 4px;
}

#breadcrumb li.breadcrumb-home {
	background:none;
	padding-left:0;
}

#breadcrumb a:link, #breadcrumb a:visited {
	font-weight:normal;
	color:#49166d;
}

#breadcrumb a:hover {
	font-weight:normal;
	color:#787878;
}

/*********************************************************************
* Standard template - Standard 2 column
**********************************************************************/
#content-wrapper-std-cl2 {
	background: url(/global20/images/bg_standard_cl2.gif) repeat-y;
	width:975px;
	clear:both;
}

#content-wrapper-std-cl2 #column1 {
	float:left;  
	width:643px;
	padding-left:7px;}

#content-wrapper-std-cl2 #column2 {
	float:left;  
	width:309px;
	padding-left:16px;}

#content-wrapper-std-cl2 #column1 .tabs {
	width:640px;
	padding-left:3px;
	}

#content-wrapper-std-cl2 #column2 .tabs {
	width:306px;
	padding-left:3px;
	}

/*********************************************************************
* Standard template - Standard 3 column Home Page
**********************************************************************/
#content-wrapper-std-cl3 {
	background: url(/global20/images/bg_standard_cl3.gif) repeat-y;
	width:975px;
	clear:both;
}

#content-wrapper-std-cl3 #column1 {
	float:left;  
	width:318px;
	padding-left:7px;}

#content-wrapper-std-cl3 #column2 {
	float:left;  
	width:317px;
	padding-left:18px;}

#content-wrapper-std-cl3 #column3 {
	float:left;  
	width:309px;
	padding-left:6px;}

#content-wrapper-std-cl3 #column1 .tabs {
	width:315px;
	padding-left:3px;
	}

#content-wrapper-std-cl3 #column2 .tabs {
	width:314px;
	padding-left:3px;
	}

#content-wrapper-std-cl3 #column3 .tabs {
	width:294px;
	padding-left:3px;
	}

#content-wrapper-std-cl3 p {
	margin:6px 0 6px 0
}

#content-wrapper-std-cl3 .player-telus {
	width:315px; 
	height:182px; 
	background: none; 
	float:left;
}

#content-wrapper-std-cl3 #frame {
	padding:0;
}

/*********************************************************************
* Standard template - Standard 3 column Content Page
**********************************************************************/
#content-wrapper-std-vc-cl3 {
	background: url(/global20/images/bg_standard_vc_cl3.gif) repeat-y;
	width:975px;
	clear:both;
}

#content-wrapper-std-vc-cl3 #column1 {
	float:left;  
	width:314px;
	padding-left:7px;}

#content-wrapper-std-vc-cl3 #column2 {
	float:left;  
	width:314px;
	padding-left:15px;}

#content-wrapper-std-vc-cl3 #column3 {
	float:left;  
	width:309px;
	padding-left:16px;}

#content-wrapper-std-vc-cl3  .tabs {
	width:311px;
	padding-left:3px;
	}

#content-wrapper-std-vc-cl3 #column3 .tabs {
	width:306px;
	padding-left:3px;
	}

/*********************************************************************
* Standard template - Standard 3 column Section Page EX: http://dev.mytelus.com/music/artist.do
**********************************************************************/		
#content-wrapper-sec-cl3 {
	background: url(/global20/images/bg_standard_sec_cl3.gif) repeat-y;
	width:975px;
	clear:both;
	position:relative;
}

#content-wrapper-sec-cl3 #column1 {
	float:left;  
	width:169px;
	padding-left:5px;
	
	}

#content-wrapper-sec-cl3 #column2 {
	float:left;  
	width:457px;
	padding-left:19px;
	}
	
#content-wrapper-sec-cl3 #column2 .tabs {
	width:447px;
	}

#content-wrapper-sec-cl3 #column3 {
	float:left;  
	width:309px;
	padding-left:16px;
	}

#content-wrapper-sec-cl3 #column3 .tabs {
	width:306px;
	padding-left:3px;
	}
	
.bottom-bg-cl1 {
	background: url(/global20/images/bg-wrapper2.gif) no-repeat left bottom; 
	position:absolute; 
	bottom:0px; 
	left:1px; 
	width:183px; 
	height:300px;
}

/*********************************************************************
* Standard template - Content page with TABS 2 column Content or No Tabs
**********************************************************************/
#content-wrapper-details-cl2 {
	background: url(/global20/images/bg_standard_cl2.gif) repeat-y;
	width:975px;
	clear:both;
}

#toptitle  {
	background:url(/global20/images/bg_toptitle.gif) repeat-x #fff ;
	position:relative;
	width:100%;
}

#toptitle.topbar  {
	height:84px;
	margin-bottom:21px;
}

#toptitle h5.sub-label {
	padding:0 0 10px 18px;
}

#content-wrapper-details-cl2 #column1 {
	float:left;  
	width:666px;
	padding:0 0 0 0;
}

#content-wrapper-details-cl2 #column2 {
	float:left;  
	width:309px;
	padding:9px 0 0 0px;
	background:url(/global20/images/bg_toptitle.gif) repeat-x #fff;
}


#content-wrapper-details-cl2 #column1 .tabs {
	width:644px;
	padding-left:12px;
	position:absolute;
	left:0;
	bottom:0;
	margin:0;
}

#content-wrapper-details-cl2 #column2 .tabs {
	width:306px;
	padding-left:3px;
}

#content-wrapper-details-cl2 #column1 .tabs li {
	-margin-bottom:-5px;
	margin-right:4px;
}

.close-page {
	background:#cbcbcb; 
	height:1px; 
	width:656px; 
	margin-bottom:6px;
}

#content-wrapper-details-cl2 .content-column1 {
	width:170px; 
	padding-left:13px; 
	float:left;
} 

#content-wrapper-details-cl2 .content-column2 {
	width:450px; 
	padding-left:18px; 
	float:left
} 



/********************************************************************
* Pub
*********************************************************************/
.pub {
	background-color:#a9aaa9;
	color:#e3e3e3; 
	margin-bottom:4px;
	padding:0 0 4px 4px;
}

.tit-pub {
	text-align:center;
}

.pub-promo {
	background:url(/global20/images/bg_pub_promo.gif);
	margin-bottom:4px;
	padding:3px;
	width:300px
}

.pub-promo img{
	border:1px solid #b6b6b6;
}

/*************************************************************************************
* Photos
**************************************************************************************/
.photos {
	margin-bottom:20px;
}

.photos ul {
	padding-left:19px; 
} 

.photos ul li {
	float:left;
	width:106px;
	text-align:center;
	padding-right:38px;
	-padding-right:35px;
	margin-bottom:15px;
	display:block;
}

.photos img {
	border:1px solid #A8A8A8;
	padding:2px;
	display:block;
}

.photos a:link, .photos a:visited {
	color:#49166d;
	font-weight:bold;
	
}

.photos a:hover{
	color:#787878;	
	font-weight:bold;
	
}

.photos ul li span  {
	display:block;
	padding-top:2px;
	color:#49166d;
	height:22px;
}

.photos .links-more a:link, .photos .links-more a:visited {
	font-weight:normal;
	color:#787878;
}

.photos .links-more a:hover {
	font-weight:normal;
	color:#49166d;
}

/*List detail work every where, just need to add a width to a class .list-details-gen .block-txt to your specific css*/
.list-details-gen li{
	padding:0;
	margin:0 0 12px 0;
	clear:both;
}

.list-details-gen li img {
	border:#aaa solid 1px;
	padding:2px;
	float:left;
	margin:0 12px 0 0;
}

.list-details-gen li p {
	margin-bottom:4px;
	
}

.list-details-gen {
	padding-top:7px;
	margin-bottom:15px;
}

.list-details-gen  .block-txt{
float:left;
padding-left:1px;
/*ADD A WIDTH TO YOUR CSS */
}

.list-details-gen .more {
padding-left:1px;
}


/************************************************************************
* Paging 
************************************************************************/
.paging-visible {
	clear:both;
	background:url(/global20/images/bg_paging.gif) no-repeat bottom left;
	text-align:center;
	height:26px;
	font-weight:bold;
	color:#49166D;
}

.full-pg {
	border-left:1px solid #c8c8c8;
	}

.paging-next img{
	cursor:pointer;
	cursor:hand;
	margin-left:8px;
}

.paging-previous img{
	cursor:pointer;
	cursor:hand;
	margin-right:8px;
}

.paging-table {
	margin-top:7px;
}

.paging-visible  span{
	color:#49166D;
	font-weight:normal;
	text-decoration:underline;
	cursor: pointer;
	cursor: hand;
}

.paging-visible  span:hover{
	color:#787878;
	font-weight:normal;
	cursor: pointer;
	cursor: hand;	
}

.paging-visible .li-hidden, .paging-hidden{
	visibility:hidden;}
				
.paging-visible .li-visible {
	visibility: visible;}



/***********************************************************************************
* Link or texte inside the ()
************************************************************************************/
.author-info {
	color:#787878;
	font-weight:normal;
}

.link-info {
	color:#49166D}

.link-info a:link, .link-info a:visited {
	color:#49166D;
	font-weight:normal;
}

.link-info a:hover{
	color:#787878;
	font-weight:normal;
}

/***********************************************************************************
* Share - Bookmark (Facebook, google etc..)
************************************************************************************/
#utilitaire-module {	
	text-align:right;
	margin-bottom:10px;
	position:relative;
	width:100%;
	font-size:11px;
}

.bookmark-en, .bookmark-fr{
	position:absolute; 
	top:16px; 
	background:#ccc; 
	width:200px; 
	height:170px; 
	border:1px solid #000; 
	display:none;
	background:#BEBEBE url(/global20/images/bg_menu_header.jpg) repeat-x;
	border:1px solid #595959;
	z-index:9999
	}
	
.bookmark-en {
	left:176px; 
	}
	
.bookmark-fr {
	left:114px; 
	}
	
.bookmark ul {
	float:left;
	width:100px;
	text-align:left;
	margin:10px 0 0 0;
	}

.bookmark .left {
	background:transparent url(/global20/images/i_sep_menu.gif) repeat-y right top;
	}

.bookmark .right li{
	padding-left:8px;
}

.bookmark ul li{
	margin:5px;
	}

.bookmark ul li img{
	margin-right:6px;
	}

.bookmark ul li a:link{
	color:#49166D
	}

.bookmark ul li a:hover{
	color:#787878
	}
	
/***********************************************************************************
* Slide Menu 
************************************************************************************/
.slideMenu {
  display:none;
  margin-top:6px;
  background:url(/global20/images/bg_fond_nav.gif) repeat-y left #D3D1D2;
  font-size:11px;
}
.slideMenu div {
  background:url(/global20/images/bg_fond_nav.gif) repeat-y left #D3D1D2 ;
}

.slideMenu a:link, .slideMenu a:visited {
  color:#4C1570;
  text-decoration:none;
}

.slideMenu a:hover {
  color:#9B9B9B;
  text-decoration:none;
}

.slideMenu ul {
  margin:11px 0px 4px 11px;
}

.slideMenu ul li{
  background: url(/global20/images/i_puce.gif) no-repeat 0px 2px;
  padding-left:9px;
  margin-bottom:5px;
}

/* SLIDE MENU HOME */

#menu-home {
	padding:10px 0 0 17px;
	margin:0;
	/*Add height in your css*/
}

#menu-home  .author{
	font-weight:normal;
	color:#787878;
	padding-left:12px;
}

#menu-home {
	list-style: none;
	color:#49166D;
	font-weight: bold;
}

#menu-home  .menu-title{
	width:256px;
	background:none;
}

#menu-home li {
	padding-left:0;
	margin:8px 0 8px 0;
	clear:both;
	min-height:1px;
	position:relative;
	background:none;
	width:256px;
	font-size:11px;
}

#menu-home li img{
	position: absolute;
	right:-25px;
	top:0px;
}

/*********************************************************************
* Related-links
**********************************************************************/
.related-links {
	clear:both;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:5px;
}

.related-links li {
	background:url(/global20/images/i_puce.gif) no-repeat 0 3px;
	padding-left:10px;
	padding-bottom:2px;
}

.related-links a:link, .related-links a:visited, .related-links a:active {
	color:#49166d;
	font-weight:bold;
}

.related-links a:hover{
	color:#787878;
	font-weight:bold;
}

/*********************************************************************
* Result page
**********************************************************************/
#content-wrapper-details-cl2 #result-page {
	width:640px; 
	padding-left:20px
	}
	
.result-found {
	margin-bottom:12px;
	color:#49166d
}

.result-title-browse {
	padding:0 0 10px 18px; 
	clear:both;
}

#content-wrapper-details-cl2 #result-page .block-txt {
	width:470px; 
}

#content-wrapper-details-cl2 #result-page li {
	margin-bottom: 24px;
}

#content-wrapper-details-cl2 #result-page .rating {
	padding-left:0; 
	margin-left:0;
	text-align:center;
}

/*********************************************************************
* Texte Display
**********************************************************************/
.block-general {
padding-bottom:7px;
position:relative;
}

.block-general-txt {
	padding:15px 0pt 0pt 9px;
	width:300px;
}

/*********************************************************************
* Outils de recherche
**********************************************************************/
.search-header {
	background:url(/global20/images/bg_menu_section.gif) repeat-x;
	padding: 20px 0 5px 9px;
}

.formbutton {
	background:transparent url(/global20/images/b_button_go.gif) no-repeat scroll left top;
	margin-left:2px;
	-margin:1px 0 0 0;
	width:22px;
	height:20px;
	cursor:pointer;
	border:medium none;
}

.find {
	background:url(/global20/images/bg_search.gif) no-repeat;
	height:40px;
	}
	
.find form {
		background:url(/global20/images/bg_search_right.gif) right top no-repeat;
		padding:10px 0 0 6px;
		height:30px;
	}
	
/***********************************************************************************
* Block Adds - Right Column only
*************************************************************************************/
.block-adds  {
	width:309px;
	clear:both
}

.block-adds .photos ul {
	width:290px;
}

.block-adds .photos ul li {
	-padding-right:30px;
}

/***********************************************************************************
* SEARCH
*************************************************************************************/

.search-content {
	padding:0 0 0 18px;
}
					
.search-content .block-txt {
	width:475px;
}

.search-content .block-rating{
	margin-bottom:21px
}

.block-rating {
	float:left;
	width:106px;
	padding:0 12px 0 0;
	}
	
.block-adds .block-rating {
	padding-left: 10px;
	}
	
.rating-box, .rating {
	height:55px; 
	background: url(/global20/images/bg_rating.gif) repeat-x; 
	padding-top:6px;
	text-align:center;
	clear:both;
	}
	
.block-rating img{
	border:1px solid #A8A8A8;
	padding:2px;
}
	
.star-rate-this-off
{
    background: url(/global20/images/i_star_lightgreen_off.gif) no-repeat;
    width: 16px;
    height: 15px;
    float: left;
	cursor:pointer;	
}

.star-rate-this-on
{
    background: url(/global20/images/i_star_lightgreen_on.gif) no-repeat;
    width: 16px;
    height: 15px;
    float: left;
	cursor:pointer;	
}

.star-rating-off
{
    background: url(/global20/images/i_star_off.gif) no-repeat;
    width: 11px;
    height: 13px;
    float: left;
}

.star-rating-on
{
    background: url(/global20/images/i_star_on.gif) no-repeat;
    width: 11px;
    height: 13px;
    float: left;
}

.star-purple-off
{
    background: url(/global20/images/i_star_off_purple.gif) no-repeat;
    width: 11px;
    height: 13px;
    float: left;
}

.star-purple-on
{
    background: url(/global20/images/i_star_on_purple.gif) no-repeat;
    width: 11px;
    height: 13px;
    float: left;
}

.star-grey-light-off
{
    background: url(/global20/images/i_star_grey2_off.gif) no-repeat;
    width: 11px;
    height: 13px;
    float: left;
}

.star-grey-light-on
{
    background: url(/global20/images/i_star_grey2_on.gif) no-repeat;
    width: 11px;
    height: 13px;
    float: left;
}

.star-grey-dark-off
{
    background: url(/global20/images/i_star_grey_off.gif) no-repeat;
    width: 11px;
    height: 13px;
    float: left;
}

.star-grey-dark-on
{
    background: url(/global20/images/i_star_grey_on.gif) no-repeat;
    width: 11px;
    height: 13px;
    float: left;
}

/************************************************************************
				Footer Pub (4 Adds Tags)
************************************************************************/
	.pub-footer{
		width:975px;
		height:166px;
		background:url(/global20/images/bg_pub_footer.jpg) repeat-x;
		margin-top:3px;
		clear:both;
		}
	
	.pub-footer li{
		width:202px;
		float:left;
		height:auto;
		height:147px;
		background:url(/global20/images/bg_li_footer.gif) repeat-x;
		display:inline;
		margin:16px 18px 0px 23px;
		}
		
	.pub-footer li img{
		border:1px solid #f5f5f5;
		}