body 
{
	margin: 0; /* to avoid margins */
	padding: 0;
	text-align: center; /* to correct the centering IE bug*/
	background-color: #f6f0e1;
	background: url(/img/New/Background.jpg) repeat top;
	font-family: arial;
	z-index:50;
}

#MainContainer
{
	margin-left: 0px;
	margin-right: 0px;
	padding-left:auto;
	padding:right:auto;
	width: 800px;
	text-align: left;
	z-index:50;
}

div
{
	border: none;	
	text-align: left;
	margin: 0; /* to avoid margins */
	padding: 0;
	z-index:50;
}

div.MainContainer
{
	position:relative;
	top:0px;
	bottom:0px;
	height:100%;
	width: 99.7%;
	z-index:50;
	background-image: url(/img/New/BottomRight.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

div.GreatContainer
{
	background-image: url(/img/New/TopLeft.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.lienscoop
{
	position:absolute;
	padding-left:10px;
	padding-top:10px;
	width:145px;
	height:280px;
	z-index:75;
}
div.Content
{
	margin-left: auto;
	margin-right: auto;
	width:945px;
	z-index:50;
}

div.TopLeaderBoard
{
	height:110px;
	z-index:50;
}

img.logo
{
	position:relative;
	z-index:4000;
	top:-10px;
	left:20px;
}

div.LeaderBoard
{	
	position:relative;
	top:-235px;
	width:728px;
	height:90px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: 10px;
	z-index:50;
}

div.MenuBar
{
	height:60px;
	padding-left: 185px;	
	background: url(/img/New/menubar.png) no-repeat top;
	z-index:50;
}

div.MainContent
{
	
	overflow:hidden;
	/*background: url(/img/New/MainContent.png) repeat top;*/
	z-index:50;
}

div.CenterContainer
{
	height:auto;
	width:780px;
	float:right;
	overflow:hidden;
	z-index:50;
}

div.RightContainer
{
	height:auto;
	width:320px;
	float:left;
	overflow:hidden;
	z-index:50;
}

div.VideoContainer
{
	height:auto;
	width:460px;
	float:left;
	overflow:hidden;
	z-index:50;
}

div.LeftContainer
{
	/*background: url(/img/New/LeftContent.png) repeat top left;*/
	height:auto;
	float:left;
	width:165px;
	overflow:hidden;
	z-index:50;
}

div.LeftHeader
{
	position:relative;
	width:625px;
	background: url(/img/New/LeftHeader.png) no-repeat top;
	height:133px;
	z-index:50;
}

img
{
	z-index:99;
}

div.tickerDiv
{
	height:35px;
	background: url(/img/imgArchives/ticker.png) no-repeat top left;
	z-index:50;
	width:320px;
	padding-right:0px;

}

div.TICKER
{
	font-family: arial, "lucida console", sans-serif;
	background:none;
	font-weight:bold;
	font-size:10pt;
}

#TICKER a
{
	text-decoration:none;
	color:#cf4300;
}

#TICKER a.span
{
	color:#ebe8dd;
}

div.login
{
	height:105px;
	width:320px;
	background: url(/img/New/login.png) no-repeat top right;
	z-index:50;
}

div.oublie
{
	padding-left:230px;
	padding-top:8px;
	position:absolute;
}
div.imgOublie
{
	height:36px;
	background: url(/img/New/btOublie.png) no-repeat 0 0;
	width:62px;
	text-indent:-5000px;
}
div.imgOublie:hover
{
	background-position: -62px 0;
}

div.membre
{
	padding-left:50px;
	padding-top:3px;
	position:absolute;
}
div.imgMembre
{
	height:27px;
	background: url(/img/New/btDevenirMembre.png) no-repeat 0 0;
	width:101px;
	text-indent:-5000px;
}
div.imgMembre:hover
{
	background-position: -101px 0;
}

div.FieldCherche input
{
	font-size:7pt;
	border:none;
	background-color:transparent;
}

div.ChampsLogin input
{
	font-size:7pt;
	border:none;
	background-color:transparent;
}

div.logout
{
	height:105px;
	width:320px;
	background: url(/img/New/logout.png) no-repeat top right;
	z-index:50;
}

div.profil
{
	padding-left:180px;
	padding-top:40px;
	position:absolute;
}
.imgProfil
{
	display: block ;	
	height:41px;
	background: url(/img/New/profil.png) no-repeat 0 0;
	width:89px;
	text-indent:-5000px;
}
.imgProfil:hover
{
	background-position: -89px 0;
}

div.televersement
{
	padding-left:30px;
	padding-top:55px;
	position:absolute;
}
.imgTeleversement
{
	display: block ;
	height:24px;
	background: url(/img/New/televersement.png) no-repeat 0 0;
	width:112px;
	text-indent:-5000px;
}
.imgTeleversement:hover
{
	background-position: -111px 0;
}

div.label
{
	padding-top:30px;
	padding-left:15px;
	text-align:left;
	word-spacing:63px;
}

div.ChampsLogin
{
	padding-left:15px;
}

input.password
{
	padding-left:15px;
}

div.go
{
	text-align:right;
	padding-top:3px;
	padding-right:25px;
}

div.BrancheToi
{
	position:absolute;
	top:215px;
	z-index:70;
	padding-left:3px;
	padding-top:0px;
}

div.BrancheToi img
{
	border:none;
}

div.LeaderBoard
{	
	position:relative;
	top:-235px;
	width:728px;
	height:90px;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: 10px;
	z-index:50;
}

div.MenuBar
{
	height:60px;
	padding-left: 185px;	
	background: url(images/menubar.png) no-repeat top;
	z-index:50;
}

div.MainContent
{
	height:auto;
	width:950px;
	overflow:hidden;
	background: url(images/backmid.png) repeat left;
	z-index:50;
}

div.CenterContainer
{

	height:auto;
	width:950px;
	overflow:hidden;
	z-index:50;
}

div.CenterContainerCat
{

	height:auto;
	width:auto;
	overflow:hidden;
	z-index:50;
	background:url(images/catMain_header.jpg) no-repeat top left;
	margin-left:14px;
}

div.RightContainer
{
	height:auto;
	width:320px;
	float:right;
	padding-right:2px;
	overflow:hidden;
	z-index:50;
}

div.RightContainerCat
{
	height:auto;
	width:319px;
	float:right;
	padding-right:2px;
	overflow:hidden;
	z-index:50;
}

div.VideoTitle
{
	padding-left:32px;
	background-color: #585644;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	height:auto;
	width:470px;
	overflow:hidden;
	z-index:50;
}
div.VideoContainer
{

	background-color:#000000;
	height:auto;
	width:500px;
	float:left;
	overflow:hidden;
	z-index:50;
	padding-top:20px;
}

div.midContent
{

	background-color:#000000;
	height:auto;
	width:575px;
	float:left;
	overflow:hidden;
	z-index:50;
	padding-top:20px;
	padding-left:20px;
}

div.Barreleft
{
	width:120px;
	
}
div.LeftContainer
{
	width:110px;
	overflow:hidden;
	float:left;
	padding-left:14px;
	z-index:50;
}

div.LeftHeader
{
	position:relative;
	width:625px;
	background: url(images/LeftHeader.png) no-repeat top;
	height:133px;
	z-index:50;
}

/******************************
/ page_blogue
/******************************/
div.itemBlog{
	width: 600px;
	margin-left: 7px;
	background:url(images/transparentClair.png) repeat;
	margin-bottom:10px;
	position:relative;
	color:white;
}

	div.itemBlog p{
		margin-bottom:10px;
		line-height:12pt;
		font-size:10pt;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#CCCCCC;
		padding-left:20px;
		padding-right:20px;
	}

	div.itemBlog li{
		margin-bottom:10px;
		line-height:12pt;
		font-size:10pt;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#CCCCCC;
		padding-left:20px;
		padding-right:20px;
	}
	
	div.itemBlog a
	{
		color:orange;
		text-decoration:none;
	}
	
	div.itemBlog p:first-letter{
		padding-left:30px;
		font-size:14pt;
	}

	div.itemBlog p.link:first-letter{
		padding-left:0px;
		font-size:10pt;
	}
	
	div.navigation
	{
		padding:10px;
	}

div.navigation img
{
border:none;
}
	
	div.alignright
	{
		float:right;
	}

	div.titreBlog{
		border-bottom: solid 2px #ffffff;
		font-size:15pt;
		font-weight:bold;
		color:#FFFFFF;
		padding-top:10px;
		padding-left:10px;
		line-height:12pt;
	}
	
	div.titreBlog a{
		font-size:15pt;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	div.itemBlog div.lireArticle{
		width:80px;
		position:absolute;
		top:3px;
		right:10px;
		color:#999999;
	}

		div.lireArticle a{
			color:#FF9900;
			text-decoration:none;
			font-weight:bold;
			font-size:10px;
			line-height:16px;
		}
	
	div.imgBlog{
		float:right;
		width:50px;
		height:50px;
		margin-right:3px;
		margin-left:3px;
	}
	
		div.imgBlog img{
			border: solid 1px #ffffff;
		}
	
	div.miniInfoBlog{
		margin-top:2px;
	}
		div.miniInfoBlog div{
			text-align:right;
			color:#999999;
			font-size:10px;
			line-height:16px;
		}
	div.miniInfoBlog a
	{
		color:#999999;
		text-decoration:none;
	}
		
	div.extraitBlog{
		width:400px;
		position:absolute;
		bottom:10px;
		float:left;
		text-align:left;
		margin-left:20px;
	}

img
{
	z-index:99;
}

img.title
{
	position:relative;
	top:17px;
	left:25px;
	z-index:50;
}

.RightFooterVidTitle
{
	text-align:left;
	margin-left:60px;
	color:#FFFFFF;
	font-weight:bold;
	background: url(images/bgThumbList1.png) repeat-y top;
	width:220px;
}
.RightFooterVidDesc
{
	text-align:left;
	margin-left:60px;
	color:#FFFFFF;
	font-weight:bold;
	background: url(images/bgThumbList2.png) repeat-y top;
	width:220px;
}

#thumbTitreCat{
	background: url(images/titreThumbListe.png) no-repeat;
	width:279px;
	height:73px;
}

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

div.RightFooterCat
{
	padding-top: 0px;
	margin-bottom:15px;
}

	
	.thumb
	{
		float:left;
		width:48px;
		height:36px;
		background: url(images/tiny.jpg) no-repeat;
		border: solid #000000 2px;
	}
	.descriptionThumb p{
		padding-left:5px;
		margin-left:55px;
		margin-right:40px;
		text-align:left;
		color:#FFFFFF;
		font-weight:bold;
	}

.RightFooterCatTitle
{
	background: url(images/bgThumbList1.png) repeat-y top;
}

p.RightFooterCatTitle
{
position:relative;
left:-50px;
}

p.RightFooterCatTitle a
{
	text-decoration:none;
	color:orange;
}

.RightFooterCatDesc
{
	background: url(images/bgThumbList2.png) repeat-y top;
}

div.BigBoxContainer
{
	width:320px;
	height:250px;
	background: url(images/BigBox.png) no-repeat top;
	z-index:50;
}

div.BigBox
{
	margin-left: 10px;
	width:300px;
	height:250px;
	z-index:50;
}

div.RightFooter
{
	height:auto;
	min-height:70px;
	z-index:50;
}

div.leftWidgetTop
{
	background: url(images/widgetTop.jpg) no-repeat top left;
	width:120px;
	height:274px;
	padding-left:25px;
	z-index:50;
}

div.leftWidgetCenter
{
	background: url(images/widgetCenter.jpg) repeat-y  top right;
	width:120px;
	height:10em;
	padding-left:25px;
	z-index:50;
}

div.leftWidgetBottom
{
	background: url(images/widgetBottom.jpg) no-repeat bottom left;
	width:120px;
	height:327px;
	padding-left:25px;
	z-index:50;
}
div.TitreCom
{
	background-color: #585644;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	height:auto;
	width:auto;
	overflow:hidden;
	z-index:50;
}
div.TextCom
{
	color:#FFFFFF;
	height:auto;
	width:auto;
	overflow:hidden;
	z-index:50;
}
div.TitreLeft
{
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	height:auto;
	width:120px;
	overflow:hidden;
	z-index:50;
}
div.TextLeft
{
	font-weight:bold;
	color:#FFFFFF;
	height:auto;
	width:120px;
	overflow:hidden;
	z-index:50;
}
div.AutreVideo
{
	padding:10px 10px; 
	color:#FFFFFF;
	width:490px;
	height:auto;
	float:left;
	z-index:50;
}
div.Commentaire
{
	width:480px;
	background-image:url(images/contentMain_commentaireBg.jpg);
}
div.CenterText
{
	width:490px;
	height:312px;
	float:left;
	z-index:50;
}

p
{
	margin:0;
	padding:0;
	text-align:justify;
	z-index:50;
}

div.RockTop
{
	height:20px;
	z-index:0;
}

#RockTop img
{
	position:absolute;
	top:-50px;
	left:-75px;
	float:left;
	display:block;
	z-index:77;
}

div.RockBottom
{
	height:100px;
}

div.MainFooter
{
	background: url(images/Footer.png) no-repeat top;
	height:73px;
	z-index:10;
	/*position:relative;
	bottom:20px;*/
}

.Cherche
{
	float:right;
	z-index:51;
	padding-right:15px;
	padding-top:15px;
}
.FieldCherche
{
	position:absolute;
	z-index:60;
	padding-left:512px;
	padding-top:27px;
	color:#FFFFFF;
	font-size:16px;
}
div.rightContent
{
	height:500px;
	padding-left:0px;
}
div.VidSec
{
	padding-top:100px;
	padding-left:20px;
	height:474px;
	width:320px;
	background: url(images/rightVidMenu.png) no-repeat top left;
}

div.CatSec
{
	position:relative;
	padding-top:10px;
	padding-left:20px;
	height:474px;
	width:320px;
	background: url(images/rightVidMenu.png) no-repeat top left;
	z-index:70;
}

#Menu {
	margin: 0px;
	padding: 0;
	padding-top:30px;
	padding-left:15px;
	list-style:none;
	position: absolute;
	z-index:51;
}

#Menu li {
	float:left;
	margin-right: 5px;
	padding: 0;
	overflow:hidden; 	/* To mask the actual text of the link  overflow + textindent */
}

#Menu li a.ClipsButton {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	height: 41px;
	background: url(/img/New/btLesClips.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	width: 89px;
	text-indent:-5000px;
}

#Menu li a.ClipsButton:hover {
	background-position: -89px 0;
}

#Menu li a.ScoopButton {
	display: block ;
	height: 30px;
	background: url(/img/New/btScoop.png) no-repeat 0 0 ;
	width: 82px;
	text-indent:-5000px;
}

#Menu li a.ScoopButton:hover {
	background-position: -82px 0;
}

#Menu li a.ParticipateButton {
	display: block;
	height: 28px;
	background: url(/img/New/btParticipe.png) no-repeat 0 0 ;
	width: 89px;
	text-indent:-5000px;
}

#Menu li a.ParticipateButton:hover {
	background-position: -89px 0;
}

#Menu li a.EquipeButton {
	display: block ;
	height: 30px;
	background: url(/img/New/btEquipe.png) no-repeat 0 0 ;
	width: 79px;
	text-indent:-5000px;
}

#Menu li a.EquipeButton:hover {
	background-position: -79px 0;	
}

#Menu li a.PartenairesButton:hover {
	background-position: -112px 0;
}
#Menu li a.PartenairesButton {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	height: 26px;
	background: url(/img/New/btPartenaires.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	width: 112px;
	text-indent:-5000px;
}



#titreCat
			{
			background:url(images/titreCat.jpg) no-repeat top left;
			width:489px;
			height:68px;
			margin-left:60px;
			}
			
			#titreNouv
			{
			background:url(imgArticles/titreArticles.png) no-repeat top left;
			width:529px;
			height:93px;
			margin-left:75px;
			margin-top:20px;
			}
			
			#tableauContenu
			{
			margin-left:15px;
			}
			
				.TlistItem, .listItem1, .listItem2, #tableauContenu
				{
				clear:both;
				}
				
				.TlistItem div
				{
				color:#999999;
				font-weight:bold;
				float:left;
				background-color:#000000;
				border-right:#666666 solid 1px;
				width:580px;
				}
				
					div.dateListCat
					{
					width:70px;
					}
					
					div.thumbListCat
					{
					width:75px;
					color:#000000;
					}
					
					div.titreListCat
					{
					width:245px;
					}
					
					div.auteurListCat
					{
					width:70px;
					}
					
					div.vuListCat
					{
					width:60px;
					}
					
					div.coteListCat
					{
					width:60px;
					border:none;
					}
					
				.listItem1 div
				{
				color:#EEEEEE;
				float:left;
				padding-left:0px;
				border-right:#999999 solid 1px;
				height:35px;
				background:url(images/transparentSombre.png) repeat;
				overflow:hidden;
				}
				.listItem2 div
				{
				color:#EEEEEE;
				float:left;
				padding-left:0px;
				border-right:#999999 solid 1px;
				height:35px;
				background:url(images/transparentClair.png) repeat;
				overflow:hidden;
				}
 /*CSS POUR LE FOOTER*/

div.fond
{
	top:0px;
	left:0px;
	position:fixed;
	background: url(/img/New/fond.png) repeat left;
	height:100%;
	width:100%;
	z-index:100;
	display:none;
	
	text-align:center;
	vertical-align:middle;	
}

div.frame
{
	position:fixed;
	z-index:101;
	top:50%;
	left:50%;
	margin-top:-250px; /* moitié de la hauteur */
	margin-left:-200px; /* moitié de la largeur */
}

div.frame_carre
{
	background: url(/img/New/frame.png) no-repeat bottom right;
	height:523px;
	width:420px;
	margin-top:18px;
	position:absolute;
}

div.textContainer
{
	padding-left:40px;
	padding-top:55px;
	height:445px;
	width:365px;
}

div.text
{
	height:445px;
	width:365px;
	overflow:auto;
}

div.fermer
{
	padding-top:23px;
	padding-left:290px;
	position:absolute;
	z-index:105;
}

div.conditions
{
	z-index:500;
	position:absolute;
	display:none;
}

div.rejoindre_aidez
{
	padding-top:13px;
	z-index:500;
	position:absolute;
	display:none;
}

div.text b
{
	color:#cf4300;
}

div.text a {
	color: #cf4300;
	text-decoration: none;
}

div.text a:visited {
	color: #cf4300;
}

div.text a:hover {
	color: #cf4300;
	text-decoration:underline;
}

img{
	border:none;
}

 /*Pour les lien dans le bas de page*/

div.BottomMenu
{
	width:945px;
	margin-right:auto;
	margin-left:auto;
	padding-top:25px;
}

#Bas {
	margin: 0px;
	padding: 0;
	padding-left:80px;
	list-style:none;
	position: absolute;
	z-index:51;
}

#Bas li {
	float:left;
	margin-right: 5px;
	padding: 0;
	overflow:hidden; 	/* To mask the actual text of the link  overflow + textindent */
}

#Bas li a.condition {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	height: 41px;
	background: url(/img/New/btConditionsUtilisation.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	width: 133px;
	text-indent:-5000px;
}

#Bas li a.condition:hover {
	background-position: -134px 0;
}

#Bas li a.rejoindre {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	height: 41px;
	background: url(/img/New/btNousRejoindre.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	width: 92px;
	text-indent:-5000px;
}

#Bas li a.rejoindre:hover {
	background-position: -93px 0;
}

#Bas li a.aidezmoi {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	height: 41px;
	background: url(/img/New/btAide.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	width: 100px;
	text-indent:-5000px;
}

#Bas li a.aidezmoi:hover {
	background-position: -101px 0;
}

#Bas li.copyright {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	height: 41px;
	background: url(/img/New/noticeCopyright.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	width: 214px;
	text-indent:-5000px;
}

#Bas li.copyright:hover {
	background-position: -214px 0;
}

#Bas li.telefilm {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	height: 57px;
	background: url(/img/New/logoTelefilm.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	width: 97px;
	text-indent:-5000px;
}

#Bas li.canada {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	height: 41px;
	background: url(/img/New/logoCanada.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	width: 97px;
	text-indent:-5000px;
}

#Bas li.bell {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */	
	height: 57px;
	background: url(/img/New/logoFondsBell.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	width: 97px;
	text-indent:-5000px;
}
/* FIN FOOTER */
/* FIN FOOTER */

div.itemBlog h3
{
	font-size:15pt;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:10px;
	line-height:12pt;
}

/* FIX DÉSACTIVATION CHAMP DE RECHERCHE */
a.titre:hover{
	color:#cf4300;
}

div.MenuBar
{
background: url(/img/New/menubarTEMP.png) no-repeat top;
}

div.FieldCherche input
{
display:none;
}

div.Cherche
{
display:none;
}
/* FIN FIX DÉSACTIVATION CHAMP DE RECHERCHE */

a.IE-link
{
	display:none;
}