/* CSS Grosology */

body {
	background-color: #00925c;
	background: url(./imgs/bg1.jpg) repeat;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	
}
#leaderboardContainer{
	display: none;
}
#container {
	margin: 0 auto;
	width: 980px;
}
#leftBanner{
	float: left;
	background: transparent;
}
#myContent{
	float:left;
	text-align: left;
	width: auto;
}
#myContent{
	display: inline-table;
	width: 690px;
	height: 600px;
}

#rightMenu{
	float:left;
	width: 165px;
	margin:0;
}
.ytv_btn{
	margin: 0 auto;
	width: 147px;
}
.splash_buy{
	background: url(imgs/splash_premium.png) no-repeat top left;
	width: 165px;
	height: 148px;
	padding-top: 55px;
}
.btn_buy_en{
	background: url(imgs/buy_en.png) no-repeat 0 0;
	margin: 0 auto;
	width: 149px;
	height: 39px;
	display: block;
}
.btn_buy_en:hover{
	background: url(imgs/buy_en.png) no-repeat 0 -39px;
}
.btn_buy_fr{
	background: url(imgs/buy_fr.png) no-repeat 0 0;
	margin: 0 auto;
	width: 152px;
	height: 58px;
	display: block;
}
.btn_buy_fr:hover{
	background: url(imgs/buy_fr.png) no-repeat 0 -58px;
}
.splash_try{
	background: url(imgs/splash_try.png) no-repeat top left;
	width: 158px;
	height: 146px;
	padding-top: 45px;
}
.btn_try_en{
	background: url(imgs/try_en.png) no-repeat 0 0;
	margin: 0 auto;
	width: 78px;
	height: 69px;
	display: block;
}
.btn_try_en:hover{
	background: url(imgs/try_en.png) no-repeat 0 -69px;
}
.btn_try_fr{
	background: url(imgs/try_fr.png) no-repeat 0 0;
	margin: 0 auto;
	width: 152px;
	height: 65px;
	display: block;
}
.btn_try_fr:hover{
	background: url(imgs/try_fr.png) no-repeat 0 -65px;
}

#footer{
	text-align: center;
}

/* Style des liens */
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.backBtn{
	background: url(imgs/back_en.png) no-repeat 0 0;
	width: 158px;
	height: 127px;
	display: block;
	float: left;
}
.backBtn:hover{
	background: url(imgs/back_en.png) no-repeat 0 -127px;
}
.backCreditsBtn_en{
	background: url(imgs/back_en.png) no-repeat 0 0;
	width: 158px;
	height: 127px;
	display: block;
	position: absolute;
	margin-top: -83px;
}
.backCreditsBtn_en:hover{
	background: url(imgs/back_en.png) no-repeat 0 -127px;
}
.backCreditsBtn_fr{
	background: url(imgs/back_fr.png) no-repeat 0 0;
	width: 158px;
	height: 127px;
	display: block;
	position: absolute;
	margin-top: -83px;
}
.backCreditsBtn_fr:hover{
	background: url(imgs/back_fr.png) no-repeat 0 -127px;
}
.buyPrenium_en{
	background: url(imgs/buyPrenium_EN.png) no-repeat 0 0;
	width: 203px;
	height: 121px;
	display: block;
	position: absolute;
	top: 665px;
	left: 780px;
}
.buyPrenium_en:hover{
	background: url(imgs/buyPrenium_EN.png) no-repeat 0 -121px;
}
.buyPrenium_fr{
	background: url(imgs/buyPrenium_FR.png) no-repeat 0 0;
	width: 189px;
	height: 127px;
	display: block;
	position: absolute;
	top: 660px;
	left: 790px;
}
.buyPrenium_fr:hover{
	background: url(imgs/buyPrenium_FR.png) no-repeat 0 -127px;
}
.retourBtn{
	background: url(imgs/back_fr.png) no-repeat 0 0;
	width: 158px;
	height: 127px;
	display: block;
	float: left;
}
.retourBtn:hover{
	background: url(imgs/back_fr.png) no-repeat 0 -127px;
}

/* Affect maquette-wii.html */
.Style1 {font-size: 18}
.Style2 {font-size: large}

/* Affect credits */
.CreditTribalnova{
	width: 350px;
	float: left;
	margin-top: 25px;
	margin-left: 100px;
}
.CreditOdd1{
	width: 450px;
	float: left;
	margin-top: 25px;
}
ul li{
	margin-left: 25px;
}
li.titre{
	list-style: none;
	font-size: 14px;
	font-weight:bold;
	margin: 0;
}
.colorBackLogo{
	width:560px;
	height:80px;
	background: url(imgs/back_logos.gif) no-repeat;
}

.logo_bottom{
	list-style-type:none;
	margin: 0 auto;
	padding: 0;
}
.logo_bottom li{
	float: left;
   margin-left:55px;
}
.logo_tribalnova a{
	width:55px;
	height:60px;
	background: url(imgs/logo_tribalnova2.gif) no-repeat;
	display: block;
}
.logo_nelvana a{
	width:60px;
	height:60px;
	background: url(imgs/logo_nelvana2.gif) no-repeat;
	display: block;
}
.logo_penguin a{
	width:53px;
	height:60px;
	background: url(imgs/logo_penguin2.gif) no-repeat;
	display: block;
}
.logo_quebecor_en a{
	width:113px;
	height:60px;
	background: url(imgs/logo_quebecor_en.gif) no-repeat;
	display: block;
}
.logo_quebecor_fr a{
	width:113px;
	height:60px;
	background: url(imgs/logo_quebecor_fr.gif) no-repeat;
	display: block;
}