/* coding: utf-8 */
/* Elmediator beta.css */
/*
couleurs
---------
rose c	 ED008C
rose f	 B8077C
violine	 63065C
bleu		 00AEEF
vert		 B3D234
*/


/* --- All Tags ---- */

html { font-size: 100%; }

body {
	margin: 0;
	padding: 0;
	font: normal 1em/1em Arial, Helvetica, sans-serif;
	background: #000;
	color: #E7E7E7;
	text-align: justify;
}

/*LoVe \ HAte */
a {	
	font-weight: bold;
	text-decoration: none;	
}
a:link {color: #B3D234;}
a:visited {color: #909090;}
a:hover {color:#ED008C;}
a:active {color: #00AEEF;}

h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 {font-size: 1.5em}	/* 24px */
h2 {font-size: 1.25em} 	/* 20px */
h3 {font-size: 1.125em}  /* 18px */
h4 {font-size: 1em}      /* 16px */
h5 {font-size: .875em}   /* 14px */
h6 {font-size: .75em}    /* 12px */


/* --- All Classes --------------------------------------------------------------------------------------------------------------------- */

.clearer {
	visibility: hidden;
	clear: both;
}

.nsDate {
	display: block;
	font-size: 0.75em;
}		

.dayBefore { color: #B3D234}		
.nsLink {			
	display: block;
	text-align: center;
}

.pubText {
	font-size: .8em;
	padding: 5px;
}

.pubDate {
	text-align: right;
	font-size: .675em;
	color: #ED008C;
	
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */


#main { float: left; clear: both; background: #000; width: 100%;}

	#content, #panel {
		margin: 0;
		padding: 0;
		border: none;
		float: left;
	}
	
	#content { 
		width: 70%;
		/*background: #050510;*/
	}	
	#panel { 
		width: 30%;
		/*border: 1px solid #696969;
		border-width: 0 1px 0 0 ;*/
		/*background: #121212;*/
	}
	
	
		.lineBlock {
			width: 96%;
			margin: 10px auto;
			padding: 0;
			border: 2px dotted #7E7E7E;
			border-width: 0 0 5px 0;
			
			/*background: #101010;*/
		}
		
			.lineBlock .column {
				float: left;
				width: 49%;
				margin-right: 1%;
			}
			
			.lineBlock .column.sndCol {
				margin-right: 0;
				margin-left: 1%;
			}
			


/*Tites page h2 h3 */
	#nstitre, #newstitre {
		text-indent: -2000px;
		margin: 0;
		padding: 0;
		height: 70px;
	}	
	#nstitre {background: transparent url(./img/nShow.png) no-repeat 0 0; width: 180px}
	#newstitre {background: transparent url(./img/news_2.png) no-repeat 0 0; width: 150px}


#nextEvents h3,
#newsAndChat h3 {
	color: #00A5EB;
	background: #202020;	
	border: 1px solid #353535;
	border-width: 0 0 2px;
	font-size: 1em;
	text-align: right;	
	font-size: 1em;	
	line-height: 1.25em;
	overflow: hidden;	
}
	
	#nextEvents h3 a,
	#newsAndChat h3 a { color: #00A5EB; }
	#nextEvents h3 a:hover,
	#newsAndChat h3 a:hover  { text-decoration: underline; }


/*** HighLiteds Shows */
	#nextEvents h3,
	#nextEvents p  {
		padding: 5px;
	}
	
	#nextEvents h3 {
		height: 25px;
		line-height: 25px;
		border: 1px solid #7E7E7E;
		border-color: #7E7E7E #7E7E7E #353535;
		border-width: 1px 1px 2px;
		margin-bottom: 0;
	}
	
	#nextEvents p {
		border: 1px solid #7E7E7E;
		border-width: 0 1px 1px;
		margin-top: 0;
	}
		#nextEvents p img { overflow: hidden; }
		
	#nextEvents a img,
	#newsAndChat a img {
		border: 2px solid #FFF;
	}
	
	#nextEvents a:hover img,
	#newsAndChat a:hover img {
		border: 2px solid #B3D234;
	}
	
/*** News And ChatBox */
	
	.newsList {		
		border: 1px solid #7E7E7E;
		margin: 0 0 12px;
	}
	
		.newsList h3 {
			padding: 2px;
			margin : 0 0 2px;
		}
	
	#shoutBoxApp {
		border: 1px solid #7E7E7E;
		font-size: 1em;
	}

	
/* videos box */
	
#boxVideoElmediator {
	text-align: center;
	border: 1px solid #7E7E7E;
	float: left;
	width: 100%;
}
	
	#boxVideoElmediator h3 {
		color:			#00A5EB;
		background: 	#202020;
		font-size:		1em;
		line-height:	1.25em;
		margin: 		0 0 10px;
		padding: 		5px;
		border: 		1px solid #353535;
		border-width: 	0 0 2px;
	}
	
	#videoBox {
		width:  400px;
		height: 350px;
		text-align: center;
		margin: 5px;
	}
	
	#moreVideos {
		width:		100%;
		margin:		0;
		padding:	0;
		background: #202020;
		text-align: center;
		float: left;
		border: 1px solid #353535;
		border-width: 2px 0 0 ;
		
	}
		#moreVideos span,
		#moreVideos strong {
			/*display: block;*/
			float: left;
			font-size: 15px;
			line-height: 20px;
			margin: 0;
			padding: 0;
		}
		
		#moreVideos strong {
			width: 100%;
			clear: both;
			padding: 5px;
		}
		
		#moreVideos span.linkVideo {
			width: 40%;
		}
		#moreVideos span.spacerLinkVideo {
			width: 20%;
		}
		
		#moreVideos span a {
			display: block;
			margin: 0;
			padding: 0;
			background: #505050;
		}
		#moreVideos span a:hover {
			background: #000;
		}
		
		#vPM, #vAT {
			border: 1px solid #FFFFFF;
		}
		
		#vPM { border-width: 1px 1px 0 0; }
		#vAT { border-width: 1px 0 0 1px; }
		
		#vPM:hover, #vAT:hover {
			border-color: #757575;
		}
	
	/* ---------------- */
	



/* Panel ----------------------------------------------------------------------------------------------------------------------------------- */
	

	.topPanel, .midPanel, .basPanel {
		margin: 0;
		padding: 0;
	}
	
	/*.topPanel {
		padding: 10px 0 0 0;
	}
	.midPanel {
		padding: 0px 10px;
		line-height: 1em;
	}
	.basPanel {
		margin: 0;
		padding: 0;
		height: 53px;
	}*/
	
	#alltitre {
		margin: 0;
		padding: 5px;
		line-height: 1em;
		font-size: .875em;
	}
	
	.nextShows {
		font-size: .75em;
		margin:  0;
		padding: 5px 0;
		/*background: #000;*/
		list-style: none;		
	}
	
		.midPanel dt,
		.midPanel dl,
		.midPanel dd,
		.twoColList		{
			margin: 0;
			padding: 0;
			list-style: none;
		}
	
		.nextShows li {
			margin:  0;
			padding: 0;
			padding: 10px 5px 5px;
		}
		
		.nextShows a {
			display: block;
			padding: 5px 5px 0;
		}		
		
		.nextShows a:link {}
		.nextShows a:visited {color: #909090;}		
		.nextShows a:hover {background: #434343;}
		.nextShows a:active {}
		
		/*a:link {color: #B3D234;}
		a:visited {color: #909090;}
		a:hover {color:#ED008C;}
		a:active {color: #00AEEF;}*/



/* Publicité -------------------------------*/

#popPub {
	position: absolute;
	width: 490px;
	height: 230px;
	top: 0;
	left: 520px;
	z-index: 1500;
	background: transparent url(./img/utils/pub_background.png) no-repeat 0 0;
}


/* Detail Spectacle ------------------------------------ */

	#detailsBox {
		position: absolute;
		font-size: 0.875em;
		line-height: 1em;
		color: #E7E7E7;
		margin: 0;
		padding: 0;
		border: 1px solid #D5D5D5;
		border-width: 0 1px 1px;
		background: transparent url(./img/quickInfos/detailsMotifs.png) 0 0;
		z-index: 2000;
	}
	
	.details {
		margin:  0;
		padding: 0;
		list-style: none;
		background: #BBB url(./img/quickInfos/qiRoseC.png) repeat-x 0 0;
		width: 100%;
		clear: both;
		float: left;
	}
	
		.details li, p.qiPrice {
			font-weight: bold;
			margin: 0;
			padding: 5px;
			text-align: center;
			color: #505050;
			background-repeat: repeat-x;
			background-color: #BBBBBB;
			background-position: 0 0;
		}
				
		p.qiPrice {
			clear: both;
			color: #505050;
		}
		
		.details li {
			float: left;
			width: 30%;
		}
		
		#detailsBox h2 {
			margin: 0;
			padding: 0 5px;
			height: 50px;
			background-color: #FFF;
			text-align: center;
			font-size: 30px;
			line-height: 45px;			
			background: transparent url(./img/quickInfos/headerDetails.png) repeat-x 0 0;
			overflow: hidden;
		}
		
		#detailsBox a img {border: none;}
		
		#closeMe {
			position: absolute;
			display: block;
			top: 6px;
			left: 15px;
			width: 80px;
			height: 44px;
			margin: 0;
			padding: 0;
			background: transparent url(./img/quickInfos/closer.png) no-repeat 0 0;
		}
		
		#closeMe:hover {background-position: 0 -44px;}
		#closeMe:active {background-position: 0 -88px;}
			#closeMe span {display: none;}
		
		.colDetailsInf {
			clear: both;
			float: left;
			width: 100%;
		}
		
		.colDetailsInf .col1, .colDetailsInf .col2, .colDetailsInf .col3 {
			margin: 20px 1%;
			padding: 5px;
			float: left;
		}
		.colDetailsInf .col1 {width: 14%;}
		.colDetailsInf .col2 {
			width: 40%;
			border: 1px dotted #707070;
			padding: 0 1%;
			border-width: 0 1px;
		}
		.colDetailsInf .col3 {width: 35%;}
		
		.colDetailsInf strong {
			color: #00AEEF;
		}
		.colDetailsInf .col1 p {
			background: #FFF;
			color: #222;
			border: 1px solid #00AEEF;
			padding: 6px;
			margin: 0 auto;
			width: 100%;
			text-align: left;
		}

	.qiWhere {background-image: url(./img/quickInfos/qiRoseF.png);}
	.qiStyle {background-image: url(./img/quickInfos/qiRoseC.png);}
	.qiPrice {background-image: url(./img/quickInfos/qiBleu.png);}
	.qiArtsX, .qiWhen {background-image: url(./img/quickInfos/qiVert.png);}
	
	 a#elmediatorGame {
		display: block;
		margin: 0;
		padding: 0;
		width: 150px;
		height: 171px;
		background: transparent url(./img/utils/roueJeuElmediator.png) no-repeat 50% 50%;
	}
	
		 a#elmediatorGame span {display: none;}
	
	/* Billetterie Stuff */
	#billBar {
		clear: both;
		height: 80px;
		margin: 0;
		padding: 0;
		background: #000;
		color: #FFF;
		border: 1px solid #D5D5D5;
		border-width: 0 0 1px;
	}
	
	#billBar span {
		float: left;
		height: 80px;
		margin: 0;
		padding: 0;
		display: block;
	}
	
	#billBar span.billTitle {
		font-size: 16px;
		line-height: 80px;
		font-weight: bold;
		margin : 0;
		padding: 0 10px;
		background: #505050;
		border: 1px solid #D5D5D5;
		border-width: 0 1px 0 0;
	}
	#billBar span.billLinks {			
		margin: 0 5px;
		padding: 0;
	}
	
	/* Interreg Dawa */
	
	#interregBox {
		padding: 0;
		margin:  0;
		clear: both;
		background: #6B6463;
		font-size: 12px;
		position: relative;
		border: 1px solid #D5D5D5;
		border-width: 1px 0 0;
	}
	#interregBox img {
		display: inline;
		padding: 0;
		margin : 0 2px;
	}
	#interregBox p {
		position: absolute;
		height: 80px;
		width: 250px;
		margin: 2px 0;
		padding: 2px;
		top: 0;
		right: 0;
		text-align: right;
		text-align: center;
	}
	#interregBox p strong {
		font-size: 15px;
		line-height: 20px;
		height: 20px;
		display: block;
	}