/**********************************
*  Style du body 
***********************************/
body {
	background-color: #000000;
	color: #FFFFFF;
	margin: 0px;
}
.mainConteneur{
	text-align: center;
}

img {
	border: 0;
}

/**********************************
*  Style du corps de la page
***********************************/
.corpsPage{
	width: 1024px;
	/*min-height:768px;*/
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;/* #FFFFF0;*/
}
/* for Internet Explorer */
/*\*/
/*
* html .corpsPage {
height: 768px;
} 
*/
/**********************************
*  Style de la banière
***********************************/
.baniere_menu{
	width: 144px;
	text-align: center;
	font-weight: bold;
}

.baniere_menu a {
	color: #000;
	text-decoration: none;
	display: block;
	padding-left: 1px;
	border: 0px none;
	height: 100%;
}
.baniere_menu #menuCurrent a{
	font-style: italic ;
}

.baniere_menu a:hover {
	font-style: italic ;
}

/**********************************
*  Style du menu
***********************************/
.menu {
	top: 142px ;
	width: 204px;
	height: auto;
	color: #000000;
	padding-left: 1px;
	padding-top: 1px;
}

.menu_header {
	width: 190px;
	height: 23px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

.menu_content{
	width: 190px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	font-weight: bold;
}

.menu_content a {
	color: #000;
	text-decoration: none;
	display: block;
	padding-left: 1px;
	border: 0px none;
	height: 100%;
}

/* Style des liens lorsque le pointeur passe au dessus */
.menu_content a:hover {
	background: #F0F0F0;
	color: #bf2930;
	font-weight: bold;
}

.menu_content #menuCurrent {
	text-align: left;
	background: #F0F0F0;
}
.menu_content #menuCurrent a{
	color: #bf2930;
	text-decoration: none;
	display: block;
	border: 0px none;
	height: 100%;
}

/**********************************
*  Style des blocs infos (sous le menu)
***********************************/
.info {
	width: 204px;
	height: auto;
	color: #000000;
	padding-right: 1px;
}

.infoBloc{
	margin-bottom: 6px;
	margin-left: 2px;
	background-color: #ffffff;
	/*border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;*/
}

.info_header {
	width: 200px;
	height: 20px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

.info_game_cat{
	background-color: #F0F0F0;
	font-style: italic ;
	font-weight: bold;
	text-align: left;
	padding-left: 15px;
	font-size:14px;
}

.info_game_date{
	width: 104px;
	text-align: center;
	font-size:11px;
	padding-left: 2px;
}

.info_game_team{
	width: 60px;
	text-align: center;
}

.info_game_result{
	width: 40px;
	font-style: italic ;
	text-align: center;
	font-size:14px;
}

/*********************************
*  Style du home
***********************************/
.homePreview{
	vertical-align: top;
	border: #cccccc 1px solid;
	width: 49%;
	margin-top: 5px;
	padding: 4px;
	display: inline-block;		
}

.homePreviewNoBorder{
	vertical-align: top;
	width: 49%;
	display: inline-block;		
}

.homePreviewBox{
	margin-top: 5px;
	margin-bottom: 8px;
	padding: 4px;
	border: #cccccc 1px solid;
}

.newsPreview{
	width: 100%;
}

.newsPreviewTitle{
	padding: 2px;
	background: #000000;
	color: #FFFFFF;
}

.newsPreviewCore{
	display: inline-block;		
}

.newsPreviewMore{
	text-align: right;
	font-size: 10px;
	margin-bottom: 10px; 
	margin-right: 10px; 
	margin-top: 10px; 
}

.newsPreviewMore a{
	text-decoration: none;
	color: #bf2930;
}

.newsPreviewCore img{
	float: left;
  margin: 0 10px 10px 0;		
}

.infoSaison{
	width: 100%;
	padding-bottom: 10px;
}

.infoSaisonTitle{
	padding: 2px;
	background: #000000;
	color: #FFFFFF;
}

.infoSaison_date{
	font-weight: bold;
}

.infoSaison_game{
	padding-left: 8px;
}

/**********************************
*  Style des annonces
***********************************/

.annonce{
    width: 810px;
    height: 160px;
    word-spacing: -1em;
    border: #cccccc 1px solid;
}

.annonce_title_sec{
    vertical-align: top;
    width: 200px;
    height: 154px;
    background-color: #FFFFFF;
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}

.annonce_core{
    word-spacing: 0em;
    width: 595px;
    height: 152px;
    background-color: #FFFFFF;
    border-left: 1px solid #cccccc;
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 2px;
    padding-left: 5px;
    overflow: auto;
}

.annonce_title{
    word-spacing: 0em;
    text-decoration: none;
    display: block;
    font-weight: bold;
}

.annonce_title a {
    text-decoration: none;
    height: 30px;
    display: block;
    color: #000000;
    padding-left: 2px;
    line-height:2em; 
    white-space: nowrap;
}

.annonce_title a:hover {
    background-color: #F0F0F0;
}

#annonce_selected a{
    background-color: #000000;
    color: #FFFFFF;
    white-space: nowrap;
}

#annonce_selected a:hover {
    background-color: #000000;
}

/**********************************
*  Style du contenu de la page
***********************************/
.mainFrame {
	top: 0px ;
	left: 206px;
	padding-bottom: 2px;
}

.frameContent{
	width: 814px;
	color: #000;
	text-align: left;
	background-color: #ffffff;
	/*border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;*/
}

/**********************************
*  Style du footer
***********************************/
.footer{
	padding-left: 2px;
	padding-top: 3px;
}

.footerContent{
	color: #000;
	height: 28px;
	text-align: center;
	display: block;
	vertical-align: middle;
	font-style: italic ;
	font-size:12px
}

/***********************************
* Style générique
***********************************/
.title{
	/*background-color:  #bf1e25;*/
	background-color: #000000;
	color: #FFFFFF;
	font-weight : bold;
	padding-left: 10px;
}

.content{
	width: 100%;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	margin-bottom: 4px;
}

.ligne_pair{
	background-color: #F0F0F0;
}

.ligne_impair{
	background-color: #FFFFFF;
}

/*************************************
* Style spécifique pour les news
*************************************/
.newsDate{
	width: 150px;
	text-align: right;
	font-size:12px;
	background-color: #000000;
	color: #FFFFFF;
}

.newsPages{
	text-align: center;
	width: 100%;
	margin: 5px;
	font-size: 11px;
}

.newsPages a{
	color: blue;
}

.newsPages a:hover{
	color: #bf2930;
}
/**********************************************
* Style spécifique pour le HOF
**********************************************/
.hofTitre{
	text-align: left;
	color: #000000;
	font-weight: bold;
	border-left: #cccccc 1px solid;
}

.hofContent{
	font-size:12px;
	font-family: tahoma;
	color: #000000;
	border-top: #cccccc 1px solid;
}
.hofContentFirst{
	font-size:12px;
	font-family: tahoma;
	color: #000000;
}

/**********************************************
* Style spécifique pour la saison
**********************************************/
#saisonTab a:link {
	color: #FFFFFF; 
	text-decoration:none;
}
#saisonTab a:visited {
	color: #FFFFFF; 
	text-decoration:none;
}
#saisonTab a:hover {
	color: #bf2930; 
	text-decoration:none;
}

.selectedTab{
	color: #bf2930;
	font-style: italic ;
}

.tab{
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
}

.tab_section_titre {
	color:Black; 
	font-size : 11pt;
	text-align: center;
	font-weight : bold;
	text-decoration:underline;
}

.tab_playoff_titre {
	color:Black; 
	font-size : 11pt;
	text-align: center;
	font-weight : bold;
}

.calendrier{
	width: 400px;
}

.calendrier_titre{	
	width: 465px;
	text-align: center;
	font-weight: bold;
	color: #000000;
	font-size: 13pt;
	border-bottom: #cccccc 1px solid;
	margin-bottom: 2px;
}

.calendrier_game_day{
	background-color: #000000;
	color: #FFFFFF;
	height: 10px;
}

.calendrier_game_day_title{
	font-weight: bold;
	font-style: italic ;
	padding-left: 10px;
}

.calendrier_game_day_date{
	font-weight: bold;
	font-style: italic ;
	text-align: left;
	font-size:13px
}

.calendrier_game{
	background-color: #FFFFFF;
}

.calendrier_game_time{
	text-align: center;
	font-size:11px;
	width: 35px;
}

.calendrier_game_team_left{
	text-align: right;
	font-size:13px;
	width: 80px;
}

.calendrier_game_team_right{
	text-align: left;
	font-size:13px;
	width: 80px;
}

.calendrier_game_team_left_winner{
	font-weight: bold;
	text-align: right;
	font-size:13px;
	width: 80px;
}

.calendrier_game_team_right_winner{
	font-weight: bold;
	text-align: left;
	font-size:13px;
	width: 80px;
}

.calendrier_game_teams_logo{
	text-align: center;
	vertical-align:text-bottom; 
	width: 60px;
}

.calendrier_game_teams_logo_img{
	vertical-align:text-bottom; 
	padding-top: 2px;
	padding-bottom: 2px;
}

.calendrier_game_score{
	text-align: center;
	font-size: 13px;
	width: 50px;
}

.classement_titre {
	width: 465px; 
	text-align: center;
	font-weight: bold;
	color: #000000;
	font-size: 13pt;
	border-bottom: #cccccc 1px solid;
	margin-bottom: 2px;
}

.classement_tab_header{
	color: #FFFFFF;
	text-align: center;
	background-color: #000000;
	font-size: 8pt;
}


.classement {
	color:Black; 
	font-size :8pt;
}

.roster {
	color: #000000; 
	font-size :8pt;
}

.roster_header{
	background-color: #DFDFDF;
	text-align: CENTER;
}

/**********************************************
* Style spécifique pour le calendrier
**********************************************/
.calendar_day_line{
    width: 388px; 
    margin-bottom: 4px;
}

.calendar_day_cell{
    width: 50px;
    height: 20px; 
    display: inline-block;
    text-align: center;
    font-weight:bold;
    border: 1px solid white;
}

.calendar_line{
    width: 388px; 
    margin-bottom: 4px;
}


.calendar_cell{
    width: 50px;
    height: 50px; 
    display: inline-block;
    color: grey;
    border-left: 1px solid grey;
    border-bottom: 1px solid grey;
    border-top: 1px solid white;
    border-right: 1px solid white;
}

.calendar_current_day{
    background: #CECECE; 
    color: black;
}

.calendar_event_day{
    border: 1px solid black;
    color: black;
    font-weight:bold;
    font-style:italic;
}

.calendar_cell_we{
    font-style:italic;
}

.calendar_cell_padding{
    margin-right: 4px;
}

a.calendar_info{
    position:relative;
    z-index:24;
    color:#000;
    text-decoration:none
}
 
a.calendar_info:hover{
    position:relative;
    z-index:25;
    background-color:#FFF
}
 
a.calendar_info span{
    position:relative;
    display: none
}
 
a.calendar_info:hover span{
    position:relative;
    display:block;
    float: right;
    top:2em; left:2em; width:10em;
    border:1px solid #000;
    background-color:#FFF;
    color:#000;
    text-align: justify;
    padding:5px;
    font-weight:normal;
    font-style:normal;
    font-size: 12px; 
}

p.calendar_info_title{
    font-weight:bold;
    text-align: center;
    margin-top: -6px;
}

.event_img{
    padding-top: 20px;
    float: right;
    margin-right: 5px;
}

.calendar_nav_line{
}

.calendar_nav_cell{
    width: 172px; 
    display: inline-block;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border:0px solid #000;
}

a.calendar_nav_link{
    position:relative;
    z-index:24;
    color: grey;
    text-decoration:none
}

a.calendar_nav_link:hover{
    color: #000;
}

/**********************************************
* Style spécifique pour l'album photo
**********************************************/
.mainAlbumDiv{
	width: 771px;
	text-align: left;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}

.albumPath{
	font-weight: bold;
}

.albumPathLink{
	text-decoration: none;
	color: blue;
}

.albumPathLink:over{
	color: #bf2930;
}


.albumImgDiv{
	display:inline-block;
	width: 245px;
	height: 100px;
	margin: 5px;
	border: 1px solid #CCCCCC;
}

.albumImgGalDiv{
	display:inline-block;
	width: 98px;
	height: 100px;
	margin: 5px;
	border: 1px solid #CCCCCC;
}

.albumImgBg{
	display:inline-block;
	position:relative;
	width: 98px;
	height: 100px;
	background: #EEEEEE;
}

.albumImgTitle{
	display:inline-block;
	vertical-align: top;
	width: 140px;
	height: 100px;
	margin-left: 5px;
}

.albumTitle{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.albumInfo{
	text-align: left;
	font-size: 11px;
	padding-left: 5px;
}

.albumLink {
	text-decoration: none;
	color: blue;
}

.albumLink:hover{
	color: #bf2930;
}

.albumImg{
	cursor: pointer;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
}

.downloadAlbum{
	width: 771px;
	text-align: right;
	font-size: 11px;
	color: blue;
	cursor: pointer;
	margin-bottom: 10;
}

.downloadAlbum:over{
	color: #bf2930;
}

#shadowbox{
	display: block;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}

#lightBoxBG{
	display: block;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index:11;
}

#lightBoxImg{ 
	cursor: pointer;
	display: block;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin:auto;
	background-color: #FFF;
	border: 1px solid black;
}