@charset "utf-8";
/* 1.0.23 2012/09/13 14:20 DA */
/* CSS Document */

html {overflow: -moz-scrollbars-vertical; min-height: 100%; margin-bottom: 1px; /* force vertical scrollbar and avoid jarring*/}

body {
	text-align: center; /* centrage pour IE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.15em;
	font-weight: normal;
	background: #01254f url(../images/background_site.jpg) repeat-y top center;
	color: #fff;
	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
	}

fieldset,img { border:0;}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
	}


caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	}

q:before,q:after {content:'';}

abbr,acronym { border:0;}

.clear, br  {clear: both;}

a:focus {outline: none;}

.flRight {float: right;}
.flLeft {float: left;}

/* ---[ Layout ]--------------------- */

#wrapper {
	margin: 0 auto;
	width: 930px;
	padding: 20px 0 0 0;
	text-align: left;
	position: relative;
	z-index:1;
	}

	#header {position: relative; width: 930px; height: 142px;z-index:100;}
		img#logo {position: absolute; top:10px; left: 0;width:19%;height:auto;}
		#topbanner {position: absolute; top: 0; right: 0;}


		#nav {position: absolute; top: 96px; left: 192px; width: 495px; z-index: 999;}

		.jqueryslidemenu {z-index:100;position:relative;}

		.jqueryslidemenu ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			z-index:100;position:relative;
			}

		/*Top level list items*/
		.jqueryslidemenu ul li{
			position: relative;
			display: inline;
			float: left;
			}

		/*Top level menu link items style*/
		.jqueryslidemenu ul li a{
			display: block;
			padding: 5px 10px 2px 10px;
			font-size: 18px;
			font-weight: bold;
			text-decoration: none;
			margin: 8px 5px 0 0;
			}

				.jqueryslidemenu ul li a#faistonTAC {width: 40px; height: 43px;  background: url(../images/btnFaistonTACtransp.png) no-repeat; margin: 0 0 0 10px; padding: 0;}
					.jqueryslidemenu ul li a#faistonTAC span {display: none;}

				.jqueryslidemenu ul li#menu-videos:hover {
					background: url(../images/menu-haut-actif.png) no-repeat 0px 8px transparent;
				}

		* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
			display: inline-block;
			}

		.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
			color: #fff;

			}

		.jqueryslidemenu ul li a:hover, .jqueryslidemenu ul li:hover > a{
			/* background: #529ee9; tab link background during hover state*/
                        text-decoration:underline;
			color: #fff;
			}

		/*1st sub level menu*/
		.jqueryslidemenu ul li ul{
			position: absolute;
			left: 0;
			display: block;
			visibility: hidden;
			background: #fff;
			-moz-box-shadow: 5px 5px 5px #2d3947;
 		    -webkit-box-shadow: 5px 5px 5px #2d3947;
			box-shadow: 5px 5px 5px #2d3947;
			padding: 10px 0px;
			z-index:100;
			/*width:100px !important;*/
			width:105px !important;
			}
		* + html .jqueryslidemenu ul li ul{top: 33px !important; }
		/*Sub level menu list items (undo style from Top level List Items)*/
		.jqueryslidemenu ul li ul li{
			display: list-item;
			float: none;
			}

		/*All subsequent sub menu levels vertical offset after 1st level sub menu */
		.jqueryslidemenu ul li ul li ul{
			top: 0;
			}

		/* Sub level menu links style */
		.jqueryslidemenu ul li ul li a{
			/*width: 102px;*/ /*width of sub menus*/
			width: 85px; /*width of sub menus*/
			padding: 5px 10px;
			margin: 0;
			font-weight: bold;
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			}

			.jqueryslidemenu ul li ul li a:link, .jqueryslidemenu ul li ul li a:visited{
			color: #000;
			}

			.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
			color: #000;
			}

		/* ######### CSS classes applied to down and right arrow images  ######### */

		.downarrowclass{
			position: absolute;
			top: 12px;
			right: 7px;
			}

		.rightarrowclass{
			position: absolute;
			top: 6px;
			right: 5px;
			}

/* ---[ Search Form ]--------------------- */

form#searchForm {position: absolute; top: 105px; right: 0; width: 225px; height: 20px;}
form#searchForm input#inputRecherche {
	font-size: 12px; border: 0; float: left; width: 186px; height: 20px; padding: 0 7px; background: #fff url(../images/bgInputSearch.gif) no-repeat 0 0;
	}
form#searchForm input#inputRecherche { padding: 3px 7px 0 7px \9; height: 17px \9;}

form#searchForm input#btnSearch {
	border: 0; float: left; width: 25px; height: 20px; background: url(../images/btnSearch.gif) no-repeat;
	}

/* ---[ 2-column layout ]--------------------- */

#main {float: left; width: 615px;position: relative;    z-index: 1;}
	#main.wide {float: left; width: 930px; clear: both;}
#sidebar {float: right; width: 300px;}
#main.wide  #reseauxSociaux{margin:0 0 10px 8px; height: 20px;}

#reseauxSociaux img.sendFriend { display: block; float: left; margin-right: 10px; }

/* ---[ Promos - Home ]--------------------- */

#mainPromo {position: relative; z-index:1;clear: both; width: 930px; height: 365px; margin: 0 0 15px 0; padding:0px 0px 0 0;z-index:-1 /*IE7 hack - ugh!*/;}
img.bgImg {position: absolute; top: 0px; left: 0; z-index: 1;}
#textOverlay {position: absolute; top: 309px; left: 81px; z-index: 2; width: 375px; height: 35px; color: #fff; font-size: 12px; line-height: 1.2em;}
#promoRotative {float: left; width: 615px; height: 250px; margin: 0 15px 15px 0;}
#bigBox {float: right; width: 300px; height: auto; margin: 0 0 15px 0;} /* height: 250px; */
#mesSuggestions{width:700px;}

#mainPromo .titreSuggestion { font-size: 18px; margin: 0px 0px 22px 28px;  }
#mainPromoSuggestion {
	position:absolute;
/*	top:20px; */
    top: 8px;
	left:0;
	padding-left: 22px;
/*	padding-left: 100px;*/
}

#mainPromoSuggestion h4 { font-weight: bold; }
#mainPromoSuggestion > div {
	display: inline-block;
	padding: 10px;
/*	padding: 37px;	*/
}
#mainPromoSuggestion .col1,
#mainPromoSuggestion .col2,
#mainPromoSuggestion .col3
{
	padding-bottom: 0;
    padding-top: 83px;
/*	padding-top: 17px;*/
}
#mainPromoSuggestion .vote {
    text-align: right;
    width: 166px;
}




/*** VIGNETTE PROMO NOEL **/

#mainPromo .wrapCapsule{z-index:1000; position:relative;float: left; width: 167px; height: 148px; font-size: 11px; }
	#mainPromo .wrapCapsule h4 {font-size: 12px;}
	#mainPromo .wrapCapsule.col1 {margin: 0 26px 10px 28px;}
	#mainPromo .wrapCapsule.col2 {margin: 0 26px 10px 0;}
	#mainPromo .wrapCapsule.col3{margin: 0 0 10px 0;}

	 #mainPromo .wrapCapsule img.thumb {margin: 5px 0 0 0;}

	 #mainPromo .wrapCapsule a.lienThumbPersoClip { position: relative; display: block; width: 166px; height: 93px; margin: 0 0 5px 0; z-index: 0;}
	  #mainPromo .wrapCapsule a.lienThumbPersoClip span { display: block; position: absolute; top: 0px; left: 0px; width: 166px; height: 93px; margin-top: 5px; z-index: 2; }
	  #mainPromo .wrapCapsule a.lienThumbPersoClip:hover span { background: url('../images/rollover_play_small.png?1') no-repeat 59px 18px transparent; background-position: center; background-size: 50px; }
	  #mainPromo .wrapCapsule a.lienThumbPersoClip span img { display: block; position: absolute; top:0px; left: 0px; z-index: 1; margin-top: 0px !important; }
	 #mainPromo .votes {width:166px; text-align: right;}

/*** FIN **/

.miniPromo {float: left; width: 300px; height: 127px; margin: 0 0 15px 0;}
.miniPromoSansMarge {float: left; width: 300px; height: 127px; margin: 0 0 0px 0;}

.miniPromo.miniClip {height: 80px;}
.miniPromo.miniClip img{width: 100%;}
.miniPromo.miniClip a{float:left;width:142px;height:80px; display: block; position:relative;overflow:hidden;}
.miniPromo.miniClip a:first-child{margin-right: 16px;}
.miniPromo.miniClip a img{position:absolute;top:0;left:0;}

#fb.miniPromo {position: relative; background: url(../images/bgMiniPromoFB.gif) repeat-x; color: #4c4c4c; width: 264px; height: 106px; padding: 13px 18px 8px 18px; margin: 0 15px 0px 0;}

#fb-root {float:left;}
.twitter-share-button, #___plusone_0, .fb-like  {float:left !important;}
#___plusone_0 { width: 77px !important; }
.twitter-share-button { width: 88px !important; }
#reseauxSociaux .fb-like { /*width: 110px !important;*/ }
#reseauxSociaux .fb-like iframe { /*width: 110px !important;*/ }

#fb.miniPromo h2 {color: #4c4c4c; font-size: 12px; font-weight: bold; margin: 0 0 0 0;}
	#fb.miniPromo #social {position: absolute; bottom: 3px; left: 18px;}
	#fb.miniPromo #social img.icon {margin: 3px 5px 0 0;}
	#fb.miniPromo  a {color: #3b5998; text-decoration: none;}
		#fb.miniPromo  a:hover {text-decoration: underline;}
	#fb.miniPromo  a strong {font-size: 14px;}
.miniPromo.last {margin: 0 0 15px 0;}


/* ---[ Clips - Home ]--------------------- */

#clipThumbs {clear: both; width: 615px; height: 80px; margin: 0 0 15px 0;}
	#clipThumbs .clip {float: left; width: 142px; height: 80px; background: #c323a7;}
		#clipThumbs #clip1, #clipThumbs #clip3 {margin: 0 16px 0 0;}
		#clipThumbs #clip2 {margin: 0 15px 0 0;}

#videoPlayer {clear: both; width: 615px; height: 340px; margin: 0 0 15px 0;}

/* ---[ Pagination ]--------------------- */

#titleBar {position: relative; width: 615px; height: 38px; clear: both; background: url(../images/bgTitleBar.png) no-repeat; margin: 0 0 14px 0;}

	#main.wide #titleBar {width: 930px; background: url(../images/bgTitleBarWide.png) no-repeat; margin: 0;}
		#main.wide #titleBar h1 {width: 100%;}
		#main.wide #titleBar h1 a {text-decoration: none; color: #fff;}
	#titleBar h1 {position: absolute; top: 10px; left: 15px; font-size: 18px; width: 100%; display: inline; }
	#titleBar h1.limitWidth {position: absolute; top: 10px; left: 15px; font-size: 18px; width: 200px; display: inline; }
		#titleBar img.chevron {margin: 0 8px; vertical-align: middle;}
		#titleBar h1.breadcrumb {top: 0;}
                #main.wide #titleBar h1.breadcrumb a:hover {text-decoration:underline;}
	#pagenavi {position: absolute; top: 8px; right: 8px; width: 410px; height: 22px; font-size: 12px;}
		#pagenavi .sortLabel {padding-top: 3px; font-weight: bold; margin: 0 3px 0 0;}
		#pagenavi a {text-decoration: none; color: #9ec3ed;}
			#pagenavi a.active, #pagenavi a.pageNum.active {color: #fff; font-weight: bold;}
		#pagenavi a.sortResults {line-height: 20px; float: left; width:38px; height: 17px;  margin: 0 4px; text-align: center;}
			 #pagenavi a.sortResults:active, #pagenavi a.sortResults.active {text-decoration: none; color: #fff;padding-bottom: 4px;background:#3c91d3;border-radius:2px; } /* Enlevé background: url(../images/bgActive.png) no-repeat; -- demandé par Hugo le 4 déc. 2011 */
			 #pagenavi a.sortResults:hover{text-decoration: underline;}
                          #pagenavi a.sortResults.active:hover, #pagenavi a.pageNum.active:hover {text-decoration: none;color:#fff;}
						 #pagenavi span.pageNums{color: #9EC3ED;}
                         #pagenavi a.pageNum {margin: 2px 5px 0 5px;line-height: 20px;}
                         #pagenavi a.pageNum:hover {color: #9EC3ED;text-decoration: underline;}

			#pagenavi a.btnPrec {width: 9px; height: 15px; display: block; float: left; background: url(../images/prev.png) no-repeat; margin: 3px 4px 0 4px;}
			#pagenavi a.btnSuiv {width: 9px; height: 15px; display: block; float: left; background: url(../images/next.png) no-repeat; margin: 3px 4px 0 4px;}
				#pagenavi a.btnPrec span, #pagenavi a.btnSuiv span {display: none;}

		#pagenavi img.sep {vertical-align: middle; margin: 0 8px 0 6px;}

		#pagenavi form {float: right;}
		#pagenavi select {width: 116px; margin: 0 0 0 5px;}

		#subTitleBar {clear: both; width: 615px; height: 21px; padding-top: 7px; background: url(../images/bgSubTitleBar.png) no-repeat;  margin: 0 0 14px 0; text-align: center; font-weight: bold;}


/* ---[ Footer ]--------------------- */

#footer {position: relative; clear: both; width: 930px; height: 15px; margin: 0px 0 100px 0;  padding: 15px 0 0 0;border-top: 1px #5481b4 solid;}
#c_accueil #footer {padding-top: 0px;}
	#footer.noTopMargin {margin: 0 0 5px 0;}
	#footer.noBorder {border: 0px;}
	ul#footerNav {float: left; width: 570px; height: 30px;}
		ul#footerNav li {list-style-type: none; display: inline; float: left; font-size: 12px; margin: 0 15px 0 0;}
			ul#footerNav li a {color: #fff; text-decoration: none;}
			ul#footerNav li a:hover {text-decoration: underline;}

	#credits {position: absolute; bottom: 3px; right:0; width: 360px; height: 16px; color: #7cadd8; font-size: 10px; text-align: right;}
	#credits2 {position: absolute; bottom: 3px; right:150px; width: 300px; height: 16px; color: #7cadd8; font-size: 10px; text-align: right;}
	#credits_fonds {position: absolute; bottom: -13px; right:0; height: 39px; padding-top: 4px; width: 200px; text-align: right; color:#fff; font-size: 12px; }
	#credits_fonds p { margin-top: 4px; }
	img#stream {margin: 0 0 0 18px;}
	img#blakkat {margin: 0 0 0 6px;}


/* ---[ Séries télé - Liste 2 colonnes ]--------------------- */
.serieTele {/*background:url(../images/serie_tele_preview_FR.jpg) no-repeat 0px 52px; height: 700px;*/ /*bg_serieTele.jpg*/ }
.serieTeleCA {/*background:url(../images/serie_tele_preview_QC.jpg) no-repeat 0px 52px; height: 700px;*/ /*bg_serieTele.jpg*/ }
.wrapCapsule, .results_episode .wrapCapsule { z-index:10;display:block; width: 300px; height: 145px; margin-bottom: 17px; font-size: 11px; position: relative; }

	.wrapCapsule .titreThumb {
		cursor:pointer;
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		width: 290px;
		height: 117px;
		padding: 5px;
		z-index:100;
		text-decoration: none;
	} /* background: url(../images/thumb_shroud.png) transparent no-repeat top left; */
	.wrapCapsule .titreThumb:hover {
		background: url(../images/rollover_play.png?1) transparent no-repeat 125px 35px;
		background-position: center;
		background-size: 50px;
	}
	.serieTeleCA .wrapCapsule:hover .titreThumb {
		background: url(../images/rollover_play.png?1) transparent no-repeat 125px 35px;
		background-position: center;
		background-size: 50px;
	}
	.wrapCapsule .titreThumb .saison-episode { text-transform:uppercase; font-size: 11px; }

	.wrapCapsule .titreTeaser {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		width: 290px;
		height: 117px;
		padding: 5px;
		z-index:100;
		text-decoration: none;
	}
	.wrapCapsule .titreTeaser .saison-episode { text-transform:uppercase; font-size: 11px; }


	 .wrapCapsule img.thumb, .results_episode .wrapCapsule img.thumb {margin: 0 0 2px 0;position:relative;}
	 .wrapCapsule img.star, .results_episode .wrapCapsule img.star {vertical-align: top;float: left;}
	 .wrapCapsule img.star.last, .results_episode .wrapCapsule img.star.last {margin: 0 10px 0 0;}

	 .votes, .results_episode .votes {width: 185px; float: left;}
         .nbVoteStar{float:left; line-height: 14px; padding-top: 1px; }
	 .vues, .results_episode .vues {width: 110px; float: right; text-align: right; margin: 0px 0 0 0;}

.serieTeleCA .wrapCapsule .titreThumb span { display: block; line-height: 20px; }
.serieTele .wrapCapsule .titreThumb span { display: block; line-height: 20px; }

.serieTeleCA .wrapCapsule .titreTeaser span { display: block; line-height: 20px; }
.serieTele .wrapCapsule .titreTeaser span { display: block; line-height: 20px; }

/* ---[ Collection - Liste 4 colonnes ]--------------------- */
/*.collection{background:url(../images/bg_collection.jpg) repeat-y;}*/
#main.collection .wrapCapsule, .results_clip .wrapCapsule, .results_extra .wrapCapsule, .results_anglais .wrapCapsule, .results_espagnol .wrapCapsule { float: left; width: 142px; height: 138px; margin-bottom: 24px; font-size: 11px; }
	#main.collection .wrapCapsule h2, #main.search .results_clip .wrapCapsule h2, #main.search .results_extra .wrapCapsule h2, #main.search .results_anglais .wrapCapsule h2, #main.search .results_espagnol .wrapCapsule h2 {font-size: 12px; text-transform: none; border: none; padding: 0; margin: 0;}
	#main.collection .wrapCapsule.col2, .results_clip .wrapCapsule.col2, .results_extra .wrapCapsule.col2, .results_anglais .wrapCapsule.col2, .results_espagnol .wrapCapsule.col2 {margin: 0 15px 24px 16px;}
	#main.collection .wrapCapsule.col3, .results_clip .wrapCapsule.col3, .results_extra .wrapCapsule.col3, .results_anglais .wrapCapsule.col3, .results_espagnol .wrapCapsule.col3 {margin: 0 16px 24px 0;}

	.wrapCapsule a.lienThumbCollection { position: relative; display: block; width: 142px; height: 80px; margin: 0 0 5px 0; z-index: 0;}
	 .wrapCapsule a.lienThumbCollection span { display: block; position: absolute; top: 0px; left: 0px; width: 142px; height: 80px; margin-top: 5px; z-index: 2; }
	 .wrapCapsule:hover a.lienThumbCollection span { background: url('../images/rollover_play_small.png?1') no-repeat 47px 15px transparent; background-position: center; background-size: 50px; }
	 .wrapCapsule a.lienThumbCollection span img { display: block; position: absolute; top:0px; left: 0px; z-index: 1; margin-top: 0px !important; }

	 #main.collection .wrapCapsule img.thumb, .results_clip .wrapCapsule img.thumb, .results_anglais .wrapCapsule img.thumb, .results_espagnol .wrapCapsule img.thumb {margin: 5px 0 0 0 ;}

	 #main.collection .votes, #main.clip_perso .votes, .results_clip .votes, .results_extra .votes, .results_anglais .votes, .results_espagnol .votes {width: auto; float: none; text-align: left; padding-top:4px;}
	 #main.collection .vues, #main.clip_perso .vues, .results_clip .vues, .results_extra .vues, .results_anglais .vues, .results_espagnol .vues {width: auto; float: none; text-align: left; margin: 0;}

#main.collection .wrapCapsule2, #main.search .wrapCapsule2, #main.clip_perso .wrapCapsule2 {width:300px;margin:0 0 15px 0;float:left;cursor:pointer;}
#main.collection .colLeft, #main.clip_perso .colLeft, #main.search .colLeft {margin:0 15px 15px 0;}

.wrapCapsule2 .texteCapsule{float: left; background: url(../images/bg_collection_infos.jpg) no-repeat top right;width: 133px; height: 87px;padding-top:7px;}
.wrapCapsule2 .texteCapsule .votes{padding:4px 0 0 0;font-size: 11px;padding:0 0 0 10px;}
.wrapCapsule2 .texteCapsule .votes .star{padding:0px 0 2px 0;}
.wrapCapsule2 .texteCapsule h2, .wrapCapsule2 .texteCapsule h4{padding:1px 0 0 10px;font-size: 12px;}
.wrapCapsule2 .texteCapsule .vues{padding:1px 0 0 10px;font-size: 11px;}

.wrapCapsule2 a.lienThumbCollection, .wrapCapsule2 a.lienThumbClipSearch {float: left;position: relative; display: block; width: 166px; height: 93px; margin: 0 0 5px 0; z-index: 0;}
.wrapCapsule2 a.lienThumbCollection span, .wrapCapsule2 a.lienThumbClipSearch span { cursor:pointer;display: block; position: absolute; top: 0px; left: 0px; width: 166px; height: 93px; margin-top: 5px; z-index: 2; }
	 .wrapCapsule2:hover a.lienThumbCollection span, .wrapCapsule2:hover a.lienThumbClipSearch span { background: url('../images/rollover_play_small.png?1') no-repeat 57px 18px transparent; background-position: center; background-size: 50px; }


/* ---[ Personnages - Liste 3 colonnes ]--------------------- */

#main.personnages {background:url(../images/bg_etoiles.png) repeat-y;}
.wrapThumb {float: left; width: 166px; height: 162px; margin: 10px 29px 15px 29px; font-size: 12px; text-align: center;}
	.wrapThumb img.thumb {margin: 0px;} /* 0 0 5px 0; */
	.wrapThumb.col2 {margin: 10px 29px 15px 0;}
	.wrapThumb.col3 {margin: 10px 30px 15px 0;}

/* ---[ Jeux - Liste 3 colonnes ]--------------------- */
#main.jeux{background:url(../images/bg_etoiles.png) repeat-y;}
#main.jeux .wrapThumb {float: left; width: 166px; height: 160px; margin: 15px 29px 0 29px; font-size: 12px; text-align: center;}

	#main.jeux .wrapThumb.col2 {margin: 15px 29px 0 0;}
	#main.jeux .wrapThumb.col3 {margin: 15px 30px 0 0;}

#main.jeux .wrapThumb2{height:215px;margin:0 0 30px 20px;}
#main.jeux .wrapThumb2 img{float: left;}
#main.jeux .wrapThumb2 .textJeux{float: left;margin:50px 0 0 20px;}
#main.jeux .wrapThumb2 .textJeux h2{font-size: 17px;text-transform: uppercase;}
#main.jeux .wrapThumb2 .textJeux p{font-size: 14px; width:300px;margin:10px 0 0 0;font-weight: bold;}
#main.jeux .wrapThumb2 .textJeux a{display:block;width:53px; height:35px; background: url(../images/fleche_jeux.png) no-repeat;text-indent: -9999px;margin:15px 0 0 0;}


#creditsJeux {margin: 0 0 25px 95px; height: 42px; }
#creditsJeux p {padding: 10px 0 0 0;}
#creditsJeux img {float: left;}

#creditsJeux img#canada {margin: 10px 33px 0 27px; }

#jeuFlash {clear: both; width: 915px; height: 550px; margin: 7px 0 12px 7px;}
#jeuFlashMachineBoule {clear: both; width: 801px; height: 704px; margin: 7px 0 12px 7px;}

.addthis_toolbox.padded {height: 27px; margin: 0 0 0 7px;}

/* ---[ Fais ton Tac - Liste 4 colonnes ]--------------------- */

#main.ftt #titleBar {margin: 0;}
#main.ftt h2 {font-size: 16px; margin: 0 0 10px 0;}
#main.ftt .wrapCapsule { float: left; width: 142px; height: 108px; margin-bottom: 19px; font-size: 11px; }
#main.ftt .wrapCapsule {margin:0 43px 19px 0;}
#main.ftt .wrapCapsule {
    float: left;
    font-size: 12px;
    height: 120px;
    margin-bottom: 19px;
    width: 170px;
}
	#main.ftt #bestOf {clear: both; width: 615px; min-height: 381px; padding-top: 12px; background: url(../images/bgThumbsFTT.jpg) repeat-y; border-top: 1px #5481b4 solid; /* margin-bottom: -5px;*/}
		#main.ftt #bestOf .wrapCapsule h3 {font-size: 12px; text-transform: none; border: none; padding: 0; margin: 0;}
		#main.ftt #bestOf .wrapCapsule.col2 {margin: 0 15px 19px 16px;}
		#main.ftt #bestOf .wrapCapsule.col3 {margin: 0 16px 19px 0;}

		 #main.ftt #bestOf .wrapCapsule img.thumb {margin: 4px 0 0 0;}

	 #main.ftt #fttacFlash {clear: both; width: 615px; height: 215px; margin: 0 0 13px 0;}

#main.ftt .col3{margin:0 0px 19px 0;}
#main.ftt .wrapCapsule a.lienThumbCollection span { cursor:pointer;display: block; position: absolute; top: 0px; left: 0px; width: 166px; height: 93px; margin-top: 5px; z-index: 2; }
	#main.ftt .wrapCapsule a.lienThumbCollection:hover span { background: url('../images/rollover_play_small.png?1') no-repeat 57px 18px transparent; background-position: center; background-size: 50px; }



/* ---[ PERSONNAGES CLIPS ]--------------------- */
#main.clip_perso  #titleBar h1 a {
    color: #FFFFFF;
    text-decoration: none;
}
#main.clip_perso #titleTypeEpisode {font-size: 12px; font-weight: 900; text-transform: uppercase; padding: 0 0 4px 0; border-bottom: 1px #5481b4 solid; margin: 0 0 15px 0;}
/*#main.clip_perso h2 {margin: 0 0 20px 0;}*/
#main.clip_perso h2 span {display: none;}
	h2#pubs {width: 67px; height: 23px; background: url(../images/tr_pubs.png) no-repeat;}
	h2#bandesAnnonces {width: 166px; height: 25px; background: url(../images/tr_bandesAnnonces.png) no-repeat;}
	h2#clipsExtras {width: 112px; height: 25px; background: url(../images/tr_clipsExtra.png) no-repeat;}
	h2#musique {width: 92px; height: 25px; background: url(../images/tr_musique.png) no-repeat;}
	h2#fondsEcran {width: 133px; height: 25px; background: url(../images/tr_fondsEcran.png) no-repeat;}
#main.clip_perso h3 {font-size: 14px; margin: 0 0 15px 28px;}
#main.clip_perso .wrapCapsule{ float: left; width: 167px; height: 148px; font-size: 11px; }
	#main.clip_perso .wrapCapsule h4 {font-size: 12px;}
	#main.clip_perso .wrapCapsule.col1 {margin: 0 26px 20px 28px;}
#main.clip_perso #selectCategorie{width:171px;}

	#main.clip_perso .wrapCapsule.col2 {margin: 0 26px 20px 0;}
	#main.clip_perso .wrapCapsule.col3{margin: 0 0 20px 0;}

	 #main.clip_perso .wrapCapsule img.thumb {margin: 5px 0 0 0;}

	.wrapCapsule a.lienThumbPersoClip { position: relative; display: block; width: 166px; height: 93px; margin: 0 0 5px 0; z-index: 0;}
	 .wrapCapsule a.lienThumbPersoClip span { display: block; position: absolute; top: 0px; left: 0px; width: 166px; height: 93px; margin-top: 5px; z-index: 2; }
	 .wrapCapsule a.lienThumbPersoClip:hover span { background: url('../images/rollover_play_small.png?1') no-repeat 59px 18px transparent; background-position: center; background-size: 50px; }
	 .wrapCapsule a.lienThumbPersoClip span img { display: block; position: absolute; top:0px; left: 0px; z-index: 1; margin-top: 0px !important; }
	 /* #main.clip_perso .votes {width:166px; text-align: right;} */

#main.clip_perso hr {clear: both; width: 100%; height: 1px; border: 0; color: #73a0c9; background: #73a0c9; margin: 0 0 7px 0;}


/* ---[ Extras - Liste 3 colonnes ]--------------------- */

#main.extras h2 {margin: 0 0 20px 0;}
	h2#pubs {width: 67px; height: 23px; background: url(../images/tr_pubs.png) no-repeat;}
	h2#bandesAnnonces {width: 166px; height: 25px; background: url(../images/tr_bandesAnnonces.png) no-repeat;}
	h2#clipsExtras {width: 112px; height: 25px; background: url(../images/tr_clipsExtra.png) no-repeat;}
	h2#musique {width: 92px; height: 25px; background: url(../images/tr_musique.png) no-repeat;}
	h2#fondsEcran {width: 133px; height: 25px; background: url(../images/tr_fondsEcran.png) no-repeat;}
#main.extras h2 span {display: none;}
#main.extras h3 {font-size: 14px; margin: 0 0 15px 28px;}
#main.extras .wrapCapsule, .results_publicite .wrapCapsule, .results_trailer .wrapCapsule, .results_musique .wrapCapsule { float: left; width: 167px; height: 148px; font-size: 11px; }
	#main.extras .wrapCapsule h4, .results_publicite .wrapCapsule h4, .results_trailer .wrapCapsule h4, .results_musique .wrapCapsule h4 {font-size: 12px;}
	#main.extras .wrapCapsule.col1 {margin: 0 26px 20px 28px;}
#main.extras #selectCategorie{width:171px;}
	/*** MUSIQUE DL **/
	#main.extras .wrapCapsule, #main.search .wrapCapsule {position:relative;}
	.dlMusique { display: none; }
	.dlMusiqueHover {display: block; position:absolute;top:19px;left:0;width: 167px; height: 93px;background:#1A3F63;opacity:0.9;}
		.dlMusiqueHover p:first-child{padding:20px 0 0 0;}
	.dlMusiqueHover p{margin: 0; padding: 10px 0 0 0; text-align: center;}
	.dlMusiqueHover p a{color:#FFF;text-decoration: none;font-size:12px;padding:10px 0 0 0;}
	.dlMusiqueHover p a:hover{color:#FFF;text-decoration: underline;font-size:12px;}
	/*** WALLAPER DL **/
	.dlWallpaper { display: none; }
	.dlWallpaperHover {display: block; position:absolute;top:19px;left:0;width: 167px; height: 93px;background:#1A3F63;opacity:0.9;}
		.dlWallpaperHover p:first-child{padding:20px 0 0 0;}
	.dlWallpaperHover p{margin: 0; padding: 10px 0 0 0; text-align: center;}
	.dlWallpaperHover p a{color:#FFF;text-decoration: none;font-size:12px;padding:10px 0 0 0;}
	.dlWallpaperHover p a:hover{color:#FFF;text-decoration: underline;font-size:12px;}
	/*****************/
	#main.extras .wrapCapsule.col2 {margin: 0 26px 20px 0;}

		.results_publicite .wrapCapsule.col1, .results_trailer .wrapCapsule.col1, .results_musique .wrapCapsule.col1 {margin: 0 26px 20px 0;}
		.results_publicite .wrapCapsule.col2, .results_trailer .wrapCapsule.col2, .results_musique .wrapCapsule.col2 {margin: 0 26px 20px 0;}
		.results_publicite .wrapCapsule.col2{margin-left: 26px;}
	#main.extras .wrapCapsule.col3, .results_publicite .wrapCapsule.col3, .results_trailer .wrapCapsule.col3, .results_musique .wrapCapsule.col3 {margin: 0 0 20px 0;}

	 #main.extras .wrapCapsule img.thumb, .results_publicite .wrapCapsule img.thumb, .results_trailer .wrapCapsule img.thumb, .results_musique .wrapCapsule img.thumb {margin: 5px 0 0 0;}

	.wrapCapsule a.lienThumbExtra { position: relative; display: block; width: 166px; height: 93px; margin: 0 0 5px 0; z-index: 0;}
	 .wrapCapsule a.lienThumbExtra span { display: block; position: absolute; top: 0px; left: 0px; width: 166px; height: 93px; margin-top: 5px; z-index: 2; }
	 .wrapCapsule a.lienThumbExtra:hover span { background: url('../images/rollover_play_small.png?1') no-repeat 59px 18px transparent; background-position: center; background-size: 50px; }
	 .wrapCapsule a.lienThumbExtra span img { display: block; position: absolute; top:0px; left: 0px; z-index: 1; margin-top: 0px !important; }

	 .results_publicite .votes, .results_trailer .votes, .results_musique .votes {width: auto; float: none;}
	 #main.extras .vues, .results_publicite .vues, .results_trailer .vues, .results_musique .vues {width: auto; float: none; text-align: left; margin: 0;}
	 #main.extras .votes {width: 70px; float: right; text-align: right;}
	 #main.extras .visionnements, #main.search .visionnements  {width: 100%; float: left; text-align: right;}

#main.extras hr {clear: both; width: 100%; height: 1px; border: 0; color: #73a0c9; background: #73a0c9; margin: 0 0 7px 0;}

/* ---[ Résultats de recherche ]--------------------- */

#main.search h2 {font-size: 12px; font-weight: 900; text-transform: uppercase; padding: 0 0 4px 0; border-bottom: 1px #5481b4 solid; margin: 0 0 15px 0;}

.results_clip, .results_anglais, .results_espagnol, .results_episode, .results_publicite, .results_extra, .results_trailer, .results_musique {clear: both; width: 100%; margin: 0 0 20px 0;}

.results_clip .wrapCapsule a.lienThumb { position: relative; display: block; width: 142px; height: 80px; margin: 0 0 5px 0; z-index: 0;}
.results_clip .wrapCapsule a.lienThumb span { display: block; position: absolute; top: 0px; left: 0px; width: 142px; height: 80px; margin-top: 5px; z-index: 2; }
.results_clip .wrapCapsule a.lienThumb:hover span { background: url('../images/rollover_play_small.png?1') no-repeat 47px 15px transparent; background-position: center; background-size: 50px; }
.results_clip .wrapCapsule a.lienThumb span img { display: block; position: absolute; top:0px; left: 0px; z-index: 1; margin-top: 0px !important; }

.results_anglais .wrapCapsule a.lienThumb { position: relative; display: block; width: 142px; height: 80px; margin: 0 0 5px 0; z-index: 0;}
.results_anglais .wrapCapsule a.lienThumb span { display: block; position: absolute; top: 0px; left: 0px; width: 142px; height: 80px; margin-top: 5px; z-index: 2; }
.results_anglais .wrapCapsule a.lienThumb:hover span { background: url('../images/rollover_play_small.png?1') no-repeat 47px 15px transparent; background-position: center; background-size: 50px; }
.results_anglais .wrapCapsule a.lienThumb span img { display: block; position: absolute; top:0px; left: 0px; z-index: 1; margin-top: 0px !important; }

.results_espagnol .wrapCapsule a.lienThumb { position: relative; display: block; width: 142px; height: 80px; margin: 0 0 5px 0; z-index: 0;}
.results_espagnol .wrapCapsule a.lienThumb span { display: block; position: absolute; top: 0px; left: 0px; width: 142px; height: 80px; margin-top: 5px; z-index: 2; }
.results_espagnol .wrapCapsule a.lienThumb:hover span { background: url('../images/rollover_play_small.png?1') no-repeat 47px 15px transparent; background-position: center; background-size: 50px; }
.results_espagnol .wrapCapsule a.lienThumb span img { display: block; position: absolute; top:0px; left: 0px; z-index: 1; margin-top: 0px !important; }

.results_extra .wrapCapsule a.lienThumb { position: relative; display: block; width: 142px; height: 80px; margin: 0 0 5px 0; z-index: 0;}
.results_extra .wrapCapsule a.lienThumb span { display: block; position: absolute; top: 0px; left: 0px; width: 142px; height: 80px; margin-top: 5px; z-index: 2; }
.results_extra .wrapCapsule a.lienThumb:hover span { background: url('../images/rollover_play_small.png?1') no-repeat 47px 15px transparent; background-position: center; background-size: 50px; }
.results_extra .wrapCapsule a.lienThumb span img { display: block; position: absolute; top:0px; left: 0px; z-index: 1; margin-top: 0px !important; }

.results_musique .wrapCapsule a.lienThumb { position: relative; display: block; width: 167px; height: 93px; margin: 0 0 5px 0; z-index: 0;}
.results_musique .wrapCapsule a.lienThumb span { display: none; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0px; left: 0px; width: 167px; height: 93px; margin-top: 5px; z-index: 2; }
.results_musique .wrapCapsule a.lienThumb span img { display: block; position: absolute; top:0px; left: 0px; z-index: 1; margin-top: 0px !important; }

.results_publicite .wrapCapsule a.lienThumb { position: relative; display: block; width: 166px; height: 93px; margin: 0 0 5px 0; z-index: 0;}
.results_publicite .wrapCapsule a.lienThumb span { display: block; position: absolute; top: 0px; left: 0px; width: 166px; height: 93px; margin-top: 5px; z-index: 2; }
.results_publicite .wrapCapsule a.lienThumb:hover span { background: url('../images/rollover_play_small.png?1') no-repeat 59px 18px transparent; background-position: center; background-size: 50px; }
.results_publicite .wrapCapsule a.lienThumb span img { display: block; position: absolute; top:0px; left: 0px; z-index: 1; margin-top: 0px !important; }

.results_episode .wrapCapsule a.lienThumb { position: relative; display: block; width: 300px; height: 127px; margin: 0 0 5px 0; z-index: 0;}
.results_episode .wrapCapsule a.lienThumb span { display: block; position: absolute; top: 0px; left: 0px; width: 300px; height: 127px; margin-top: 5px; z-index: 2; }
.results_episode .wrapCapsule a.lienThumb:hover span { background: url('../images/rollover_play.png?1') no-repeat 121px 33px transparent; background-position: center; background-size: 50px; }
.results_episode .wrapCapsule a.lienThumb span img { display: block; position: absolute; top:0px; left: 0px; z-index: 1; margin-top: 0px !important; }


/* ---[ Video Player ]--------------------- */

#main.player #titleBar {margin: 0;}
#main.player #titleBar h1 {width: 100%;}
#main.player #titleBar h1 a {text-decoration: none; color: #fff;}


	#main.player #videoPlayer {margin: 0;}

#playerInfo { padding: 13px 16px 6px 16px; background: url(../images/bgPlayerInfo.jpg) repeat-x left bottom #1d5e96; } /* height: 103px; */
	#playerInfo .caption {width: 350px; float: left; margin: 0 0 14px 0;} /* height: 76px; */
		#playerInfo .caption h2 {font-size: 14px;}
		#playerInfo .caption p {font-size: 12px; line-height: 1.2em; margin: 0 0 8px 0;}
		#playerInfo .caption .addthis_toolbox {height: 27px;}
	#playerInfo .voteInfo {float: right; width: 200px;}
		#playerInfo .voteInfo .voteCaption {float: right; width: 90px; text-align: right;}
		#playerInfo .voteInfo .votes {float: right; width: 90px; text-align: right;font-size: 11px;}
			#playerInfo .voteInfo .votes img.star {margin: 0 0 2px 0;}

		#playerInfo .voteInfo .vues {width: 115px; clear: both; text-align: right; margin: 2px 0 0 0;font-size: 11px;}




/*section commentaires*/

#playerInfo h2 {font-size: 14px; clear: both; line-height: 14px; margin-bottom: 7px; }
/*#playerInfo h2#nbComment{padding-top: 13px;}*/
#commentaires {padding: 13px 16px 19px 16px; background: #FFF;margin:0 0 5px 0;}
.btnAbus { display: block; float: right; margin: 0px 5px; }

#commentaires #classement {text-align: right; padding-bottom: 5px;}
#commentaires .message {color: #cd0a0a; font-size: 12px;}
#commentaires #commentAbus {width: 98px;}
#commentaires #commentAbus img {width: 100%; height: 30px; padding-bottom: 3px;}
#commentaires #commentAbus input {width: 100%;}
#main.player #commentaires #pagenavi {position: relative; float: left; width: 200px; height: auto; top: auto; right: auto; font-size: 12px; color: #808080;}

#main.player #commentaires #pagenavi a {text-decoration: none; color: #3c91d3;}
#main.player #commentaires #pagenavi a.active, #main.player #commentaires #pagenavi a.pageNum.active {color: #000; font-weight: bold; text-decoration: none;}
#main.player #commentaires #pagenavi a:hover{text-decoration: underline;}
#main.player #commentaires #pagenavi a.pageNum {margin: 2px 5px 0 5px;}
#main.player #commentaires #pagenavi #flecheNavi{margin:3px 0 0 0;}
#main.player #commentaires #pagenavi a.btnPrec {width: 9px; height: 15px; display: block; float: left; background: url(../images/prev-blue.png) no-repeat; margin: 0 8px 0 8px;}
#main.player #commentaires #pagenavi a.btnSuiv {width: 9px; height: 15px; display: block; float: left; background: url(../images/next-blue.png) no-repeat; margin: 0 0 0 0;}
#main.player #commentaires #pagenavi a.btnPrec span, #main.player #commentaires #pagenavi a.btnSuiv span {display: none;}
#main.player #commentaires a#allComments  {display: block; width: 200px; float: right; text-align: right; font-size: 11px; color: #3c91d3; text-decoration: none;}
#main.player #commentaires a#allComments:hover {text-decoration: underline;}

#main.player #commentaires textarea {width: 440px; height: 62px; border: 1px #c8c8c8 solid; margin: 6px 0 7px 0; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #444; }
#main.player #nom { border: 1px #c8c8c8 solid; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #444; height: 20px; line-height: 20px; }
#main.player #captcha { border: 1px #c8c8c8 solid; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #444; margin: 0px 0px 0px 6px; height: 20px; line-height: 20px; }

#main.player #form_player img,
#main.player #commentAnswerForm img{ vertical-align: bottom; display: block; float: left; margin-right: 5px; }
#main.player #form_player .groupCaptcha,
#main.player #commentAnswerForm .groupCaptcha { float: left; }

#main.player #commentaires hr {width: 100%; height: 1px; border: 0; background:#c8c8c8; color: #c8c8c8; margin: 0 0 14px 0;}
#main.player #commentaires h3 {font-size: 13px; float:left;color: #666; display: inline; margin: 0px 12px 12px 0;}
#main.player #commentaires .date {float: left; font-size: 11px; color: #8c8c8c;}
#main.player #commentaires p {clear: both; width: 440px; font-size: 11px; color: #7f7f7f;}
#main.player #commentaires #labelCaptcha {  color: #7f7f7f; font-size: 11px; margin-left: 6px; display: block; float: left; clear: both; }
#main.player #commentaires .indent {padding: 0 0 17px 28px;}

#main.player #commentaires a.btnJaime {display: block;border-radius:0 2px 2px 0; float: right; height: 15px; padding: 1px 5px 0 23px; background: url(../images/bgBtnJaime.png) no-repeat #c6e8ff; color: #296ca0; font-weight: bold; font-size: 9px; text-decoration: none;}
#main.player #commentaires a.btnJaime.twoDigit {width: 13px; padding: 1px 0 0 21px;}

#main.player .monCommentaire{margin:20px 0;border-bottom:1px solid #7F7F7F;}
#main.player .monCommentaire .widgetComment{min-height:90px;width:117px;height:inherit;background:#ececec; float: right; margin:-20px 0 0 0;}
#main.player #commentaires .monCommentaire .widgetComment p{font-size:9px;width:117px;margin:20px 10px 10px 10px;}
#main.player #commentaires .monCommentaire .widgetComment p a {color:#000;text-decoration:none;font-weight:bold; }

#main.player #submit_commentaire { border: none; background: url(../images/bgModaleSendFriendBtns.png) no-repeat top left; width: 88px; height: 21px; line-height: 21px; color: #fff; font-weight: bold; font-size: 12px; margin: 14px 0px 6px 10px; padding-bottom: 6px; float: left; }

.widgetComment p.btnRepondre a{padding: 1px 0 5px 23px; background: url(../images/btn_repondre.png) no-repeat; float:none;}
.widgetComment p.btnJaimeWg a{padding: 1px 0 5px 23px; background: url(../images/btn_JM_WG.png) no-repeat; float:none;}
.widgetComment p.btnAbusWg{padding:0 0 0 5px;}
.widgetComment p.btnAbusWg a{padding: 1px 0 0 15px;background: url(../images/btn_signaler.jpg) no-repeat; }
#main.player .monCommentaireTexte{width:400px;float:left;}

#main.player .monCommentaireTexte p{
	overflow: hidden;
}

#main.player .monCommentaireTexteNoir{width:400px;float:left; color:#000 !important;}
#main.player .monCommentaireTexteNoir h3,
#main.player .monCommentaireTexteNoir p,
#main.player .monCommentaireTexteNoir span {color:#000 !important; overflow: hidden;}

#main.player #commentaires #validationCommentaire p { color: #cd0a0a !Important; font-size: 12px; }
#main.player #commentaires .message {clear: both; padding: 10px 0px; display: none;}
#main.player #commentaires .message,
#main.player #commentaires .message p { color: #cd0a0a !Important; font-size: 12px; }
#alertChangeValue, #alertChangeValueCopy { color: #cd0a0a !Important; font-size: 12px; }




/* ---[ Mobile ]--------------------- */

#leftHalf {float: left; width: 459px; height: 479px; background: url(../images/posterMobile.jpg) no-repeat; margin: 0 10px 0 0;}
	#leftHalf h2 {font-size: 18px; line-height: 1.1em; font-weight: normal; margin: 26px 0 0 40px; text-align: center;}
	#leftHalf a {color: #fff000; text-decoration: none;}
		#leftHalf a:hover {text-decoration: underline;}
#rightHalf {position: relative; float: left; width: 444px; height: 479px; background: url(../images/mobileApps.png) no-repeat left 10px;}
	#rightHalf h2 {font-size: 18px; line-height: 1.1em; font-weight: normal; margin: 26px 0 5px 0;}
	#rightHalf p {width: 300px; font-size: 12px; line-height: 1.2em;}
	a#btnTelecharger {position: absolute; top: 408px; left: 0; display: block; width: 215px; height: 48px; padding: 24px 0 0 70px; background: url(../images/bgBtnTelecharger.png) no-repeat; font-size: 16px; font-weight: bold; text-decoration: none; color: #fff;}
		a#btnTelecharger:hover {color: #68dd28;}
	img#appStore {position: absolute; bottom: 12px; right: 0;}


/* ---[ Pages de texte ]--------------------- */

#main.text #titleBar {margin: 0;}

#content {clear: both; background: #fff; padding: 18px 11px; color: #000; min-height: 460px; margin-bottom: 15px; }

#content a {color: #3c91d3; text-decoration: none;}
	#content a:hover {text-decoration: underline;}

#content h2 {font-size: 12px;}
#content p {margin: 0 0 20px 0;}

/*fonction sliding div*/

#faqs h3  { cursor:pointer; background: url(../images/icon_question.png) no-repeat; padding: 2px 0 0 43px; min-height: 20px; margin: 0 0 5px 0;}
#faqs h3.active{margin: 0 0 0px 0;}
#faqs div { height:0; overflow:hidden; position:relative; background: url(../images/icon_reponse.png) no-repeat; padding: 2px 0 0 43px; }
#faqs div p  { padding:0; margin-bottom:15px; }

#contentLegal ol {
font-size: 12px;
padding: 0;
margin: 0px 0 0 10px;
}

#contentLegal ul {
padding:0 0 0 5px;
}

#contentLegal #renseignementTiers{margin: 35px 0 0 10px;}
#contentLegal #renseignementTiers li{margin: 0 0 20px 20px;}
#contentLegal ol li {
font-size: 12px;
padding: 0;
margin: 0 0 5px 20px;
}

#contentLegal p{margin: 0 10px 10px 0;}

#contentLegal h3 {
margin: 20px 10px 10px 0px;
font-size: 14px;
font-weight: bold;
}

#contentLegal h3 a {
color:#000;
cursor:pointer;
}

.cachecache {display: none !important;}

/* --- [ Infolettre ] --------- */

#infolettreTableau{border-collapse: collapse;width:400px;}
#infolettreTableau .ligne td{padding: 0 0 15px 0;}
#infolettreTableau .erreur td{color:#FF0000;display:none;}
#infolettreTableau td{padding: 0 0 5px 0;}
#infolettreTableau label, #desabonnement label{font-weight: bold;}
#infolettreTableau #partenaire_lbl label{font-weight: normal;}
#infolettreTableau input#sexe_f{margin-left: 21px;}
#infolettreTableau input[type=text], #infolettreTableau select{border:1px solid #abadb3;}

#desabonnement{margin:20px 0 0 0;border-top:1px solid #c8c8c8;padding:20px 0 0 0;}
#desabonnement p{width:390px;}
#sbmt_desabon{border:0;text-indent:-9999px;width:120px;height:23px;background:url(../images/btn_desabonnement.jpg) no-repeat;}

/* --- [ Modale Send Friend - Envoyer à un Ami - enveloppe barre sociale) ---------------- */

#sendFriendContent {
	background: url(../images/bgModaleSendFriend.png) repeat-x top left #fff;
	color: #666666;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 300px;
	font-weight: bold;
}

	#sendFriendContent #innerSendFriendContent { margin: 10px; }
	#sendFriendContent textarea, #sendFriendContent input { width: 270px; /* 300-margin parent-padding cet element */ padding: 4px; font-family: arial, helvetica, sans-serif; color: #888; font-size: 13px; }
	#sendFriendContent label { font-size: 90%; line-height: 1.5em; margin-top: 5px; display: block; float: left; }
	#sendFriendContent .headerSendFriend { line-height: 27px; padding: 0px 10px; }
	#sendFriendContent .closeFancyBox { display: block; float: right; cursor: pointer; }
	#sendFriendContent .normal { font-weight: normal; }
	#sendFriendContent a.btnSendFriend { color: #fff; text-align: center; text-decoration: none; display: block; float: left; margin: 10px 7px 20px 0px; width: 88px; height: 20px; line-height: 20px; background: url(../images/bgModaleSendFriendBtns.png) no-repeat top left transparent; }
	#sendFriendContent .resultatSoumissionSendFriend { width: 100%; float: left; margin-bottom: 10px; color: #A00; }
/* ---[ Hacks ]--------------------- */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#pagenavi a{
	margin-left: 5px;
	margin-right: 5px;
}

.ui-menu .ui-menu-item {
    text-align: left;
}


.miniPromoSerie{
	z-index: 100;
	display: block;
	position: absolute;
	text-align: left;
	margin-top: 6px;
	margin-left: 8px;
}

.miniPromo .titreThumb {
	cursor:pointer;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	width: 290px;
	height: 117px;
	padding: 5px;
	z-index:100;
	text-decoration: none;
}


.episodeAccrocheOverlay {
	position: absolute;
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
	text-decoration: none;
}

.episodeAccrocheOverlay .episode {
    line-height: 20px;
    font-size: 11px;
    text-transform: uppercase;
}