@charset "utf-8";
/* CSS Document */

body {
	background: #000;
}

div.container {
	background: url(/emissions/neuroblaste/lib/img/bg_entete.jpg) no-repeat  center top;
	width: 100%;
	overflow: auto;
}
div.contenu {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto 80px;
	width: 990px;
	overflow: visible;
}

h1 {
	height: 222px;
	margin: 0;
}

div.contenu h3 {
	font-size: 13px;
}

div.contenu h4 {
	font-size: 12px;
}

div.contenu a {
	color: #00FFCF;
}
/*===================== Menu ======================*/

ul.menu {
	margin: 0 auto 30px;
	width: 815px;
	height: 31px;
	overflow: auto;
	padding: 7px 0 0 175px;
	display: block;
	text-align: center;
}

ul.menu li {
	margin: 0 1px 0;
	padding: 0;
	list-style: none;
	display: inline;
}


ul.menu span {
	display: none;
}

ul.menu a {
	display: block;
	width: 80px;
	height: 20px;
	margin: 0 32px 0 0;
	float: left;
}

ul.menu a, ul.menu a:hover, ul.menu a.on {
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat left top;
}


ul.menu a.L1 {
	width: 86px;
	background-position: -6px -203px;
}

ul.menu a.L1:hover, ul.menu a.L1.on {
	background-position: -6px -238px;
}

ul.menu a.L2 {
	width: 62px;
	background-position: -124px -203px;
}

ul.menu a.L2:hover, ul.menu a.L2.on {
	background-position: -124px -238px;
}

ul.menu a.L3 {
	width: 138px;
	background-position: -218px -203px;
}

ul.menu a.L3:hover, ul.menu a.L3.on {
	background-position: -218px -238px;
}

ul.menu a.L4 {
	width: 83px;
	background-position: -388px -203px;
}

ul.menu a.L4:hover, ul.menu a.L4.on {
	background-position: -388px -238px;
}

ul.menu a.L5 {
	width: 150px;
	background-position: -503px -203px;
}


ul.menu a.L5:hover, ul.menu a.L5.on {
	background-position: -503px -238px;
}

ul.menu a:hover {
	text-decoration: none;
}


/*==================== Contenu =======================*/

h2.titre{
	margin: 10px auto 0 auto;
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat center;
	height: 30px;
}

div.col-gauche {
	width: 628px;
	padding: 0 0 0 25px;
	float: left;
}

div.emissions div.col-gauche, 
div.makingOf div.col-gauche, 
div.equipe div.col-gauche, 
div.ecrivez div.col-gauche {
	/*background: rgba(0,0,0,0.5);*/
	background: url(/emissions/neuroblaste/lib/img/bg_transparent.png) repeat;
	padding: 0 10px 15px;
}

div.media {
	float: left;
	width: 100%;
	overflow: visible;
}

div.col-gauche div.viewer{
	width: 488px;
	float: left;
	position: relative;
	padding: 330px 0 0;
}

div.viewer div.embedSrc{
	margin: 0 0 10px;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}

div.av_bottom, div.av_divMediaData {
	display: none;
}

div.video{
	width: 628px;
	float: left;
	margin: 0 0 20px;
}

div.embedSrc {display: none; /*x*/}


div.reso{
	display: none;
	width: 100%;
	overflow: auto;
}


div.reso iframe{
	display: block;
	float: left;
}


div.description {
	display: none;
	float: left;
	width: 488px;
	margin: 20px 0 0;
}

div.description h2{
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 10px;
}


div.description h2 span{
	display: inline;
	text-transform: none;
}


/*===========================================*/

div.selector {
	width: 124px;
	float: right;
}


div.selector div.wrap {
	display: none;
	height: 430px;
	position: relative;
	overflow: hidden;
	margin: 0 0 10px;
	z-index: 5;
}

div.selector div.slider {
	position: absolute;
	width: 124px;
	z-index: 2;
	top: -515px;
	
}

div.selector .episode {
	display: none;
	width: 112px;
	height: 30px;
	padding-top: 33px;
	margin: 0 auto 10px; 
	position: relative;
	color: #FFF !important;
	font-weight: normal;
	border: 0 solid #00FFCF;
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat;
}


.episode span {
	display: block;
	text-align: right;
	text-transform: uppercase;
	font-size: 11px;
	color: #999999;
	text-shadow: #000 1px 1px 2px;
}

div.slider a:hover, div.slider a.on {
	display: block;
	border: 1px solid #00FFCF;
	margin-bottom: 8px;
	text-decoration: none;
}

div.selector a:hover span, div.selector a.on span {
		color: #fff;
	}

div.selector .Ep1 {
	background-position: -200px 0;
}

div.selector a:hover .Ep1, div.selector a.on .Ep1{
	background-position: -200px -100px;
}

div.selector .Ep2 {
	background-position: -350px 0;
}

div.selector a:hover .Ep2, div.selector a.on .Ep2{
	background-position: -350px -100px;
}

div.selector .Ep3 {
	background-position: -500px 0;
}

div.selector a:hover .Ep3, div.selector a.on .Ep3 {
	background-position: -500px -100px;
}

div.selector .Ep4 {
	background-position: -650px 0;
}

div.selector a:hover .Ep4, div.selector a.on .Ep4 {
	background-position: -650px -100px;
}

div.selector .Ep5 {
	background-position: -800px 0;
}

div.selector a:hover .Ep5, div.selector a.on .Ep5 {
	background-position: -800px -100px;
}

div.selector .Ep6 {
	background-position: -950px 0;
}

div.selector a:hover .Ep6, div.selector a.on .Ep6 {
	background-position: -950px -100px;
}

div.selector .Ep7 {
	background-position: -1100px 0;
}

div.selector a:hover .Ep7, div.selector a.on .Ep7 {
	background-position: -1100px -100px;
}

div.selector .Ep8 {
	background-position: -1250px 0;
}

div.selector a:hover .Ep8, div.selector a.on .Ep8 {
	background-position: -1250px -100px;
}

div.selector .Ep9{
	background-position: -1400px 0;
}

div.selector a:hover .Ep9, div.selector a.on .Ep9 {
	background-position: -1400px -100px;
}

div.selector .Ep10{
	background-position: -1550px 0;
}

div.selector a:hover .Ep10, div.selector a.on .Ep10 {
	background-position: -1550px -100px;
}

div.selector .Ep11{
	background-position: -1700px 0;
}

div.selector a:hover .Ep11, div.selector a.on .Ep11 {
	background-position: -1700px -100px;
}

div.selector .Ep12{
	background-position: -1850px 0;
}

div.selector a:hover .Ep12, div.selector a.on .Ep12 {
	background-position: -1850px -100px;
}

div.selector .Ep13{
	background-position: -2000px 0;
}

div.selector a:hover .Ep13, div.selector a.on .Ep13 {
	background-position: -2000px -100px;
}

div.selector a:hover div.episode, div.selector a.on div.episode {
	margin-bottom: 0;
}

div.selector a.btn {
	display: block;
	height: 11px;
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat;
}

div.selector a.up {
	background-position: -50px 0;
	margin: 0 0 10px;
}

div.selector a.up:hover {
	background-position: -50px -11px;
}

div.selector a.down {
	background-position: -50px -50px;
}
	
	div.selector a.down:hover {
		background-position: -50px -61px;
	}
	
/*===========================================*/

div.journal {
	display: none;
	padding: 134px 0 0;
	background: url(/emissions/neuroblaste/lib/img/bg_journal.jpg) no-repeat;
	clear: both;
}


div.post {
	display: none;
	background: #161216;
	padding: 3px;
	margin: 0 0 15px;
}


div.border {
	border: 1px solid #003329;
	padding: 10px 0 0 15px;
}

div.post h3{
	color: #00FFCF;
	margin: 0 30px 10px 0;
}

div.post p{
	margin: 0 45px 10px 0;
}


div.post a.plus{
	display: block;
	float: right;
	width: 29px;
	height: 29px;
	margin: -39px 10px 0 0;
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat 0 0;
}

	div.post a.plus:hover {
		background-position: 0 -50px;
	}

div.matte {
	display: none;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.85);
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}



div.post div.plus {
	background: #000;
	border: 1px solid #00ffcf;
	width: 982px;
	padding: 4px;
}

div.post div.plus img {
		display: block;
		margin: 0 auto 25px auto;
	}

div.post div.plus div.navPost {
	display: block;
	margin: 25px auto 50px;
	padding: 3px;
	background: #003333;
	width: 700px;
	overflow: auto;
}

div.post div.plus a {
	display: block;
}

div.post div.plus a.close {
	text-align: right;
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat 967px -149px;
	padding: 0 20px 0 0;
}

div.post div.plus a.prec {
	width: 100px;
	float: left;
}

div.post div.plus a.suivant {
	float: right;
	width: 100px;
	text-align: right;
}


div.post div.plus div.contenuPost {
	width: 809px;
	margin: 0 auto 50px;
	background: url(/emissions/neuroblaste/lib/img/bg_contenuPost.jpg) repeat-y;
	color: #000;
}

	div.post div.plus div.contenuPost .top {
		display: block;
		height: 65px;
		background: url(/emissions/neuroblaste/lib/img/top_contenuPost.jpg) no-repeat;
		margin-bottom: 20px;
	}
	
	div.post div.plus div.contenuPost p {
		padding: 0 50px 0 75px;
	}
	
	div.post div.plus div.contenuPost .bas {
		display: block;
		height: 31px;
		background: url(/emissions/neuroblaste/lib/img/bas_contenuPost.jpg) no-repeat;
		margin-top: 20px;
	}

	div.plus div.contenuPost a {
		display: inline;
		color: #07428a;
	}

a.journPrec {
	display: none;
	margin: 0 auto;
	width: 300px;
	text-align: center;
}

/*==================== colonne de droite =======================*/

div.col-droite {
	display: none;
	width: 300px;
	float: right;
	
}

div.col-droite div{
	margin: 0 0 10px;
}

div.teasers a {
	display: block;
	background: no-repeat;
	margin: 0 0 10px;
}

div.teasers a.t1 {
	background-position: center;
	height: 64px;
}

div.teasers a.t2 {
	background-image: url(/emissions/neuroblaste/lib/img/teaserMobile.jpg);
	height: 100px;
}

div.teasers div.t2 {
	background: url(/emissions/neuroblaste/lib/img/codeSite-mobile.gif) no-repeat;
	border: 5px solid #000;
	width: 350px;
	height: 350px;
	position:absolute;
	z-index: 500;
	display: none;/*x*/
}

div.teasers a.t3 {
	background-image: url(/emissions/neuroblaste/lib/img/teaserMakingOf.jpg);
}


div.src_wrapPied{
	display: none;
	clear: both;
	margin: 100px 0 0;
}

div.virtualPied{
	clear: both;
	/*height: 361px;*/
}

/*================= Page émission ==========================*/

div.emissions h2.titre{
	background-position: 0 -300px;
	width: 80px;
}

div.emissions h3{
	margin: 20px 0;
	padding: 0 0 5px;
	font-weight: normal;
	border-bottom: 1px solid #363636;
	text-transform: uppercase;
}

div.personnage{
	margin: 0 0 20px;
	clear: left;
	width: 628px;
	overflow: auto;
	display: none;
}
div.personnage div.headshot {
	width: 240px;
	height: 135px;
	float: left;
	margin: 0 10px 0 0;
}
div.personnage h4 {
	margin: 0 0 10px;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
}

div.personnage.pAlain div.headshot {
	background: url(/emissions/neuroblaste/lib/img/pAlain.jpg) no-repeat;
}

div.personnage.pAube div.headshot {
	background: url(/emissions/neuroblaste/lib/img/pAube.jpg) no-repeat;
}

div.personnage.pBild div.headshot {
	background: url(/emissions/neuroblaste/lib/img/pBild.jpg) no-repeat;
}

div.personnage.pChris div.headshot {
	background: url(/emissions/neuroblaste/lib/img/pChris.jpg) no-repeat;
}

div.personnage.pFelix div.headshot {
	background: url(/emissions/neuroblaste/lib/img/pFelix.jpg) no-repeat;
}

div.personnage.pGab div.headshot {
	background: url(/emissions/neuroblaste/lib/img/pGab.jpg) no-repeat;
}

div.personnage.pJoanne div.headshot {
	background: url(/emissions/neuroblaste/lib/img/pJoanne.jpg) no-repeat;
}

div.personnage.pJoey div.headshot {
	background: url(/emissions/neuroblaste/lib/img/pJoey.jpg) no-repeat;
}

div.personnage.pNeil div.headshot {
	background: url(/emissions/neuroblaste/lib/img/pNeil.jpg) no-repeat;
}

div.personnage.pVincent div.headshot {
	background: url(/emissions/neuroblaste/lib/img/pVincent.jpg) no-repeat;
}


/*================= Page making of ==========================*/



div.makingOf h2.titre{
	background-position: 0 -400px;
	width: 190px;
}

div.makingOf div.viewer {
	margin: 0 auto 20px;
	padding: 0;
	float: none;
}

div.makingOf div.embedSrc{
	position: static;
}


div.makingOf h3{
	margin: 20px 0;
	padding: 0 0 5px;
	font-weight: normal;
	border-bottom: 1px solid #363636;
	clear: both;
	text-transform: uppercase
}

div.extrait{
	margin: 0 10px 20px 0;
	float: left;
	width: 46%;
	border: 1px solid transparent;
	padding: 2px;
}

div.extrait.on .thumbnail {
	border: 1px solid #00FFCF;
}

div.extrait .thumbnail {
	width: 112px;
	height: 63px;
	float: left;
	margin: 0;
}
div.extrait div.wrap {
	width: 170px;
	float: right;
	margin: 0 ;
}
div.extrait h4 {
	margin: 0 0 10px;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
}
div.extrait a.callExtrait {
	padding: 0 0 0 25px;
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat 0 -98px;
	font-weight: normal;
}


div.extrait.E1 .thumbnail {
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat -200px -305px;
}


div.extrait.E2 .thumbnail {
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat -350px -305px;
}


div.extrait.E3 .thumbnail {
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat -500px -305px;
}


div.extrait.E4 .thumbnail {
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat -650px -305px;
}


div.extrait.E5 .thumbnail {
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat -800px -305px;
}

div.extrait.E6 .thumbnail {
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat -950px -305px;
}

div.extrait.E7 .thumbnail {
	background: url(/emissions/neuroblaste/lib/img/sprite.gif) no-repeat -1100px -305px;
}

div.albumPhoto {
	height: 300px;
	width: 488px;
	margin: 20px auto;
}

/*================= Page Équipe ==========================*/

div.equipe h2.titre {
	background-position: 0 -350px;
	width: 110px;
}

div.equipe h3{
	margin: 30px 0;
	padding: 0 0 5px;
	font-weight: normal;
	border-bottom: 1px solid #363636;
	clear: both;
	text-transform: uppercase
}

div.equipe h4{
	text-transform: uppercase;
	font-weight: bold;
	margin: 20px 0 10px;
}
div.rollCredits {
	margin: 0 15px 0 25px;
	float: left;
}

ul.listeEquipe {
	list-style: none; 
	/*padding-left: 20px;*/
}

/*================= Page Écrivez-nous ==========================*/

div.ecrivez h2.titre{
	width: 200px;
	background-position: 0 -455px;
}


/*** widget twitter ***/

.vcount .t-count, .hcount .t-count {
	display: none !important;
}