﻿@charset "utf-8";
/* CSS Document */


/*Page Autres plateformes*/
.imageAutresPlateformes{background: url('http://static.tou.tv/images/entete_autres_plateformes.jpg') no-repeat; width:668px; height:168px;}

#colonnegauche .bgTitreAutresPlateformes1{display:block; background: url('http://static.tou.tv/images/bg_titre_autres_plateformes1.jpg') no-repeat; margin:35px 0;}
#colonnegauche .bgTitreAutresPlateformes2{background: url('http://static.tou.tv/images/bg_titre_autres_plateformes2.jpg') no-repeat;}
.logoApple{background: url('http://static.tou.tv/images/logo_apple.gif') no-repeat; display:block; padding:0 0 25px 52px;}
.logoAndroid{background: url('http://static.tou.tv/images/logo_android.gif') no-repeat; display:block; padding:0 0 25px 52px;}
.logoWinPhone{background: url('http://static.tou.tv/images/logo_windows_phone.gif') no-repeat; display:block; padding:0 0 25px 52px;}




body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e2e2e2;
	background-image: url('http://static.tou.tv/images/backgrounds/bg_accueil.jpg'); 
	background-color: #1b191a;
	background-repeat: no-repeat;
	/*background-position: center 200px; */
	background-position: center 102px;
	padding: 0; 
	margin: 0;
}

/*body.accueil {
	background-position: center 102px;
}*/

a {
	text-decoration: none;
	color: #e2e2e2;
}

a img, img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

a:focus {
  -moz-outline: none; 
}

p {
	margin: 0;
	padding: 0;
}

#globalcontainer {
	display: block; 
	width: 100%; 
	height: 100%;
}

#zonepub {
	display: block; 
	width: 100%; 
	height: 94px; 
	background: url('http://static.tou.tv/images/bg_zonepub.gif') repeat-x; 
	padding-top: 4px;
}

#zonepub .pub {
	display: block; 
	width: 728px; 
	height: 90px; 
	background-color: #c7c4c4; 
	margin: 0 auto;
}

#globalheader {
	display: block; 
	width: 100%; 
	height: 74px; 
	background: url('http://static.tou.tv/images/bg_header.gif') repeat-x;
}

.header {
	display: block; 
	position: relative; 
	width: 990px; 
	height: 74px; 
	margin: 0 auto; 
}

/*.header[class] {
	background: url('http://static.tou.tv/images/bg_glowrouge.png') top center;
}

.header span.glow {
	display: block;
	position: absolute;
	top: 0;
	left: -150px;
	width: 808px;
	height: 73px;
	background: url('http://static.tou.tv/images/bg_glow_rouge.png') top center;
	z-index: 0;
}*/

.header a.logo { 
	display: block;
	position: absolute;
	top: 0;
	left: -179px;
	width: 710px;
	height: 73px;
	background-position: top left;
}

.header a.logo[class] {
	background: url('http://static.tou.tv/images/touTv.png');
}

.header a.logo img { 
	margin: 8px 0 0 0;
}

#globalonglets {
	float: right;
	margin-right: 4px;
	width:400px;
}

#globalonglets #liens {
	float: right;
	margin-top: 2px;
	width:400px;
}

#globalonglets #liens a, #globalonglets #liens img, #globalonglets #liens span {
	float: right; 
	font-size: 10px; 
	font-weight: bold; 
	color: #8a8a8a; 
	padding: 8px 4px 8px 8px; 
	text-transform: uppercase;
	text-decoration: none;
}

#globalonglets #liens span {
	padding-right: 2px;
}

#globalonglets #liens a:hover {
	color: #e2e2e2;
}

#globalonglets #liens img {
	margin-top: -3px;
	padding: 8px 0 6px 4px; 
}

#globalonglets #liens a.externe {
	float: right;
	width: 16px;
	height: 16px;
	margin: 6px 4px 0 0;
	padding: 0;
	background: url('http://static.tou.tv/images/liens_externes.gif') no-repeat;
}

#globalonglets #liens a.externe.twitter {
	background-position: 0 0;
}

#globalonglets #liens a.externe.twitter:hover {
	background-position: 0 -16px;
}

#globalonglets #liens a.externe.facebook {
	width: 17px;
	background-position: -16px 0;
}

#globalonglets #liens a.externe.facebook:hover {
	background-position: -16px -16px;
}

#globalonglets #liens a.externe.rss {
	width: 17px;
	background-position: -33px 0;
	margin-left: 8px;
	margin-right: 3px;
}

#globalonglets #liens a.externe.rss:hover {
	background-position: -33px -16px;
}

#globalonglets .menu {
	display: block;
	position: relative;
	float: right;
	margin: 0 0 0 10px;
	cursor: pointer;
	z-index: 1000;
}

#globalonglets .menu a#menuaz {
	display: block;
	width: 189px;
	height: 31px;
	background: url('http://static.tou.tv/images/boutons_menu.gif') no-repeat;
	background-position: -189px 0;
}

#globalonglets .menu a#menuaz:hover {
	background-position: -189px -31px;
}

#globalonglets .menu a#menugenres {
	display: block;
	width: 189px;
	height: 31px;
	background: url('http://static.tou.tv/images/boutons_menu.gif') no-repeat;
	background-position: 0 0;
	z-index: 1000;
}

#globalonglets .menu a#menugenres:hover {
	background-position: 0 -31px;
}

#liensmenu {
	display: none; 
	position: absolute; 
	width: 209px;
	top: 30px; 
	left: 2px; 
	padding: 4px; 
	background-color: #fff; 
	z-index: 1000;
}

/*#liensmenu {
	display: none; position: absolute; top: -50px; right: 175px; color: #000; z-index: 1000; background-color: #fff; padding: 4px;
}*/

#liensmenu a {
	display: block;
	width: 201px;
	background: url('http://static.tou.tv/images/bg_liens_menu.gif') repeat-y;
	padding: 4px 5px;
	font-weight: bold;
	font-size: 13px;
	color: #393939;
	border-bottom: 1px solid #e2e2e2;
	text-decoration: none;
}

#liensmenu a:hover {
	color: #909090;
}

#liensmenu a.last {
	border-bottom: none;
}

#globalariane {
	display: block; 
	width: 100%; 
	height: 28px; 
	background: url('http://static.tou.tv/images/bg_ariane.gif') repeat-x;
}

#ariane {
	display: block; 
	width: 982px; 
	height: 28px; 
	margin: 0 auto; 
	background: url('http://static.tou.tv/images/bg_glowblanc.gif') top center;
	padding: 0 4px 0 4px;
}

#ariane ul, #ariane li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#ariane a {
	float: left;
	color: #9f9f9f;
	margin: 0 8px 0 0;;
	padding: 5px 15px 0 0;
	font-size: 13px;
	font-weight: bold;
	background: url('http://static.tou.tv/images/sep_ariane.gif') right 8px no-repeat;
}

#ariane a:hover {
	color: #e2e2e2;
}

#ariane a.selected {
	background: none;
	text-transform: uppercase;
	cursor: default;
	color: #e2e2e2;
	font-size: 14px;
	/*margin-top: 1px;*/
}

/*** Zone recherches ***/

#conteneurRecherche {
    display: block; 
    position: relative;
    float: right;
    margin: 4px 0 0 0;
}

.blocRecherches 
{
    font-family: Arial, Verdana, Sans-Serif;
    background: url('http://static.tou.tv/images/bg_recherche.gif') repeat-x;
    border: 1px solid #5b5b5b;
    height: 16px;
    width: 135px;
    margin: 0;
    padding: 3px 0 0 3px;
    float: left;
    font-size: 11px;
    font-weight: bold;
}

#ariane .btnRecherche, .btnRecherche {
    background: url('http://static.tou.tv/images/btn_recherche.gif') 0 0 no-repeat;
    width: 27px;
    height: 19px;
    border: 1px solid #5b5b5b;
    border-left: 0;
    margin: 0;
    padding: 0;
    float: left;
}

#ariane .btnRecherche:hover, .btnRecherche:hover {
    background-position: 0 -19px;
}

.recherchesPlus {
    display: block;
    position: absolute;
    top: 6px;
    right: 60px;
    width: 9px;
    height: 9px;
    background: url('http://static.tou.tv/images/img_plusRecherches.gif') no-repeat;
    cursor: pointer;
}

#ombreBulleq, #ombreBulleq2, .nongeo {
    display: none;
    position: absolute;
    top: 12px;
    right: 20px;
    width: 201px;
    padding: 22px 0 12px 11px;
    background: url('http://static.tou.tv/images/ombre_blocRecherches.png') no-repeat;
    background-position: bottom left;
    z-index: 1000;
}

.nongeo {
    right: -20px;
}

.nongeo .flecheBulle {
    right: 22px;
}

.flecheBulle {
    display: block;
    position: absolute;
    width: 38px;
    height: 22px;
    top: 0;
    right: 25px;
}

.flecheBulle[class] {
        background: url('http://static.tou.tv/images/fleche_blocRecherches.png') no-repeat;
}

.bulle, .bulleGeo {
    display: block;
    width: 190px;
    background: #fbfbfb url('http://static.tou.tv/images/bg_bulleRecherches.gif') bottom left repeat-x;
    border: 1px solid #fff;
    color: #1d1d1d;
    padding: 10px 0;
    margin: 0;
    z-index: 1000;
}

.bulleGeo {
    padding: 10px;
    width: 170px;
}

.bulle p {
    /*background-color: #e4e4e5;*/
    font-size: 11px;
    font-weight: bold;
    padding: 2px 0;
    width: 170px;
    padding: 2px 10px;
}

.bulleGeo p {
    font-size: 11px;
    padding: 2px 0;
    width: 170px;
    padding: 0 0 2px 0;
    text-align: left;
}

.bulleGeo .title 
{
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2px;
    border-bottom: 1px solid #bcbbbb;
}

#ariane .bulle ul li, #contenufooter .float .bulle ul li {
    display: block;
    padding: 0 10px;
}


img.slogan {
	display: block;
	float: left;
	padding-top: 5px;
}

#maincontainer {
	display: block;
	width: 982px;
	min-height: 500px;
	padding: 4px;
	margin: 10px auto;
}

#zoneplayerlarge/*, .zoneplayermedium*/, #zoneplayernormal {
	display: block;
	margin-bottom: 18px;
	z-index: 0;
}

#zoneplayerlarge {
	/*width: 982px;
	height: 340px;*/
	padding: 0;
}

.zoneplayermedium {
	float: left;
	/*width: 862px;
	height: 490px;*/
	background-color: #000;
}

#zoneplayernormal {
	width: 650px;
	height: 370px;
	background-color: #000;
}

#borderplayer {
	display: block;
	float: left;
	width: 852px; 
	border: 5px solid #9f9f9f;
	background-color: #9f9f9f;
	margin-bottom: 18px;
}

.erreurflash {
	display: block; 
	background: url('http://static.tou.tv/images/bg_erreur.gif'); 
	border: 1px solid #000;
	text-align: center;
}

.erreurflash.episode {
	width: 850px; 
	height: 302px;
	padding-top: 175px;
	background-position: 0 -10px;
}

.erreurflash.carrousel {
	width: 982px;
	height: 230px;
	padding-top: 110px;
	background-position: 0 -55px;
}

.erreurflash.emission {
	width: 650px;
	height: 245px;
	padding-top: 125px;
	background-position: 0 -45px;
}

.spacergris {
	display: block; 
	float: right; 
	width: 106px; 
	height: 489px; 
	margin: 0; 
	padding: 0 0 0 4px; 
}

.spacergris[class] {
	background: url('http://static.tou.tv/images/bg_spacergrisVierge.png') no-repeat; 
}

.spacergris a {
	display: block;
	width: 36px;
	height: 36px;
	/*float: left;*/
	margin: 0 auto;
}

.spacergris a[class] {
	background: url('http://static.tou.tv/images/big_twitter_facebook.png') no-repeat;
}

.spacergris a.twitter {
    margin-top: 30px;
}

.spacergris a.twitter:hover {
	background-position: 0 -36px;
}

.spacergris a.facebook {
    margin-top: 222px;
	background-position: -36px 0;
}

.spacergris a.facebook:hover {
	background-position: -36px -36px;
}

#colonnegauche, #colonnedroite {
	display: block; 
	float: left; 
}

#colonnegauche {
	width: 682px;
}

#blocpromo, #blocpromo.arriveeprochaine, #blocpromo.nouvellearrivee {
	display: block;
	position: relative;
	width: 658px;
	border: 2px solid #222222;
	margin-left: 2px;
	margin-bottom: 26px;
}

#blocpromo span.ruban {
	display: block;
	position: absolute;
	top: -4px;
	left: -4px;
	width: 72px;
	height: 71px;
}

#blocpromo span.ruban[class] {
	background: url('http://static.tou.tv/images/ruban_promo.png') no-repeat;
}

#blocpromo #border, #blocpromo.arriveeprochaine #border, #blocpromo.nouvellearrivee #border {
	border: 2px solid #000000;
}

#blocpromo #border #mainpromo {
	border: 1px solid #1d1d1d;
	background-color: #0e0e0e;
	padding: 15px 50px 11px 15px;
}

#blocpromo #border #mainpromo p, #blocpromo #border #mainpromo a, #blocpromo.arriveeprochaine #border #mainpromo p, #blocpromo.arriveeprochaine #border #mainpromo a, #blocpromo.nouvellearrivee #border #mainpromo p, , #blocpromo.nouvellearrivee #border #mainpromo a {
	width: 610px;
}

#blocpromo #border #mainpromo a:hover {
    color: #9f9f9f;
}

#blocpromo #border #mainpromo p strong, #blocpromo #border #mainpromo a strong, #blocpromo.arriveeprochaine #border #mainpromo p strong, #blocpromo.arriveeprochaine #border #mainpromo a strong, #blocpromo.nouvellearrivee #border #mainpromo p strong, #blocpromo.nouvellearrivee #border #mainpromo a strong {
	display: block;
	font-size: 14px;
	/*text-transform: uppercase;*/
	font-weight: bold;
}

#blocpromo #border #mainpromo p img, #blocpromo #border #mainpromo a img, #blocpromo.arriveeprochaine #border #mainpromo p img, #blocpromo.arriveeprochaine #border #mainpromo a img, #blocpromo.nouvellearrivee #border #mainpromo p img, #blocpromo.nouvellearrivee #border #mainpromo a img {
	display: block; 
	float: left; 
	margin: -6px 10px 0 0;
}

#blocpromo #border #mainpromo span.close, #blocpromo.arriveeprochaine #border #mainpromo span.close, #blocpromo.nouvellearrivee #border #mainpromo span.close {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 12px;
	height: 12px;
	cursor: pointer;
}

#blocpromo #border #mainpromo span.close[class], #blocpromo.arriveeprochaine #border #mainpromo span.close[class], #blocpromo.nouvellearrivee #border #mainpromo span.close[class] {
	background: url('http://static.tou.tv/images/bloc-promo/close_promo.png') no-repeat;
}

/*** bloc promo 05.07.10 ***/

#blocpromo, #blocpromo.arriveeprochaine, #blocpromo.nouvellearrivee {
	display: block;
	position: relative;
	width: 658px;
	border: 2px solid #222222;
	margin-left: 2px;
	margin-bottom: 26px;
	color: #E2E2E2;
}

#blocpromo span.ruban {
	display: block;
	position: absolute;
	top: -4px;
	left: -4px;
	width: 72px;
	height: 71px;
}

#blocpromo span.ruban[class] {
	background: url('http://static.tou.tv/images/ruban_promo.png') no-repeat;
}

#blocpromo #border, #blocpromo.arriveeprochaine #border, #blocpromo.nouvellearrivee #border {
	display: block;
	border: 2px solid #000000;
}

#blocpromo #border #mainpromo {
	display: block;
	border: 1px solid #1d1d1d;
	background-color: #0e0e0e;
	padding: 15px 50px 11px 15px;
}

#blocpromo #border #mainpromo .textePromo {
	width: 610px;
}

a#blocpromo:hover #border #mainpromo .textePromo {
	color: #7D7D7D;
}

#blocpromo #border #mainpromo .textePromo strong {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

#blocpromo #border #mainpromo .textePromo img {
	display: block; 
	float: left; 
	margin: -6px 10px 0 0;
}

#blocpromo #border #mainpromo .textePromo .txt {
	display: block; 
	float: right; 
	width: 420px;
	margin-top: 10px;
}

#blocpromo #border #mainpromo p, #blocpromo #border #mainpromo a, #blocpromo.arriveeprochaine #border #mainpromo p, #blocpromo.arriveeprochaine #border #mainpromo a, #blocpromo.nouvellearrivee #border #mainpromo p, , #blocpromo.nouvellearrivee #border #mainpromo a {
	width: 610px;
}

#blocpromo #border #mainpromo p strong, #blocpromo #border #mainpromo a strong, #blocpromo.arriveeprochaine #border #mainpromo p strong, #blocpromo.arriveeprochaine #border #mainpromo a strong, #blocpromo.nouvellearrivee #border #mainpromo p strong, #blocpromo.nouvellearrivee #border #mainpromo a strong {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

#blocpromo #border #mainpromo p img, #blocpromo #border #mainpromo a img, #blocpromo.arriveeprochaine #border #mainpromo p img, #blocpromo.arriveeprochaine #border #mainpromo a img, #blocpromo.nouvellearrivee #border #mainpromo p img, #blocpromo.nouvellearrivee #border #mainpromo a img {
	display: block; 
	float: left; 
	margin: -6px 10px 0 0;
}

#blocpromo #border #mainpromo span.close, #blocpromo.arriveeprochaine #border #mainpromo span.close, #blocpromo.nouvellearrivee #border #mainpromo span.close {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 12px;
	height: 12px;
	background: url('http://static.tou.tv/images/bloc-promo/close_promo.png') no-repeat;
	cursor: pointer;
	z-index: 1000;
}

#conteneurblocpromo {
	display: block;
	position: relative;
	width: 658px;
}

#conteneurblocpromo .close {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 12px;
	height: 12px;
	background: url('http://static.tou.tv/images/bloc-promo/close_promo.png') no-repeat;
	cursor: pointer;
	z-index: 1000;
}

/*** fin bloc promo 05.07.10 ***/

/*** Bloc promo arrivée prochaine  ***/

#blocpromo.arriveeprochaine #border #mainpromo {
	border: 1px solid #1d1d1d;
	background: #058489 url('http://static.tou.tv/images/bloc-promo/bg_blocpromo_arriveeprochaine.gif') no-repeat;
	padding: 15px 50px 16px 170px;
}

/*#blocpromo.arriveeprochaine #border #mainpromo p {
	width: 480px;
}

#blocpromo.arriveeprochaine #border #mainpromo p span.date {
	display: block; 
	width: 195px;
	float: right;
	margin: 7px 20px 0 0;
}

#blocpromo.arriveeprochaine #border #mainpromo p span.date img {
	display: block;
	float: left;
	margin: 0 2px 0 0;
}*/

#blocpromo.arriveeprochaine #border #mainpromo .textePromo .txt {
	 width: 450px; 
	 float: left; 
	 margin: 0;
}

#blocpromo.arriveeprochaine:hover #border #mainpromo .textePromo .txt {
	color: #b0b0b0;
}

#blocpromo.arriveeprochaine #border #mainpromo .textePromo .txt .date {
	 float: right; 
	 margin-top: 10px;
}

#blocpromo.arriveeprochaine #border #mainpromo .textePromo .txt .date .annee {
	 margin-right: 0;
}

/*** Fin Bloc promo arrivée prochaine ***/

/*** Bloc promo nouvelle arrivée  ***/

#blocpromo.nouvellearrivee #border #mainpromo {
	border: 1px solid #1d1d1d;
	background: #058489 url('http://static.tou.tv/images/bloc-promo/bg_blocpromo_nouvellearrivee.gif') no-repeat;
	padding: 15px 50px 10px 170px;
}

#blocpromo.nouvellearrivee #border #mainpromo .textePromo .txt {
	 margin: 0; 
	 width: 435px;
}

a#blocpromo.nouvellearrivee:hover #border #mainpromo .textePromo .txt {
	color: #b0b0b0;
}

/*#blocpromo.nouvellearrivee #border #mainpromo {
	border: 1px solid #1d1d1d;
	background: #058489 url('http://static.tou.tv/images/bloc-promo/bg_blocpromo_nouvellearrivee.gif') no-repeat;
	padding: 15px 50px 16px 170px;
}

#blocpromo.nouvellearrivee #border #mainpromo p {
	width: 480px;
}

#blocpromo.nouvellearrivee #border #mainpromo p span.date {
	display: block; 
	width: 195px;
	float: right;
	margin: 7px 20px 0 0;
}

#blocpromo.nouvellearrivee #border #mainpromo p span.date img {
	display: block;
	float: left;
	margin: 0 2px 0 0;
}*/

/*** Fin Bloc promo nouvelle arrivée ***/

/*** bloc promo automatisé ***/

.tableBlocPromo {
	max-width: 620px;
}

.tableBlocPromo td.imgArriveeProchaine {
	width: 158px; 
	padding-bottom: 5px;
}

.tableBlocPromo td.spaceBlocPromo {
	padding-right: 10px;
}

	.tableBlocPromo td a {
		color: #E2E2E2;
	}

.tableBlocPromo td.calendrierBlocPromo {
	width: 210px;
}
	
	.tableBlocPromo td.calendrierBlocPromo img, .tableBlocPromo td img {
		display: inline;
		margin: 0 0px 0 0 !important;
	}
	
.tableBlocPromo td.imgNouvelleArrivee {
	 width: 158px; 
	 padding-bottom: 5px;
}

a#blocpromo:hover .tableBlocPromo, .tableBlocPromo td a:hover {
	color: #b0b0b0;
}

.tableBlocPromo td strong {
	display: block;
	text-transform: uppercase;
}

#mainpromo.blocArrivee {
	background: url('http://static.tou.tv/images/bg_blocArrivee.gif') repeat-y !important; 
	padding: 5px 10px !important;
}

/*** fin bloc promo automatisé ***/

.blocvignettegrande {
	display: block;
	position: relative;
	float: left;
	width: 156px;
	margin-right: 14px; /*aussi dans style ie*/
	margin-bottom: 18px;
}

#nouveautes, #vedette, #favoris {
	background: url('http://static.tou.tv/images/bg_blocsvignettes.gif') no-repeat;
	background-position: top left;
}

#nouveautes img.grostitres, #vedette img.grostitres, #favoris img.grostitres {
	display: block; 
	padding: 10px 0 14px 4px;
}

    .episode.autresExclusivitesRogers ul {
		margin: 0;
		padding: 0;
	}
	
		.episode.autresExclusivitesRogers ul li {
			display: block;
			width: 250px;
			float: left;
			list-style: none;
			margin-left: 25px;
		}
			
			.episode.autresExclusivitesRogers ul li a {
				color: #7d7d7d;
			}
			
				.episode.autresExclusivitesRogers ul li a:hover {
					color: #e2e2e2;
				}

.blocvignettegrande .vignettesgrandes, #nouveautes .blocvignettegrande .vignettesgrandes, .vignettesgrandes  {
	display: block;
	background-color: #e2e2e2;
	padding: 5px;
	cursor: pointer;
	margin-bottom: 4px;
}

#nouveautes .blocvignettegrande .vignettesgrandes  {
	background: url('http://static.tou.tv/images/bg_vignettes_nouveautes.gif') repeat-x;
}

#favoris .blocvignettegrande .vignettesgrandes  {
	background: url('http://static.tou.tv/images/bg_vignettes_favoris.gif') repeat-x;
}

#favoris .blocvignettegrande .vignettesgrandes:hover {
	background: #0a4f78;
}

.blocvignettegrande .vignettesgrandes img, .vignettesgrandes img {
	display: block;
	margin: 0;
	border: 1px solid #020202;
}

.blocvignettegrande .vignettesgrandes:hover , .vignettesgrandes:hover {
	background-color: #676767;
}

#nouveautes .blocvignettegrande .vignettesgrandes:hover {
	background: #6a0102;
}

.blocvignettegrande .vignettesgrandes:hover span.play, #nouveautes .blocvignettegrande .vignettesgrandes:hover span.play, #favoris .blocvignettegrande .vignettesgrandes:hover span.play, .vignettesgrandes:hover span.play {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 21px;
	left: 52px;
}

.blocvignettegrande .vignettesgrandes:hover span.play[class], #nouveautes .blocvignettegrande .vignettesgrandes:hover span.play[class], #favoris .blocvignettegrande .vignettesgrandes:hover span.play[class], .vignettesgrandes:hover span.play[class] {
	background: url('http://static.tou.tv/images/play_vignettes_g.png') no-repeat;
}

.blocvignettegrande .vignettesgrandes .duration, .vignettesgrandes .duration {
	display: none;
}

#nouveautes .blocvignettegrande .vignettesgrandes .duration {
	background-color: #6a0102;
}

#favoris .blocvignettegrande .vignettesgrandes .duration {
	background-color: #0a4f78;
}

.blocvignettegrande .vignettesgrandes:hover .duration, .vignettesgrandes:hover .duration, .blocepisodeemission .floatimg .vignettesgrandes .duration {
	display: block;
	position: absolute;
	top: 3px;
	right: 5px;
	height: 17px;
	background-color: #676767;
	color: #e2e2e2;
	padding: 0;
	margin: 0;
}

.blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #e2e2e2;
	color: #7d7d7d;
}

.blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #676767;
	color: #e2e2e2;
}

.blocvignettegrande .vignettesgrandes:hover img, .vignettesgrandes:hover img {
	border: 1px solid #e2e2e2;
}

.blocvignettegrande h3 .emission {
	/*display: block;*/
	color: #e2e2e2;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	/*margin: 8px 0 4px 0;*/
	/*padding: 0 4px;*/
}

.blocvignettegrande h3 .emission:hover {
	display: inline;
}

.blocvignettegrande .specs {
	margin: 4px 0 0 0;
	padding: 0;
	color: #9f9f9f;
	text-decoration: none;
	/*padding: 0 4px;*/
	line-height: 12px;
}

.blocvignettegrande .specs .date {
	margin: 0;
	padding: 0;
	color: #7d7d7d;
	font-size: 11px;
	line-height: 16px;
	/*padding-left: 4px;*/
}

.blocvignettegrande .specs .date.film {
	padding-left: 0;
}

.blocvignettegrande .specs:hover, .blocvignettegrande .specs:hover .date, .blocvignettegrande h3 .emission:hover {
	color: #e2e2e2;
	background-color: #676767;
}

#nouveautes .blocvignettegrande .specs:hover, #nouveautes .blocvignettegrande .specs:hover .date, #nouveautes .blocvignettegrande h3 .emission:hover {
	background-color: #6b0203;
}

#favoris .blocvignettegrande .specs:hover, #favoris .blocvignettegrande .specs:hover .date, #favoris .blocvignettegrande h3 .emission:hover {
	background-color: #0a4f78;
}

.lienaz {
	display: block;
	float: right;
	height: 31px;
	background: url('http://static.tou.tv/images/sprite_btn_az.gif') no-repeat;
	margin: 0 14px 14px 0;
	padding: 0;
}

.lienaz.animation {
	width: 188px;
	background-position: 0 0;
}

.lienaz.animation:hover {
	background-position: 0 -31px;
}

.lienaz.entrevues-varietes {
	width: 259px;
	background-position: 0 -62px;
}

.lienaz.entrevues-varietes:hover {
	background-position: 0 -93px;
}

.lienaz.films-documentaires {
	width: 276px;
	background-position: 0 -124px;
}

.lienaz.films-documentaires:hover {
	background-position: 0 -155px;
}

.lienaz.magazines-affaires-publiques {
	width: 334px;
	background-position: 0 -186px;
}

.lienaz.magazines-affaires-publiques:hover {
	background-position: 0 -217px;
}

.lienaz.jeux-televises {
	width: 208px;
	background-position: 0 -248px;
}

.lienaz.jeux-televises:hover {
	background-position: 0 -279px;
}

.lienaz.series-teleromans {
	width: 259px;
	background-position: 0 -310px;
}

.lienaz.series-teleromans:hover {
	background-position: 0 -341px;
}

.lienaz.spectacles-evenements {
	width: 296px;
	background-position: 0 -372px;
}

.lienaz.spectacles-evenements:hover {
	background-position: 0 -403px;
}

.lienaz.webteles {
	width: 175px;
	background-position: 0 -434px;
}

.lienaz.webteles:hover {
	background-position: 0 -465px;
}

.top, .top2 {
	display: block;
	width: 48px;
	height: 25px;
	float: right;
	margin-right: 16px;
	text-decoration: none;
	background: url('http://static.tou.tv/images/top.gif') no-repeat;
}

.top2 {
	margin-right: 31px;
}

.top:hover, .top2:hover {
	background-position: 0 -25px;
}

#blocepisode, #blocepisodenormal {
	display: block;
	width: 650px;
	/*background: url('http://static.tou.tv/images/bg_blocepisode.gif') repeat-y;*/
	font-size: 13px;
	padding: 4px 0 4px 4px;
	margin-bottom: 26px;
}

#blocepisode .texte {
    display: block;
    width: 450px;
    float: left;
}

#blocepisode .logos {
    display: block;
    width: 200px;
    float: right;
}

#blocepisodenormal {
	width: 646px;
}

.blocepisodeemission {
	display: block;
	width: 654px;
	/*background: url('http://static.tou.tv/images/bg_blocepisode2.gif') repeat-y;*/
	font-size: 13px;
	/*margin-bottom: 14px;*/
	margin: 8px 0;
}

#blocepisode .emission, #blocepisodenormal .emission {
	display: block;
	width: 460px;
	float: left;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 14px 0 4px 0;
	padding: 0;
}

#blocepisode .ep_suivant {
	display: block;
	float: right;
	width: 178px;
	height: 31px;
	background: url('http://static.tou.tv/images/btn_episode_suivant.gif') no-repeat;
	margin: 10px 0 0 0;
}

#blocepisode .ep_suivant:hover {
	background-position: 0 -31px;
}

#blocepisode .saison, #blocepisodenormal .saison, .blocepisodeemission .saison {
	display: block;
	color: #9f9f9f;
	font-size: 12px;
	padding: 0;
}

#blocepisode .episode, #blocepisodenormal .episode, .blocepisodeemission .episode {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #f2f2f2;
	margin-bottom: 4px;
	padding: 0;
}

.blocepisodeemission .episode:hover {
	color: #9f9f9f;
}

#blocepisode .specs, #blocepisodenormal .specs, .blocepisodeemission .specs {
	display: block;
	/*background: url('http://static.tou.tv/images/bg_blocepisode_specs.gif') repeat-y;*/
	padding: 4px;
	margin: 8px 0 4px 0;
	border-top: 1px solid #302e2e;
}

#blocepisode .specs small, #blocepisodenormal .specs small, .blocepisodeemission .specs small {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	color: #7d7d7d;
}

#blocepisode .specs strong, #blocepisodenormal .specs strong, .blocepisodeemission .specs strong {
	display: inline;
	font-size: 12px;
	margin-right: 26px;
	color: #9f9f9f;
	font-weight: normal;
}

#FacebookLikeButton {
	display: block;
	padding-top: 8px;
	border-top: 1px solid #2f2d2e;
	height: 28px;
	background: url('http://static.tou.tv/images/bg_bloc_reseauxSociaux.gif') 3px center no-repeat;
	/*margin-bottom: 26px;*/
}

#FacebookLikeButton .fb_iframe_widget {
	display: block;
	float: left;
	max-width: 495px;
}

#FacebookLikeButton p {
	display: block;
	width: 145px;
	float: right;
	color: #8a8a8a;
	font-size: 10px !important;
	line-height: 2px !important;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 6px;
}

#FacebookLikeButton p a.twitter {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('http://static.tou.tv/images/icones_reseauxSociaux.gif') 24px 0;
	margin: -8px 0 0 10px;
}

#FacebookLikeButton p a.twitter:hover {
	background-position: 24px -24px;
}

#FacebookLikeButton p a.facebook {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('http://static.tou.tv/images/icones_reseauxSociaux.gif') 0 0;
	margin: -8px 0 0 5px;
}

#FacebookLikeButton p a.facebook:hover {
	background-position: 0 -24px;
}

.floatinfos, .floatimg {
	display: block;
	float: left;
}

.floatimg {
	width: 156px;
	margin-right: 8px;
	position: relative;
}

.floatinfos {
	width: 485px;
	padding: 0 0 8px 0;
}

.floatinfos p {
	padding-right: 4px;
	font-size: 13px;
	line-height: 16px;
}

.retouremission {
	display: block;
	width: 235px;
	height: 25px;
	background: url('http://static.tou.tv/images/retour_emission.gif') no-repeat;
	background-position: 0 0;
}

.retouremission:hover {
	background-position: 0 -25px;
}

.conteneurPartenaire {
    display: block; 
    width: 650px; 
    /*padding: 0 8px 14px 8px;*/
}

.conteneurPartenaire.large {
    width: 860px; 
}

/*** Arrivee émission ***/

#arriveeEmission {
    display: block;
    width: 972px;
    border: 5px solid #fff;
    margin-bottom: 18px;
}

#arriveeEmission img {
    display: block;
    float: left;
}

#blocArrivee {
    display: block;
    float: left;
    width: 216px;
    height: 134px;
    padding: 196px 0 0 0;
    background: url('http://static.tou.tv/images/arrivee_emission.gif') no-repeat;
}

#blocArrivee p {
    display: block;
    width: 180px;
    font-size: 17px;
    text-align: center;
    margin: 0 auto 12px auto;
}

#blocArrivee .jour, #blocArrivee .mois, #blocArrivee .annee {
    display: block;
    float: left;
    margin-right: 5px;
}

#blocArrivee .jour {
    margin-left: 6px;
}


/*** Émission OFFLINE ***/

#emissionOffline {
    display: block;
    width: 972px;
    border: 5px solid #fff;
    margin-bottom: 18px;
}

#emissionOffline img {
    display: block;
    float: left;
}

#blocOffline {
    display: block;
    float: left;
    width: 216px;
    height: 180px;
    padding: 150px 0 0 0;
    background: url('http://static.tou.tv/images/emission_offline.jpg') no-repeat;
}

#blocOffline p {
    display: block;
    width: 180px;
    font-size: 17px;
    text-align: center;
    margin: 0 auto 12px auto;
}

/*** /Émission OFFLINE ***/





/*** Boîte retrait émission ***/

#retraitEmission, #arriveeEmission2 {
    display: block; 
    width: 650px; 
    height: 69px; 
    background: url('http://static.tou.tv/images/retrait_emission.gif');
    margin-bottom: 18px;
}

#arriveeEmission2 {
    background: url('http://static.tou.tv/images/arrivee_emission2.gif');
}

#retraitEmission p, #arriveeEmission2 p {
    display: block; 
    float: left; 
    width: 210px; 
    margin: 17px 8px 0 215px;
    font-size: 14px;
    text-align: right;
}

#retraitEmission .jour, #retraitEmission .mois, #retraitEmission .annee, #arriveeEmission2 .jour, #arriveeEmission2 .mois, #arriveeEmission2 .annee {
    display: block;
    float: left;
    margin: 14px 5px 0 0;
}

/*** Favoris page épisode ***/

#favoris.episode {
	margin-top: 50px;
	width: 654px;
}

#favoris.episode .blocvignettegrande {
	width: 116px;
	margin-right: 18px;
}

#favoris.episode .blocvignettegrande.last {
	margin-right: 0;
}

#favoris.episode .blocvignettegrande .specs {
	font-size: 11px;
}

#favoris.episode .blocvignettegrande .vignettesgrandes {
	width: 98px;
}

#favoris.episode .blocvignettegrande h3 .emission {
	line-height: normal;
	font-size: 12px;
}

#favoris.episode .blocvignettegrande .duration {
	background-color: #0d4668;
	right: 12px;
	font-size: 11px;
}

#favoris.episode .blocvignettegrande .vignettesgrandes:hover span.play {
	display: block;
	position: absolute;
	width: 39px;
	height: 40px;
	top: 12px;
	left: 35px;
}

#favoris.episode .blocvignettegrande .vignettesgrandes:hover span.play[class] {
	background: url('http://static.tou.tv/images/play_plusregardes.png') no-repeat !important;
}

/*** Fin favoris page épisode ***/

#detailsemission {
	width: 642px;
	padding-left: 4px;
	margin-bottom: 14px;
}

#detailsemission h1.emission {
	display: block;
	float: left;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 14px 0 14px 0;
	padding: 0;
}

#detailsemission p {
	font-size: 13px;
	line-height: 16px;
}

#detailsemission .label, #blocepisode .label, .blocepisodeemission .label {
	display: block;
	/*float: right;*/
	background: url('http://static.tou.tv/images/labels2.gif') no-repeat;
	height: 23px;
	width: 244px;
	margin: 10px 0 0 0;
}

#detailsemission .label.general, #blocepisode .label.general {
	background-position: 0 -1px;
}

#detailsemission .label.huit, #blocepisode .label.huit {
	background-position: 0 -25px;	
}

#detailsemission .label.treize, #blocepisode .label.treize {
	background-position: 0 -49px;	
}

#detailsemission .label.seize, #blocepisode .label.seize {
	background-position: 0 -73px;	
}

#detailsemission .label.dixhuit, #blocepisode .label.dixhuit {
	background-position: 0 -97px;	
}

#detailsemission .label.huit_violence, #blocepisode .label.huit_violence {
	background-position: 0 -121px;
}

#detailsemission .label.treize_violence, #blocepisode .label.treize_violence {
	background-position: 0 -145px;
}

#detailsemission .label.seize_violence, #blocepisode .label.seize_violence {
	background-position: 0 -169px;
}

#detailsemission .label.dixhuit_violence, #blocepisode .label.dixhuit_violence {
	background-position: 0 -193px;
}

.blocepisodeemission .label {
	width: 54px;
	margin: 2px 0 0 0;
	float: left;
}

.blocepisodeemission .label.general {
	background-position: 0 -217px;
}

.blocepisodeemission .label.huit {
	background-position: 0 -241px;
}

.blocepisodeemission .label.treize {
	background-position: 0 -265px;
}

.blocepisodeemission .label.seize {
	background-position: 0 -289px;
}

.blocepisodeemission .label.dixhuit {
	background-position: 0 -313px;
}

.blocepisodeemission .label.huit_violence {
	background-position: 0 -337px;
}

.blocepisodeemission .label.treize_violence {
	background-position: 0 -361px;
}

.blocepisodeemission .label.seize_violence {
	background-position: 0 -385px;
}

.blocepisodeemission .label.dixhuit_violence {
	background-position: 0 -409px;
}

/*#detailsemission table.commanditaires, table.commanditaires {
	display: block;
	border: 0;
	float: right; 
	margin: 14px -6px 0 0;
	padding: 0;
}

table.commanditaires td {
	vertical-align: middle;
}

table.commanditaires td img {
	display: block;
	margin: 0 auto;
}

#detailsemission p.commanditaires, p.commanditaires {
	display: block;
	color: #9f9f9f;
	text-transform: uppercase;
	margin-right: 8px;
}*/

.commanditaire {
    display: block; 
    margin: -18px 0 26px 0;
    padding: 0;
    width: 650px; 
    background-color: #9f9f9f;
}

.commanditaire.episode {
    width: 852px;
    margin: 5px 0 0 0;
}

.commanditaire table {
    margin: 0 auto 6px auto;
}

.commanditaire.episode table {
    margin: 0 auto;
}

.commanditaire h1 {
    font-size: 18px;
    font-weight: bold;
    color: #e2e2e2;
    text-align: right;
    margin: 0 22px 0 0;
    padding: 0;
    text-transform: uppercase;
}

.commanditaire h1 small {
    display: block;
    font-size: 16px;
    text-transform: none;
}

.commanditaire:hover h1 {
    color: #9f9f9f;
}

.commanditaire img {
    margin-right: 20px;
}

.partenaires {
    display: block;
    float: right;
	margin-left: 14px;
}

.accordeon {
	width: 650px;
	margin-bottom: 8px;
	
}

.accordeon .bordertitresaison {
	display: block;
	border: 1px solid #9f9f9f;
	/*margin-bottom: 14px;*/
}

.accordeon .bordertitresaison:hover, body.pistache .accordeon .bordertitresaison:hover, body.argent .accordeon .bordertitresaison:hover, body.bleu .accordeon .bordertitresaison:hover, body.brun .accordeon .bordertitresaison:hover, body.cerise .accordeon .bordertitresaison:hover, body.indigo .accordeon .bordertitresaison:hover, body.jaune .accordeon .bordertitresaison:hover, body.lilas .accordeon .bordertitresaison:hover, body.mauve .accordeon .bordertitresaison:hover, body.orange .accordeon .bordertitresaison:hover, body.rose .accordeon .bordertitresaison:hover, body.rose .accordeon .bordertitresaison:hover, body.turquoise .accordeon .bordertitresaison:hover, body.vert .accordeon .bordertitresaison:hover {
	border: 1px solid #e2e2e2;
}

.accordeon .bordertitresaison .titresaison {
	display: block;
	background-color: #302f2f;
	border: 2px solid #1d1b1b;
	font-weight: bold;
	font-size: 15px;
	padding: 4px 8px;
	color: #e2e2e2;
	text-transform: uppercase;
}

.accordeon .bordertitresaison:hover .titresaison, body.pistache .accordeon .bordertitresaison:hover .titresaison, body.argent .accordeon .bordertitresaison:hover .titresaison, body.bleu .accordeon .bordertitresaison:hover .titresaison, body.brun .accordeon .bordertitresaison:hover .titresaison, body.cerise .accordeon .bordertitresaison:hover .titresaison, body.indigo .accordeon .bordertitresaison:hover .titresaison, body.jaune .accordeon .bordertitresaison:hover .titresaison, body.lilas .accordeon .bordertitresaison:hover .titresaison, body.mauve .accordeon .bordertitresaison:hover .titresaison, body.orange .accordeon .bordertitresaison:hover .titresaison, body.rose .accordeon .bordertitresaison:hover .titresaison, body.turquoise .accordeon .bordertitresaison:hover .titresaison, body.vert .accordeon .bordertitresaison:hover .titresaison {
	color: #e2e2e2;
}

.accordeon .bordertitresaison .titresaison .plusmoins {
	display: block;
	float: left;
	width: 18px;
	height: 17px;
	background: url('http://static.tou.tv/images/plus_moins.gif') no-repeat;
	margin-right: 8px;
}

.accordeon .bordertitresaison.selected .titresaison .plusmoins {
	background-position: 0 -17px;
}

.accordeon .last {
	margin: 8px 0;
}

.intro {
	font-size: 13px;
	line-height: 20px;
	margin: 0 14px 14px 0;
}
.intro.noMargin {
	font-size: 13px;
	line-height: 20px;
	margin: 0 14px 4px 0;
}

ul.politiques {
	margin: 0;
}

ul.politiques li {
	padding: 2px 0;
}

ul.politiques li a {
	color: #e2e2e2;
	font-weight: bold;
}

ul.politiques li a:hover {
	color: #9f9f9f;
}

.titre-apropos, .boxalphabet .titre-apropos a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 4px;
	text-transform: none;
}

div.margin {
	display: block;
	width: 614px;
	margin: 0 auto;
}

a.btngo, .btngo2 {
	display: block;
	float: right;
	width: 49px;
	height: 25px;
	background: url('http://static.tou.tv/images/btn_go.gif') no-repeat;
	margin: 0 0 18px 8px;
}

.btngo2 {
	background: url('http://static.tou.tv/images/btn_go_gris.gif') no-repeat;
	margin: 0;
	cursor: pointer;
}

.btngo2Img {
	display: block;
	width: 131px;
	height: 56px;
	background: url('http://static.tou.tv/images/btn_goImg.gif') top right no-repeat;
}

.btngo2Img:hover {
    background-position: bottom right;
}

a.btngo:hover, .btngo2:hover  {
	background-position: 0 -25px;
}

ul.sitemap {
	list-style: none;
	padding-left: 12px;
	margin: 0 0 14px 0;
}

.conteneurboxalphabet {
	display: block;
	width: 669px;
	padding: 2px 0;
	background-color: #0f0f0f;
	border-top: 1px solid #352c2c;
	margin-bottom: 26px;
}

.boxalphabet {
	display: block;
	background: url('http://static.tou.tv/images/bg_alphabetbox.gif') top left no-repeat;
	padding: 8px 12px 10px 12px;
	color: #e2e2e2;
}

.boxalphabet .float {
	display: block;
	float: left;
}

.boxalphabet .float.radiobutton {
	width: 25px; 
	height: 8px; 
	margin-top: 3px; 
	padding: 0;
}


.boxalphabet .float p {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #7d7d7d;
}

.boxalphabet .float .titreDropdown {
	display: block;
	float: left; 
	width: 37px;
	margin: 4px 12px 0 0;
	text-align: right;
 }

.boxalphabet .float.probtech {
	margin-right: 18px;
}

.boxalphabet .float.probtech p {
	font-weight: normal;
	text-transform: none;
	color: #e2e2e2;
	font-size: 12px;
}

#margeradio {
	display: none;
	margin-left: 15px;
}

#droitdiffusion {
	display: none; 
	margin: 14px auto; 
	color: #b8222f; 
	text-align: center;
	width: 450px;
}

.attention, .boxalphabet .moitie p.attention {
	color: #b8222f;
}

.alphabet {
	width: 375px;
}

.genre {
	width: 270px;
}

.boxalphabet a {
	text-transform: uppercase;
	color: #e2e2e2;
	font-weight: bold;
	font-size: 14px;
}

.boxalphabet a:hover {
	color: #7d7d7d;
}

table#alphabet {
	width: 315px;
	margin-top: 8px;
}

table#alphabet td {
	vertical-align: top;
	text-align: center;
}

.boxalphabet select {
	width: 218px;
}

.boxalphabet ol {
	margin: 8px 0 0 0;
	padding: 0 0 0 25px;
	text-align: left;
}

.boxalphabet li {
	font-size: 14px;
	margin: 0;
	padding: 2px 0;
}

.boxalphabet li a {
	text-transform: none;
	font-weight: normal;
}

.titreaaz {
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 14px;
	float: left;
}

.grandstitres, .boxalphabet .grandstitres {
	display: block;
	font-size: 20px;
	font-weight: bold;
}

.grandstitres.float, .boxalphabet .grandstitres.float {
	display: block;
	float: left;
}

.grandstitres.float small {
	display: block;
	font-size: 14px;
}

.grandstitres.rss 
{
    display: block;
    height: 33px;
    background: url('http://static.tou.tv/images/bigRss.gif') no-repeat;
    padding: 4px 0 0 40px;
}

#conteneurincidenttechnique {
	display: block;
	background-color: #461518;
	border: 1px solid #970a1a;
	padding: 10px;
	width: 647px; 
	margin-bottom: 14px;
	font-size: 13px;
}

.incidenttechnique {
	display: block; 
	float: right;
	width: 234px;
	height: 25px;
	background: url('http://static.tou.tv/images/signaler_incident_technique.gif') 0 0 no-repeat;
	margin: 6px 0 0 0;
}

.incidenttechnique:hover {
	background-position: 0 -25px;
}

.blocquestionform {
	display: block; 
	width: 632px; 
	margin: 10px auto 0 auto; 
	border-top: 1px dotted #494848;
}

.instructions {
	font-size: 14px;
	color: #9f9f9f;
	/*margin-top: 4px;*/
	margin: 0 0 12px 0;
}

.questions {
	display: block; 
	float: left; 
	font-size: 14px; 
	margin: 0 0 4px 0; 
	text-transform: none;
	font-weight: normal;
	width: 600px;
	margin-top: 8px;
}

.questions.deuxlignes {
    margin-top: 0;
}

.questions.form {
	width: auto;
	margin-top: 4px;
}

.numerotation {
	display: block; 
	float: left; 
	width: 24px; 
	background-color: #494848; 
	color: #e2e2e2; 
	font-size: 18px; 
	font-weight: bold; 
	text-align: center; 
	padding-top: 3px; 
	margin-right: 12px;
	margin-top: -1px;
}

.numerotation.grand {
	height: 52px; 
}

.numerotation.petit {
	height: 30px; 
	margin-top: 0px;
}

.txtform {
	width: 70px;
	height: 25px;
}

.answer {
	display: none;
	padding-left: 55px;
	padding-right: 8px;
	text-transform: none;
	font-weight: normal;
	font-size: 12px;
}

.answer a {
	text-transform: none;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}

.boxalphabet .answer li {
	font-size: 12px;
	margin: 2px 0 2px 25px;
}

.blocquestion {
	display: block;
	padding-bottom: 8px;
}

.blocquestion a {
    cursor: pointer;
}

.blocquestion.open {
	background-color: #252525;
	margin-bottom: 4px;
}

.blocquestion.open .numerotation {
	background-color: #252525;
}

.boxalphabet .teaserformulaire {
	display: block; 
	background-color: #252525; 
	width: 620px; 
	margin: 14px auto 0 auto;
	padding: 12px;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
}

.boxalphabet .teaserformulaire h2 {
	text-transform: none;
}

#formulaire {
	display: none;
}

.accesform {
	text-align: right;
	margin: 4px 0 8px 0;
}

.tableBandePassante td {
    border-bottom: 1px solid #9f9f9f;
}

.tableBandePassante tr.bgligneun {
    background-color: #000;
}

.btn_form_general {
	display: block;
	float: right;
	width: 234px;
	height: 25px;
	margin: -5px 0 0 8px;
	background: url('http://static.tou.tv/images/btn_commentaire_suggestions.gif') no-repeat;
}

.btn_form_general:hover {
	background-position: 0 -25px;
}

.btn_form_incident {
	display: block;
	float: right;
	width: 234px;
	height: 25px;
	margin: -5px 0 0 8px;
	background: url('http://static.tou.tv/images/btn_incident_technique.gif') no-repeat;
}

.btn_form_incident:hover {
	background-position: 0 -25px;
}

.btn_form_general.margin {
	margin: 4px 0 21px 0;
}

.btn_form_incident.margin {
	margin-top: 10px;
}

.toutesemissions {
	display: block;
	float: right;
	width: 178px;
	height: 25px;
	margin-right: 14px;
	background: url('http://static.tou.tv/images/toutes_emissions.gif');
	background-position: 0 0;
}

.toutesemissions:hover {
	background-position: 0 -25px;
}

.liste {
	margin: 4px 0 22px 0;
}

.listalphbet, .listfaq  {
	display: block;
	width: 661px;
	background-color: #1e1e1e;
	height: 18px;
	padding: 2px 4px 0 4px;
	margin-bottom: 1px;
}

.listfaq {
	font-size: 14px;
	color: #e2e2e2;
}

p.faq {
	padding: 8px 16px 24px 8px;
	line-height: 20px;
}

.formulaire {
	display: block; 
	float: right; 
	width: 178px; 
	height: 25px; 
	background: url('http://static.tou.tv/images/btn_formulaire2.gif') no-repeat; 
	background-position: 0 0;
	margin-top: 5px;
}

.formulaire:hover {
	background-position: 0 -25px;
}

.listalphbet.impair, .listfaq.impair {
	background: url('http://static.tou.tv/images/bg_alphabet_impair.gif') repeat-y;
}

.listfaq.impair:hover {
	background: #1e1e1e;
}

.listalphbet p {
	float: right;
	color: #e2e2e2;
}

.listalphbet h1.titreemission {
	float: left;
	color: #e2e2e2;
	font-size: 14px;
	font-weight: normal;
	margin: 0 14px 0 0;
	padding: 0;
}

.listalphbet:hover p, .listalphbet:hover h1 {
	color: #7d7d7d;
}

/*.listalphbet .titreemission {
	margin-right: 14px;
}*/

.listalphbet .nbsaison {
	width: 70px;
	margin-right: 14px;
	text-align: right;
}

.listalphbet .nbepisode {
	width: 80px;
	margin-right: 14px;
	text-align: right;
}

.listalphbet .genre {
	width: 175px;
	float: right;
	margin-right: 8px;
	text-align: right;
}

#colonnedroite {
	width: 300px;
}

.plusregardes, .voiraussi {
	display: block;
	width: 294px;
	border: 1px solid #403f3f;
	padding: 2px;
	margin-bottom: 14px;
}

.voiraussi a {
	color: #4a4949;
}

.voiraussi a:hover {
	text-decoration: none;
	color: #000;
}

.voiraussi a img {
	width: 110px;
}

.voiraussi .impair, .voiraussi .pair {
	display: block;
	position: relative;
	padding: 14px;
}

.voiraussi .impair {
	background: url('http://static.tou.tv/images/bg_voiraussi_i.gif') repeat-y;
}

.voiraussi .pair {
	background: url('http://static.tou.tv/images/bg_voiraussi_p.gif') repeat-y;
}

.voiraussi td.txt {
	width: 207px;
}

.voiraussi td.btn {
	width: 50px;
}

.plusregardes .impair, .plusregardes .pair {
	display: block;
	position: relative;
	padding: 8px 26px 8px 26px;
}

.numeros {
	display: block; 
	position: absolute; 
	top: 10px; 
	left: 16px; 
}

.numeros.deux {
	left: 11px;
}

.numeros.trois, .numeros.cinq {
	left: 12px;
}

.numeros.quatre {
	left: 8px;
}

.ombrevignettepetite {
	display: block;
	position: relative; /* nécessaire ie6 */
	float: left;
	width: 113px;
	height: 68px;
	background-position: bottom left;
}

.ombrevignettepetite[class] {
	background: url('http://static.tou.tv/images/ombre_vignettes_p.png') no-repeat;
}

.conteneurvignettepetite {
	display: block;
	position: relative;
	width: 96px;
	height: 54px;
	margin: 0 auto;
	background-color: #e2e2e2;
	border: 1px solid #c0c0c0;
	padding: 4px;
}

.conteneurvignettepetite:hover {
	background-color: #676767;
	border: 1px solid #e2e2e2;
}

.conteneurvignettepetite:hover .play {
	display: block;
	position: absolute;
	width: 39px;
	height: 40px;
	top: 10px;
	left: 33px;
}

.conteneurvignettepetite:hover .play[class] {
	background: url('http://static.tou.tv/images/play_plusregardes.png') no-repeat;
}

.conteneurvignettepetite .duration {
	display: none;
}

.conteneurvignettepetite:hover .duration {
	display: block;
	position: absolute;
	top: 2px;
	right: 4px;
	height: 15px;
	background-color: #676767;
	color: #e2e2e2;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.infosvignettepetite {
	display: block;
	position: relative; /* nécessaire ie6 */
	width: 121px;
	float: left;
	margin-left: 4px;
	margin-top: 2px;
}

.infosvignettepetite h3 .emission {
	/*display: block;*/
	color: #252525;
	font-weight: bold;
	padding: 0 4px;
	font-size: 12px;
}

.infosvignettepetite .specs {
	color: #4a4949;
	font-size: 11px;
	padding: 0 4px;
}

.infosvignettepetite .specs strong {
	font-weight: bold;
	margin: 1px 0;
	padding-right: 4px;
}

.infosvignettepetite .specs span {
	padding: 0 4px;
}

.infosvignettepetite .emission:hover, .infosvignettepetite .specs:hover, .infosvignettepetite .specs:hover strong {
	background-color: #676767;
	color: #e2e2e2;
}

.plusregardes .impair {
	background: url('http://static.tou.tv/images/bg_plusregardes_i.gif') repeat-y;
}

.plusregardes .pair {
	background: url('http://static.tou.tv/images/bg_plusregardes_p.gif') repeat-y;
}

#teaserBlogue {
    display: block;
    width: 260px;
    height: 75px;
    background: url('http://static.tou.tv/images/bg_teaserBlogue.gif') no-repeat;
    margin-bottom: 14px;
    padding: 54px 20px 0 20px;
    text-align: center;
}

#teaserBlogue span {
    font-size: 14px;
}

#teaserBlogue:hover {
    background-position: 0 -129px;
}

#teaserBlogue:hover span {
    color: #7d7d7d;
}

#teaserApplication {
	display: block;
	width: 300px;
	height: 145px;
	background: url('http://static.tou.tv/images/bg_teaserApplication_mobile.jpg') no-repeat;
	margin-bottom: 14px;
}

#survey {
	display: block;
	width: 300px;
	height: 61px;
	background: url('http://static.tou.tv/images/bg_survey.gif') no-repeat;
	margin-bottom: 14px;
	padding-top: 68px;
}

#survey a {
	display: block;
	width: 209px;
	height: 41px;
	background: url('http://static.tou.tv/images/btn_formulaire.gif') no-repeat;
	background-position: 0 0;
	margin: 0 auto;	
}

#survey a:hover {
	background-position: 0 -41px;
}

#exclusiviteRogers {
	display: block;
	position: relative;
	width: 300px;
	background: url('http://static.tou.tv/images/bg_exclusiviteRogers.gif') no-repeat;
	margin-bottom: 30px;
	padding-top: 95px;
}

	#exclusiviteRogers ul {
		margin: 0 0 0 40px;
		padding: 0;
	}
	
		#exclusiviteRogers ul li {
			list-style: none;
			padding-bottom: 2px;
		}
		
			#exclusiviteRogers ul li a {
				font-size: 13px;
				text-transform: uppercase;
				color: #fff;
			}
			
				#exclusiviteRogers ul li a:hover {
					text-decoration: underline;
				}

	#exclusiviteRogers span {
		display: block;
		position: absolute;
		bottom: -12px;
		left: 0;
		width: 300px;
		height: 16px;
		background: url('http://static.tou.tv/images/bas_exclusiviteRogers.gif') no-repeat;
	}

#teaserTelus {
	display: block;
	width: 300px;
	height: 130px;
	background: url('http://static.tou.tv/images/bg_teaserTelus.jpg') no-repeat;
	margin-bottom: 14px;
}

#bourses {
	display: block;
	width: 300px;
	height: 130px;
	background: url('http://static.tou.tv/images/bg_teaserBourse.jpg') 0 0 no-repeat;
	margin-bottom: 14px;
}

#bourses:hover {
	background-position: 0 -130px;
}

#nouveautes_exclusivites {
	display: block; 
	width: 260px; 
	/*height: 78px; 
	background: url('http://static.tou.tv/images/bg_nouveautes_exclusivites.gif') no-repeat; */
	height: 164px;
	background: url('http://static.tou.tv/images/bg_nouveautesExclusivites.jpg') no-repeat; 
	margin-bottom: 14px; 
	/*padding-top: 53px;*/
	padding: 35px 20px 0 20px;
}

#nouveautes_exclusivites p {
	font-size: 13px; 
	font-weight: bold; 
	color: #d5d5d5; 
	background-color: #424242; 
	padding: 5px 10px; 
	width: 238px; 
	border: 1px solid #b8b8b8; 
	border-bottom: none;
}

#nouveautes_exclusivites a {
	display: block; 
	font-size: 12px; 
	color: #e2e2e2; 
	font-weight: bold;
	height: 39px;
	padding-top: 10px;
}

#nouveautes_exclusivites a.twitter {
	/*float: left;*/
	display: block;
	/*width: 120px; 
	margin-left: 28px;*/
	margin: 0 0 5px 0;
	padding-left: 50px;
	width: 83px; 
}

#nouveautes_exclusivites a.twitter[class] {
	background: url('http://static.tou.tv/images/big_twitter_shadow.png') 0 0 no-repeat;
}

#nouveautes_exclusivites a.twitter:hover {
	background-position: 0 -49px;
}

#nouveautes_exclusivites a.twitter span {
	display: block; 
	/*float: left; 
	text-align: right;*/
}

#nouveautes_exclusivites a.facebook {
	/*float: right;*/
	margin-right: 22px;
	width: 83px; 
	padding-left: 50px;
}

#nouveautes_exclusivites a.facebook[class] {
	background: url('http://static.tou.tv/images/big_facebook_shadow.png') 0 0 no-repeat;
}

#nouveautes_exclusivites a.facebook:hover {
	background-position: 0 -49px;
}

#nouveautes_exclusivites a.facebook span {
	display: block; 
	float: left; 
	text-align: left;
}

#nouveautes_exclusivites a.facebook:hover span, #nouveautes_exclusivites a.twitter:hover span {
	color: #7d7d7d;
}

#nouveautes_exclusivites #panelFacebookLikeBox {
	display: block;
	margin: 0 auto;
	background: red;
}

.boxalphabet .questionform {
	font-size: 14px;
	font-weight: bold;
	margin: 14px 0 12px 0;
	color: #e2e2e2;
}

.boxalphabet .radiozone {
	 display: block; 
	 float: right; 
	 width: 53px; 
	 height: 43px;
	 background-color: #1c1c1c; 
	 text-align: center; 
	 font-size: 11px; 
	 font-weight: normal; 
	 color: #a4a2a2; 
	 padding: 4px 8px; 
	 text-transform: none; 
	 line-height: 11px;
	 margin: 4px 5px 0 0;
}

.boxalphabet .radiozone.last {
	margin-right: 0;
}

.boxalphabet .radiozone:hover, .boxalphabet .radiozone.last:hover, .boxalphabet .radiozone.selected {
	background-color: #790206;
	color: #e2e2e2;
}

.boxalphabet h2 {
	font-size: 16px;
	text-transform: uppercase;
}

.radio {
	display: block;
	margin: 5px auto 0 auto;
}

.input {
	 border: 2px solid #9a9a9a; 
	 background-color: #1c1c1c; 
	 color: #e2e2e2;
}

.moitie {
	display: block; 
	float: left; 
	width: 50%;
	margin-top: 14px;
}

.boxalphabet .moitie p, .boxalphabet .moitie input {
	display: block;
	float: left;
	color: #e2e2e2;
	margin-bottom: 4px;
}

.boxalphabet .moitie p {
	/*width: 70px;*/
	margin-top: 4px;
}

.boxalphabet .moitie p small {
	color: #7d7d7d;
}

.boxalphabet .moitie input {
	width: 210px;
}

.boxalphabet .moitie input.checkbox {
	width: 20px;
}

.boxalphabet .moitie .inputradio {
	display: block; 
	width: 10px; 
	margin: 2px 5px 0 0;
}

.boxalphabet .moitie p.sexe {
	float: left; 
	width: 20px;
}

.separateur {
	display: block; 
	margin: 8px auto 0 auto;
}

.submit {
	display: block; 
	width: 188px; 
	height: 25px; 
	float: right; 
	margin: 8px 14px 8px 0; 
	background: url('http://static.tou.tv/images/btn_submit.gif') no-repeat; 
	background-position: 0 0;
	border: 0; 
	cursor: pointer;
}

.submit:hover {
	background-position: 0 -25px;
}

ul.textes-legaux, ol.textes-legaux {
	width: 600px;
	margin-bottom: 14px;
}

ul.textes-legaux li, ol.textes-legaux li {
	padding: 5px 0;
}

.telechargezpdf {
	display: block;
	float: right;
	width: 178px;
	height: 25px;
	margin-top: 10px;
	background: url('http://static.tou.tv/images/telechargez_pdf.gif') 0 0 no-repeat;
}

.telechargezpdf:hover {
	background-position: 0 -25px;
}

.telechargezapp {
	display: block;
	float: left;
	width: 259px;
	height: 25px;
	margin-left: 42px;
	background: url('http://static.tou.tv/images/btns_application.gif') 0 0 no-repeat;
}

.telechargezapp:hover {
	background-position: 0 -25px;
}

.telechargerBtn {
	display: block;
	width: 178px;
	height: 25px;
	/*margin-bottom:15px;*/
	background: url('http://static.tou.tv/images/telecharger.gif') 0 0 no-repeat;
}

.telechargerBtn:hover {
	background-position: 0 -25px;
}

	.telechargezapp.iphone {
		margin-left: 0;
		background-position: 0 -50px;
	}
	
	.telechargezapp.iphone:hover {
		background-position: 0 -75px;
	}

.mentionpub {
	display: block;
	width: 300px;
	height: 11px;
	background: url('http://static.tou.tv/images/publicite.gif') no-repeat;
}

.retrait {
	margin: 0 0 14px 22px;
}

#footer {
	display: block;
	width: 100%;
	background: #1e1a1b url('http://static.tou.tv/images/bg_footer2.jpg') no-repeat;
	background-position: top center;
	padding: 26px 0 26px 0;
	border-top: 1px solid #282828;
}

#contenufooter {
	display: block;
	width: 982px;
	margin: 0 auto;
	padding: 0 4px 0 4px;
	color: #fcfcfc;
	font-weight: normal;
}

#contenufooter img {
	margin-bottom: 15px;
}

#contenufooter a {
	/*color: #dd021b;*/
}

#contenufooter a:hover {
    color: #9f9f9f;
}

#contenufooter .float ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#contenufooter .float ul li 
{
	margin: 0 0 4px 0;
	padding: 0;
	list-style: none;
}


#contenufooter .float ul li a 
{
	margin: 0;
	padding: 0;
	color: #e2e2e2;
	text-decoration: none;
}

#contenufooter .float ul li a:hover {
	color: #9f9f9f;
}

#contenufooter .float {
	display: block;
	float: left;
	/*width: 175px;*/
	margin-right: 30px;
}

#contenufooter .float h3 {
	color: #9e9292;
	font-weight: bold;
	font-size: 13px;
	padding: 4px 20px 4px 0;
	margin: 0 0 8px 0;
	/*border-bottom: 1px solid #443f3f;*/
	text-transform: uppercase;
}

#contenufooter .numVersion 
{
    display: block;
    font-size: 10px;
    margin: 4px 0 0 0;
    color: #9f9f9f;
}

#zonepartenaires {
    display: block; 
    width: 100%; 
    background-color: #1b191a; 
    padding: 10px 0; 
    margin: 0;
}

.contenuzonepartenaires {
    display: block; 
    width: 735px; 
    margin: 0 auto;
    /*padding: 0 0 0 205px;*/
}

.contenuzonepartenaires img {
    display: block; 
    float: left; 
    margin-right: 14px;
}

.titreerror {
	font-size: 20px;
	font-weight: bold;
	margin: 14px 0;
}

.txterror {
	margin: 14px 0 26px 0;
	font-size: 13px;
}

.txterror a {
	color: #e2e2e2;
	text-decoration: underline;
}

.txterror a:hover {
	text-decoration: none;
}

.retouraccueil {
	display: block;
	float: right;
	width: 188px;
	height: 25px;
	background: url('http://static.tou.tv/images/retour_accueil.gif') no-repeat;
	background-position: 0 0;
	margin-right: 26px;
}

.retouraccueil:hover {
	background-position: 0 -25px;
}

#bigBox {
	margin-bottom:14px;
}

/*** Page résultats recherche ***/

.grandstitres.resultats strong {
    text-transform: uppercase;
	margin-right: 8px;
}

.grandstitres.resultats small {
	font-size: 14px;
	font-weight: bold;
}

.imgResultatRecherche {
	display: block;
	float: left;
	border: 5px solid #fff;
	margin: 0 8px 8px 0;
}

.deuxDerniersResultats {
	display: block;
	float: left;
}

.deuxDerniersResultats .titrebox {
	font-size: 14px;
	color: #7d7d7d;
	margin: 0 0 4px 12px;
}

.deuxDerniersResultats a.playepisode {
	display: block;
	width: 330px;
	min-height: 42px;
	background-repeat: no-repeat;
	padding: 8px 0 0 70px;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 4px 0;
}

.deuxDerniersResultats a.playepisode[class] 
{
    background: url('http://static.tou.tv/images/play_lumineux.png') no-repeat;
}

.deuxDerniersResultats a small {
	display: block;
	font-size: 12px;
	font-weight: normal;
}

.tousEpisodes {
	display: block;
	float: right;
	width: 228px;
	height: 25px;
	background: url('http://static.tou.tv/images/btn_consultez_tous_episodes.gif') no-repeat;
	margin: 0;
}

.tousEpisodes:hover {
	background-position: 0 -25px;
}

.texteResultats {
	color: #bdbdbd;
}

.highlight {
	background-color: #f7f9b6;
	color: #7d7d7d;
}

.blocepisodeemission .infosEmission {
	display: block;
	font-size: 14px;
	color: #e2e2e2;
	padding-bottom: 4px;
	margin-bottom: 4px;
	border-bottom: 1px solid #424041;
}

.blocepisodeemission .infosEmission strong {
	display: block;
	font-weight: bold;
}




h1.accueil {
	display: none;
}

h2, h3 {
	margin: 0;
	padding: 0;
}

.displaynone {
    display: none;
}

.clear {
	font-size: 0;
	line-height: 0;
	display: block;
	clear: both;
	float: none;
}

.clear.bis {
	height: 0;
	overflow: hidden;
}

/*---------------------------------------------------------- page AàZ --------------------------------------------------------------------*/

.ordrealphabet {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding: 4px 0;
	background: #5c0700;
	text-transform: uppercase;
	width: 25px;
	text-align: center;
}

.blocOrdreAlphabet {
	width: 665px;
	margin: 6px 0 20px 0;
}

.bloc_contenu.entete {
	background: #620a0a;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
}

.bloc_contenu.entete .titreemission {
	width: 272px;
}

.bloc_contenu.entete .titreemission, .bloc_contenu.entete .nbepisode, .bloc_contenu.entete .geo {
	height: 23px;
	padding-top: 10px;
	background: #5c0700;
	font-size: 10px;
}

.bloc_contenu.entete .nbsaison, .bloc_contenu.entete .genre {
	height: 23px;
	padding-top: 10px;
	background: #691a14;
	font-size: 10px;
}

a.bloc_contenu {
	display: block;
	background: url('http://static.tou.tv/images/bg_bloc_contenu.gif') repeat-y;
	color: #fff;
	padding: 0 0 0 5px;
	margin: 1px 0 0 5px;
	cursor: pointer;
}

.btndetailsEmission {
	display: block;
	position: absolute;
	top: 3px;
	left: 255px;
	width: 14px;
	height: 14px;
	background: url('http://static.tou.tv/images/repertoirePlusMoinsDetails.gif') 0 0;
	cursor: pointer;
}

a.bloc_contenu.impair {
	background: url('http://static.tou.tv/images/bg_bloc_contenu_impair.gif') repeat-y;
}

a.bloc_contenu:hover {
	color: #7d7d7d;
}

a.bloc_contenu.arrivee {
    background: url('http://static.tou.tv/images/bg_arrivee_az.gif') repeat-y;
    color: #5f7778;
}

a.bloc_contenu.arrivee:hover {
    color: #9f9f9f;
}

a.bloc_contenu.depart {
	background: url('http://static.tou.tv/images/bg_depart_az.gif') no-repeat;
	height: 25px;
	padding: 12px 0 0 0;
}

a.bloc_contenu.depart h1, a.bloc_contenu.depart .nbsaison, a.bloc_contenu.depart .nbepisode, a.bloc_contenu.depart .genre {
    padding: 5px 0 0 0;
}

a.bloc_contenu.depart .titreemission {
	margin-left: 37px;
	width: 230px;
}

.bloc_contenu .titreemission {
	display: block;
	float: left;
	width: 245px;
	font-size: 14px;
	font-weight: normal;
	margin: 2px 0 0 0;
	padding: 0;
}

.bloc_contenu .nbsaison {
	display: block;
	float: left;
	width: 59px;
	text-align: center;
	margin: 2px 0 0 0;
}

.bloc_contenu .nbepisode {
	display: block;
	float: left;
	width: 61px;
	text-align: center;
	margin: 2px 0 0 0;
}

.bloc_contenu .genre {
	display: block;
	float: left;
	width: 195px;
	padding-left: 5px;
	margin: 2px 0 0 0;
}

.bloc_contenu .geo {
	display: block;
	position: relative;
	float: left;
	width: 42px;
	height: 20px;
	text-align: center;
	padding-left: 5px;
}

.bloc_contenu .geo img {
	margin: 0 auto;
}

.bloc_contenu .EmissionplusDetails { /* 21.01.11 stef */
	display: block;
	position: relative;
	float: left;
	width: 14px;
	height: 14px;
	margin-top: 3px;
	text-align: center;
	background: url('http://static.tou.tv/images/repertoirePlusMoinsDetails.gif') no-repeat;
}

/* Répertoire (A à Z) - Onglet extend */

.wrapperDetailsEmission{ 
    display:block;
    /*padding:30px 0;
    width:360px;*/
    z-index:1000;
    position:absolute;
    left:-270px;
    top:20px;
    padding:14px 0 0 0; 
 }

.wrapperDetailsEmission .detailsEmission  {
    background:url("http://static.tou.tv/images/bg_bulleRecherches.gif") repeat-x scroll left bottom #FBFBFB !important;
    border:1px solid #FFFFFF;
    color:#1D1D1D;
    display:block;
    margin:0;
    padding:10px;
    width:300px;
	text-align: left;
    /*z-index:1000;*/
    /*position:absolute;*/
    /*left:10px;*/
    /*top:20px;*/
}
.wrapperDetailsEmission .detailsEmission p  {
    color:#000;
}

.flecheBullePlusDetails{
    top:-8px;
    display:block;
    height:22px;
    position:absolute;
    right:25px;
    width:38px;
    background:url("http://static.tou.tv/images/fleche_blocRecherches.png") no-repeat;

} 
     
/* Répertoire (A à Z) - Onglet extend (FIN) */

.emissionOrdreAffichage {
	text-align: right;
	color: #9f9f9f;
	margin-top: 8px;
}

.emissionOrdreAffichage a {
	font-weight: bold;
	color: #9f9f9f;
}

.emissionOrdreAffichage a:hover {
	color: #fff;
}

.emissionOrdreAffichage a.selected {
	font-weight: bold;
	color: #e2e2e2;
}


/*------------------------------------------------------- couleurs emissions ---------------------------------------------------------------*/

/*--- turquoise ---*/

body.turquoise #detailsemission h1.emission, body.vert #blocepisode h1.emission {
	color: #d0e6e9;
}

body.turquoise .accordeon .bordertitresaison {
	border: 1px solid #0c2e33;
}

body.turquoise .accordeon .bordertitresaison .titresaison {
	color: #d0e6e9;
}

body.turquoise .blocepisodeemission .vignettesgrandes  {
	background-color: #0c2e33;
}

body.turquoise .blocepisodeemission .vignettesgrandes:hover, body.vert .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #0f555f;
}

body.turquoise .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #0c2e33;
	color: #d0e6e9;
}

body.turquoise #borderplayer {
	border: 5px solid #0c2e33;
	background-color: #0c2e33;
}

/*--- /turquoise ---*/

/*--- bleu marine ---*/

body.bleumarine #detailsemission h1.emission, body.bleu #blocepisode h1.emission {
	color: #dee8f1;
}

body.bleumarine .accordeon .bordertitresaison {
	border: 1px solid #1b2c48;
}

body.bleumarine .accordeon .bordertitresaison .titresaison {
	color: #dee8f1;
}

body.bleumarine .blocepisodeemission .vignettesgrandes  {
	background-color: #1b2c48;
}

body.bleumarine .blocepisodeemission .vignettesgrandes:hover, body.bleu .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #2e4972;
}

body.bleumarine .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #1b2c48;
	color: #dee8f1;
}

body.bleumarine #borderplayer {
	border: 5px solid #1b2c48;
	background-color: #1b2c48;
}

/*--- /bleu marine ---*/

/*--- bleu ---*/

body.bleu #detailsemission h1.emission, body.bleu #blocepisode h1.emission {
	color: #dbe9f3;
}

body.bleu .accordeon .bordertitresaison {
	border: 1px solid #144363;
}

body.bleu .accordeon .bordertitresaison .titresaison {
	color: #dbe9f3;
}

body.bleu .blocepisodeemission .vignettesgrandes  {
	background-color: #144363;
}

body.bleu .blocepisodeemission .vignettesgrandes:hover, body.bleu .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #18547c;
}

body.bleu .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #144363;
	color: #dbe9f3;
}

body.bleu #borderplayer {
	border: 5px solid #144363;
	background-color: #144363;
}

/*--- /bleu ---*/

/*--- rouge ---*/

body.rouge #detailsemission h1.emission, body.cerise #blocepisode h1.emission {
	color: #f1dee0;
}

body.rouge .accordeon .bordertitresaison {
	border: 1px solid #8c0000;
}

body.rouge .accordeon .bordertitresaison .titresaison {
	color: #f1dee0;
}

body.rouge .blocepisodeemission .vignettesgrandes  {
	background-color: #8c0000;
}

body.rouge .blocepisodeemission .vignettesgrandes:hover, body.cerise .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #aa0101;
}

body.rouge .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #8c0000;
	color: #f1dee0;
}

body.rouge #borderplayer {
	border: 5px solid #8c0000;
	background-color: #8c0000;
}

/*--- /rouge ---*/

/*--- orange ---*/

body.orange #detailsemission h1.emission, body.orange #blocepisode h1.emission {
	color: #efc9b2;
}

body.orange .accordeon .bordertitresaison {
	border: 1px solid #9c2d02;
}

body.orange .accordeon .bordertitresaison .titresaison {
	color: #efc9b2;
}

body.orange .blocepisodeemission .vignettesgrandes  {
	background-color: #9c2d02;
}

body.orange .blocepisodeemission .vignettesgrandes:hover, body.orange .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #b93806;
}

body.orange .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #9c2d02;
	color: #efc9b2;
}

body.orange #borderplayer {
	border: 5px solid #9c2d02;
	background-color: #9c2d02;
}

/*--- /orange ---*/

/*--- vert ---*/

body.vert #detailsemission h1.emission, body.vert #blocepisode h1.emission {
	color: #c8efb2;
}

body.vert .accordeon .bordertitresaison {
	border: 1px solid #216300;
}

body.vert .accordeon .bordertitresaison .titresaison {
	color: #c8efb2;
}

body.vert .blocepisodeemission .vignettesgrandes  {
	background-color: #216300;
}

body.vert .blocepisodeemission .vignettesgrandes:hover, body.vert .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #428521;
}

body.vert .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #216300;
	color: #c8efb2;
}

body.vert #borderplayer {
	border: 5px solid #216300;
	background-color: #216300;
}

/*--- /vert ---*/

/*--- kaki ---*/

body.kaki #detailsemission h1.emission, body.vert #blocepisode h1.emission {
	color: #e7eeb9;
}

body.kaki .accordeon .bordertitresaison {
	border: 1px solid #475100;
}

body.kaki .accordeon .bordertitresaison .titresaison {
	color: #e7eeb9;
}

body.kaki .blocepisodeemission .vignettesgrandes  {
	background-color: #475100;
}

body.kaki .blocepisodeemission .vignettesgrandes:hover, body.vert .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #566200;
}

body.kaki .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #475100;
	color: #e7eeb9;
}

body.kaki #borderplayer {
	border: 5px solid #475100;
	background-color: #475100;
}

/*--- /kaki ---*/

/*--- violet ---*/

body.violet #detailsemission h1.emission, body.mauve #blocepisode h1.emission {
	color: #e4cfe6;
}

body.violet .accordeon .bordertitresaison {
	border: 1px solid #530349;
}

body.violet .accordeon .bordertitresaison .titresaison {
	color: #e4cfe6;
}

body.violet .blocepisodeemission .vignettesgrandes  {
	background-color: #530349;
}

body.violet .blocepisodeemission .vignettesgrandes:hover, body.mauve .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #6f0761;
}

body.violet .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #530349;
	color: #e4cfe6;
}

body.violet #borderplayer {
	border: 5px solid #530349;
	background-color: #530349;
}

/*--- /violet ---*/

/*--- brun ---*/

body.brun #detailsemission h1.emission, body.brun #blocepisode h1.emission {
	color: #eeddb9;
}

body.brun .accordeon .bordertitresaison {
	border: 1px solid #653700;
}

body.brun .accordeon .bordertitresaison .titresaison {
	color: #eeddb9;
}

body.brun .blocepisodeemission .vignettesgrandes  {
	background-color: #653700;
}

body.brun .blocepisodeemission .vignettesgrandes:hover, body.brun .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #7a4300;
}

body.brun .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #653700;
	color: #eeddb9;
}

body.brun #borderplayer {
	border: 5px solid #653700;
	background-color: #653700;
}

/*--- /brun ---*/

/*--- noir ---*/

body.noir #detailsemission h1.emission, body.indigo #blocepisode h1.emission {
	color: #dbdad9;
}

body.noir .accordeon .bordertitresaison {
	border: 1px solid #090909;
}

body.noir .accordeon .bordertitresaison .titresaison {
	color: #dbdad9;
}

body.noir .blocepisodeemission .vignettesgrandes  {
	background-color: #090909;
}

body.noir .blocepisodeemission .vignettesgrandes:hover, body.indigo .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #262525;
}

body.noir .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #090909;
	color: #dbdad9;
}

body.noir #borderplayer {
	border: 5px solid #090909;
	background-color: #090909;
}

/*--- /noir ---*/








/*--------------------------------------- couleurs inutilisées -------------------------------------------*/

/*--- indigo ---*/

body.indigo #detailsemission h1.emission, body.indigo #blocepisode h1.emission {
	color: #cbbbff;
}

body.indigo .accordeon .bordertitresaison {
	border: 1px solid #4a3886;
}

body.indigo .accordeon .bordertitresaison .titresaison {
	color: #cbbbff;
}

body.indigo .blocepisodeemission .vignettesgrandes  {
	background-color: #4a3886;
}

body.indigo .blocepisodeemission .vignettesgrandes:hover, body.indigo .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #322559;
}

body.indigo .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #4a3886;
}

body.indigo #borderplayer {
	border: 5px solid #4a3886;
	background-color: #4a3886;
}

/*--- /indigo ---*/

/*--- jaune ---*/

body.jaune #detailsemission h1.emission, body.jaune #blocepisode h1.emission {
	color: #fffcc4;
}

body.jaune .accordeon .bordertitresaison {
	border: 1px solid #cfc965;
}

body.jaune .accordeon .bordertitresaison .titresaison {
	color: #fffcc4;
}

body.jaune .blocepisodeemission .vignettesgrandes  {
	background-color: #cfc965;
}

body.jaune .blocepisodeemission .vignettesgrandes:hover, body.jaune .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #8c8945;
}

body.jaune .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #cfc965;
	color: #333333;
}

body.jaune #borderplayer {
	border: 5px solid #cfc965;
	background-color: #cfc965;
}

/*--- /jaune ---*/

/*--- lilas ---*/

body.lilas #detailsemission h1.emission, body.lilas #blocepisode h1.emission {
	color: #e0b0e1;
}

body.lilas .accordeon .bordertitresaison {
	border: 1px solid #853886;
}

body.lilas .accordeon .bordertitresaison .titresaison {
	color: #e0b0e1;
}

body.lilas .blocepisodeemission .vignettesgrandes  {
	background-color: #853886;
}

body.lilas .blocepisodeemission .vignettesgrandes:hover, body.lilas .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #582559;
}

body.lilas .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #853886;
}

body.lilas #borderplayer {
	border: 5px solid #853886;
	background-color: #853886;
}

/*--- /lilas ---*/

/*--- rose ---*/

body.rose #detailsemission h1.emission, body.rose #blocepisode h1.emission {
	color: #ffc9fe;
}

body.rose .accordeon .bordertitresaison {
	border: 1px solid #c966cd;
}

body.rose .accordeon .bordertitresaison .titresaison {
	color: #ffc9fe;
}

body.rose .blocepisodeemission .vignettesgrandes  {
	background-color: #c966cd;
}

body.rose .blocepisodeemission .vignettesgrandes:hover, body.rose .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #8a468c;
}

body.rose .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #c966cd;
}

body.rose #borderplayer {
	border: 5px solid #c966cd;
	background-color: #c966cd;
}

/*--- /rose ---*/

/*--- turquoise2 ---*/

body.turquoise2 #detailsemission h1.emission, body.turquoise #blocepisode h1.emission {
	color: #b7f3f4;
}

body.turquoise2 .accordeon .bordertitresaison {
	border: 1px solid #388586;
}

body.turquoise2 .accordeon .bordertitresaison .titresaison {
	color: #b7f3f4;
}

body.turquoise2 .blocepisodeemission .vignettesgrandes  {
	background-color: #388586;
}

body.turquoise2 .blocepisodeemission .vignettesgrandes:hover, body.turquoise .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #255859;
}

body.turquoise2 .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #388586;
}

body.turquoise2 #borderplayer {
	border: 5px solid #388586;
	background-color: #388586;
}

/*--- /turquoise ---*/

/*--- pistache ---*/

body.pistache #detailsemission h1.emission, body.pistache #blocepisode h1.emission {
	color: #ddfdac;
}

body.pistache .accordeon .bordertitresaison {
	border: 1px solid #91b061;
}

body.pistache .accordeon .bordertitresaison .titresaison {
	color: #ddfdac;
}

body.pistache .blocepisodeemission .vignettesgrandes  {
	background-color: #91b061;
}

body.pistache .blocepisodeemission .vignettesgrandes:hover, body.pistache .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #546638;
}

body.pistache .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #91b061;
}

body.pistache #borderplayer {
	border: 5px solid #91b061;
	background-color: #91b061;
}

/*--- /pistache ---*/

/*--- argent ---*/

body.argent #detailsemission h1.emission, body.argent #blocepisode h1.emission {
	color: #e4e4e4;
}

body.argent .accordeon .bordertitresaison {
	border: 1px solid #bcbcbc;
}

body.argent .accordeon .bordertitresaison .titresaison {
	color: #e4e4e4;
}

body.argent .blocepisodeemission .vignettesgrandes  {
	background-color: #bcbcbc;
}

body.argent .blocepisodeemission .vignettesgrandes:hover, body.argent .blocepisodeemission .floatimg .vignettesgrandes:hover .duration {
	background-color: #808080;
}

body.argent .blocepisodeemission .floatimg .vignettesgrandes .duration {
	background-color: #bcbcbc;
}

body.argent #borderplayer {
	border: 5px solid #bcbcbc;
	background-color: #bcbcbc;
}

/*--- /argent ---*/

/*------------------------------------------------------- fin couleurs emissions -----------------------------------------------------------*/


/*------------------------------------ admin commandites ------------------------------------*/

.centered {
    dispay: block;
    text-align: center;
    margin: 0 auto;
}

.ajouter {
    display: block;
    float: right;
    height: 25px;
    background: url('http://static.tou.tv/images/admin/ajouter.gif') top right no-repeat;
    font-weight: bold;
    font-size: 14px;
    padding: 4px 30px 0 0;
    margin: 0 8px 4px 0;
}

.ajouter:hover {
    color: #9f9f9f;
}

.retour {
    display: block;
    float: left;
    height: 21px;
    background: url('http://static.tou.tv/images/admin/back.gif') top left no-repeat;
    padding: 4px 0 0 35px;
}

.retour:hover {
    color: #9f9f9f;
}

.editer {
    display: block;
    width: 21px;
    height: 25px;
    float: right;
    margin-right: 8px;
    background: url('http://static.tou.tv/images/admin/editer.gif') no-repeat;
}

.supprimer {
    display: block;
    width: 25px;
    height: 24px;
    float: right;
    background: url('http://static.tou.tv/images/admin/supprimer.gif') no-repeat;
}

.enregistrer {
    display: block;
    width: 22px;
    height: 25px;
    float: right;
    margin-right: 8px;
    background: url('http://static.tou.tv/images/admin/enregistrer.gif') no-repeat;
    border: 0;
    cursor: pointer;
}

.tableauCommanditaires td, .tableauCommanditairesDetails td {
   padding: 1px 8px;
   border: 0;
}

.tableauCommanditaires td a:hover, .tableauCommanditairesDetails td a:hover {
    color: #9f9f9f;
}

.tableauCommanditaires table {
    float: right;
}

.tableauCommanditaires table td {
    padding: 0;
}

/*** Page exclusivités Rogers ***/

	.retrait {
		padding: 20px 0 10px 20px;
	}
	
		.retrait input, .retrait .exemple {
			display: inline;
			margin-right: 10px;
			margin-bottom: 5px;
		}
		
			.retrait .validerCodeRogers {
				float: right;
				width: 235px;
				height: 25px;
				background: url('http://static.tou.tv/images/sprite_btn_exclusiviteRogers.gif') 0 0 no-repeat;
			}
			
				.retrait .validerCodeRogers:hover {
					background-position: 0 -25px;
				}
				
			.retrait .genererCodeRogers {
				float: right;
				width: 262px;
				height: 25px;
				background: url('http://static.tou.tv/images/sprite_btn_exclusiviteRogers.gif') 0 -50px no-repeat;
			}
			
				.retrait .genererCodeRogers:hover {
					background-position: 0 -75px;
				}
				
			.retrait .inscriptionSmsRogers {
				float: right;
				width: 254px;
				height: 25px;
				background: url('http://static.tou.tv/images/sprite_btn_exclusiviteRogers.gif') 0 -100px no-repeat;
			}
			
				.retrait .inscriptionSmsRogers:hover {
					background-position: 0 -125px;
				}
				
			.retrait .inscriptionCourrielRogers {
				float: right;
				width: 198px;
				height: 25px;
				background: url('http://static.tou.tv/images/sprite_btn_exclusiviteRogers.gif') 0 -150px no-repeat;
			}
			
				.retrait .inscriptionCourrielRogers:hover {
					background-position: 0 -175px;
				}
		
		.retrait p, .retrait small {
			display: block;
			margin-bottom: 7px;
		}
		
	.retraitBis {
		margin-left: 28px;
	}
	
#detailsDejaCodeRogers, #detailsPasCodeRogers, #detailsInformationsRogers, #detailsInfoCourrielRogers {
	display: none;
}