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

    Auteur          :   Michel Gratton (mgratton@infinitdesign.ca)
    Date creation   :   02 juin 2006
    Version         :   1
    Revision        :   0
    Fichier	        :   nfb_global_player.css

    Description     :   style du player universel

    Modifie par     :
    Date modifie    :
***************************************************************************************************
	Commentaires    :  tous les ŽlŽments du player se retrouve sous un div nommŽ 'player'. Tous
                       les styles affectes les ŽlŽments qui se trouve sous l'ŽlŽment #player.
***************************************************************************************************/
#player {
	width: 330px;
	/*height: 285px;*/
	margin: 5px 5px 0 5px;
	padding-top: 0px;
	/*height: 310px;*/
	background-color: #eeefe7;
	text-align: center;
	background: url("../../images/cornerbox.gif") no-repeat 0 0;
	/*border-bottom: #bcc5b2 solid 1px;*/
	/*overflow:scroll;*/
	border: 0px;
	clear: both;
}


/* Initialisation de tous les tag sous #player */
#player * {
    font-size: 1em;
    color: #84857F;
    font-family: Verdana, Arial, sans-serif;
    background-color: transparent;
    text-align: left;
    text-indent: 0px;
}

/* Div principal. La seul surface visible de ce div se trouve ˆ la gauche des liens en haut du player */
#player .plr_wrap{
	width: 330px;
	color: #84857F;
	padding-top: 1px;
}

/* Div contenant les liens en haut ˆ gauche du player */
#player .plr_tab{
	text-align: right;
	background-color: transparent;
}

/* div principal du contenu. Sert a crŽer la border. Pour une bordure plus large, augmenter le padding */
#player .plr_shell{
	border: 1px solid #bcc5b2;
	background-color: #eeefe7;
	padding: 2px
}

/* Div contenant les texte du player (ex.: aide, prŽfŽrences, ...) */
#player .plr_txt{
	border: 1px solid #bcc5b2;
	background-color: #eeefe7;
	
}

/* sŽparateur horizontal dans les tab */
#player .plr_txt .ligne{
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	padding: 0;
	height: 0.5em;
}

/* tab contenant les liens en haut ˆ droite du player */
#player .plr_tab{
	border-right: 1px solid #bcc5b2;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	padding-top: 1px;
}

/* liens dans les tab en haut ˆ droite du player */
#player .plr_tab a{
	color: #84857F;
	padding: 1px 10px;
	text-decoration: none;
	background-color: #eeefe7;
	border-top: 1px solid #bcc5b2;
	border-left: 1px dotted #bcc5b2;
}
    #player .plr_tab a:hover{background-color: #346B84; color: #FFFFFF}
    #player .plr_tab a.actif{background-color: #346B84; color: #FFFFFF}

/* titre de section (ex.: FORMAT, VERSION, etc.) */
#player .plr_txt p.section {
	text-transform: uppercase;
	font-weight: bold;
	background-image: none;
	margin: 1em 1em 1em 3em;
	padding: 0;
	color: #505050;

}

/* Style gŽnŽral applicquŽ au paragraphe, ent�te niveau 2 et liste */
#player p
{
	font-size: 0.8em;
	margin: 0 0 0 30px;
	padding: 1em 30px 1em 1em;
	font-family: Verdana, Arial, sans-serif;
}
#player a{text-decoration:underline}
#player a:hover{color:#333}

#player ul {
	font-size: 0.8em;
	margin: 0 0 0 30px;
	padding: 1em 30px 1em 1em;
	font-family: Verdana, Arial, sans-serif;
}
#player h2 {
	font-size: 0.8em;
	margin: 0 0 0 30px;
	padding: 1em;
	font-family: Verdana, Arial, sans-serif;
}

#player h2{
  	color: #346B84;
	font-size: 2em;
	font-weight: bold;
	font-family: Arial, sans-serif;
	margin-bottom: -1px;
	margin-top: -1px;
	text-transform: uppercase;
	padding:0 0 0 10px;
	display: inline;
}

/* style appliquŽ au ŽlŽment d'une liste */
#player li{margin-left:2em}

/* div contenant le lien de retour au player */
#player .plr_txt .head_lnk{text-align:right; padding: 6px 9px 6px 0px; font-family:Verdana, Arial, sans-serif;}
/* lien de retour au player */
#player .plr_txt .head_lnk a{
  	color: #7F8079;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
}
#player .plr_txt .head_lnk a:hover{text-decoration:underline;}
/* image de retour ˆ la droite du lien pour retourner au player */
#player .plr_txt .head_lnk a img{border:0; margin: 0 0 0 6px;}

/* style applicable a tous les control de type input */
#player .plr_txt input{
  	vertical-align: bottom; margin-left: -20px;
}
/* tag label (dans les prŽfŽrences) */
#player .plr_txt label{
    display: block;
	color: #333333;
  	display: block;
	font-size: 0.8em;
	font-family: Verdana, Arial, sans-serif;
  	cursor: pointer;
  	padding: 2px 0px 2px 0px;
  	margin-left: 40px;
}
/* tag form. Certain browser insert un line break avant et apr�s le <form> */
#player form{display: inline;}

/* icone CC et DV */
#player .plr_txt img.icon{margin-left: 5px; cursor:default;}
#player .plr_txt img.icon2{vertical-align: text-top; margin-left: 5px; cursor:default;}

/* alert indiquand que l'usager n'a pas le plugin */
#player .plr_txt .warning{color: #BF2A21; display: inline;}

/* div contenant les boutons 'continuer' et 'Visionner le film' */
#player .button_container {
    margin: 5px 0px 5px 0px;
    text-align: center;
}
/* bouton, l'utilisation du tag <button> pour remplacer les <input type="submit"> offre plus de flexibilitŽ pour les style */
#player button {
    padding: 5px;
	width: 130px;
	height: 28px;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	cursor: pointer;
	vertical-align: text-bottom;
	border:0px;
}


/********* CSS SPƒCIALS APPLICABLE AU PLEIN ƒCRAN **********/
#player_full {margin: 0; background-color: #000000;}
#player_full table {width: 100%; height: 100%;}
#player_full .td_head {background-color: black; text-align: right;}
#player_full .fullview_content {text-align: center; vertical-align: middle; padding-top: 20px; height: 100%;}
#player_full p.warning {color: #BF2A21;}