@CHARSET "UTF-8";

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

#MainContainer
{
	margin-left: auto;
	margin-right: auto;
	width: 945px;
	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/imgclip/BottomRight.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

div.GreatContainer
{
	background-image: url(/img/imgclip/TopLeft.png);
	background-repeat:no-repeat;
	background-position:top left;
}

div.Content
{
	margin-left: auto;
	margin-right: auto;
	width:950px;
	z-index:50;
}
div.BackContent
{
	width:950px;
}
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-bottom: 10px;
	margin-left: auto;
	margin-right: 10px;
	z-index:50;
}


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

div.MainContent
{
	height:100%;
	width:950px;
	overflow:hidden;
	z-index:50;
}

div.CenterContainer
{

	height:100%;
	padding-left:20px;
	width:925px;
	overflow:hidden;
	z-index:50;
}

div.RightContainer
{
	height:820px;
	width:320px;
	float:right;
	padding-right:2px;
	overflow:hidden;
	z-index:50;
}
div.VideoTitle
{
	text-align:right;
	padding-right:10px;
	background-color: #585644;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	height:auto;
	width:590px;
	overflow:hidden;
	z-index:50;
}
div.VideoContainer
{
	background: url(/img/imgArchives/transparentSombre.png) repeat top;
	height:auto;
	width:600px;
	float:left;
	overflow:hidden;
	z-index:50;
	padding-top:15px;
}
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(/img/imgclip/LeftHeader.png) no-repeat top;
	height:133px;
	z-index:50;
}

img
{
	z-index:99;
	border:none;
}

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

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

}

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

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;
}

div.ChampsLogin input
{
	width:130px;
}
div.ChampsLogin input
{
	width:130px;
}
div.password input
{
	width:130px;
}
input.password
{
	padding-left:15px;
}
#cherche
{
	font-size:7pt;
	border:none;
	background-color:transparent;
}
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.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;
}

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

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


span.descriptionVu
{
	color:#c3c3c3;
}

td.petit{
	font-size:10pt;
}

a.titre{
	color:#ffffff;
	text-decoration:none;
}

a.titre:hover{
	color:#ffffff;
}

div.BigBoxContainer
{
	width:320px;
	height:250px;
	background: url(/img/imgclip/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(/img/imgclip/widgetTop.jpg) no-repeat top left;
	width:120px;
	min-height:400px;
	padding-left:10px;
	z-index:50;
}

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

div.leftWidgetBottom
{
	background: url(/img/imgclip/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.TitreCom a
{
	text-decoration:none;
	color:#FFFFFF;
}
div.TitreCom a:hover
{
	text-decoration:none;
	color:#cf4300;
}
div.TextCom
{
	color:#FFFFFF;
	height:auto;
	width:auto;
	overflow:hidden;
	z-index:50;
}
div.TitreLeft
{
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	background-color:#000000;
	height:auto;
	width:100px;
	overflow:hidden;
	z-index:50;
}
div.TextLeft
{
	font-weight:bold;
	color:#FFFFFF;
	height:auto;
	width:100px;
	overflow:hidden;
	z-index:50;
}
div.AutreVideo
{
	padding-top:10px; 
	color:#FFFFFF;
	width:570px;
	height:auto;
	float:left;
	z-index:50;
}
div.Commentaire
{
	float:left;
	width:600px;
	background: url(/img/imgArchives/transparentClair.png) repeat top;
}
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:70px;
}

div.MainFooter
{
	background: url(/img/imgclip/Footer.png) no-repeat top;
	height:87px;
	margin-bottom:0px;
	z-index:50;
	padding-left:65px;
}

.Cherche
{
	float:right;
	z-index:51;
	padding-right:15px;
	padding-top:15px;
}
.FieldCherche
{
	position:absolute;
	z-index:60;
	padding-left:516px;
	padding-top:25px;
	color:#FFFFFF;
	border:none;
	background-color:transparent;
}
.rss
{
	position:absolute;
	margin-left:500px;
	margin-top:29px;
	z-index:200;
}

div.rightContent
{
	height:500px;
	padding-left:0px;
}
div.VidSec
{
	/*padding-top:30px;*/
	padding-left:20px;
	height:468px;
	width:320px;
	background: url(/img/imgclip/rightVidMenu.png) no-repeat top left;
}

#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/imgclip/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/imgclip/btParticipe.png) no-repeat 0 0 ;
	width: 89px;
	text-indent:-5000px;
}

#Menu li a.ParticipateButton:hover {
	background-position: -89px 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;
}

#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;	
}

.Footer{
	height:27px;
	width:950px;
	background-image:url(/img/imgclip/Footer.png);

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

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

#TICKER a.span
{
	color:#ebe8dd;
}
.noborder
{
	border:none;
}

.patch
{
background: url(/img/imgclip/backmid.png) repeat left;
height:auto;
width:auto;
}

/*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:center;	
}

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.text p
{
	font-size:11pt;
}

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;
}
.Vote {
	font-size: 0.75em;
	width: 60%;
	margin:0;
	padding-left:130px;
	height: 20px;
	text-align:center;
}
.vote
{
	background-color:#000000;
}

 /*Pour les lien dans le bas de page*/
#Bas {
	margin: 0px;
	padding: 0;
	padding-top:100px;
	padding-left:35px;
	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.bell
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	background: url(/img/New/logoFondsBell.png) no-repeat 0 0;
	height: 57px;
	width: 97px;
	text-indent:-5000px;
}
#Bas li a.telefilm
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	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 */
	height: 57px;
	width: 97px;
	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.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;
}
#thumbTitreCat{
	background: url(/img/New/titreSuggestions.png) no-repeat;
	width:279px;
	height:73px;
}
/* FIN FOOTER */
#feedback.confirm {
	position:absolute;
	width: 318px;
	height: 268px;
	top:180px;
	left:620px;
	border:2px;
	border-style:solid;
	border-color:black;
	background-color:#333333;
	padding: 0;
	z-index:1000;
	display:none;
	text-align:center;
}

#feedback.error {
	text-align:center;
	background-color:#333333;
	border:2px solid black;
	display:none;
	height:270px;
	left:620px;
	padding:0pt;
	position:absolute;
	top:160px;
	width:320px;
	z-index:1000;
}

#feedback.vote {
	text-align:center;
	background-color:#000000;
	border:2px solid white;
	display:none;
	height:100px;
	left:320px;
	padding:0pt;
	position:absolute;
	top:800px;
	width:310px;
	z-index:1000;
}

#feedback.vote h1 {
	background-color:#585644;
	padding: 5px;
	margin:0;
	font-size: 0.75em;
	text-align:right;
}
#feedback a {
	text-decoration:none;
	color:#990000;
}
.AddComments{
	text-align:left;
}
#CommentForm h1 {
	background-color:#585644;
	padding: 3px;
	margin:0;
	font-size: 1em;
	text-align:right;
}
#CommentForm a{
	text-decoration:none;
	color:#990000;
}
#CommentForm {
	position:absolute;
	width: 318px;
	height: 220px;
	top:800px;
	left:320px;
	border:2px;
	border-style:solid;
	border-color:white;
	background-color:#000000;
	padding: 0;
	z-index:50;
	display:none;
	text-align:center;
	font-size:0.8em;
}
#Credits {
	font-size: 0.75em;
	padding: 15px 7px 0px 30px;
	text-align: center;
	float:none;
}

#Credit {
	position:relative;
	width:110px;
	min-height:45px;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	text-align: left;
	padding: 0px 15px 15px 0px;
}

#Credits h1 {
	font-size: 1em;
	font-weight:bold;
	line-height: 1em;
	margin: 0 0 0.5em 0;
	padding:0;
}

#Credits p {
	font-size: 0.9em;
	line-height: 1em;
	margin: 0.5em 0 0 0;
	padding:0;
}

#CreditsFooter {
	background-image:url(../img/CreditsFooter.png);
	background-repeat:no-repeat;
	height:7px;
	width:563px;
	padding-bottom: 10px;
}

#CreditsHeader {
	background-image:url(../img/CreditsHeader.png);
	background-repeat:no-repeat;
	height:5px;
	width:563px;
	padding:0;
	margin:0;
}

/* 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 */