@charset "UTF-8";
/* tous les éléments */
*{
	margin: 0;
	padding: 0;
	border:0;
	outline:0;
}
html,
body{
	width:100%;
	height:100%;
}
body{
	background-color:#000;
	font:10pt "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #666;
}

/* éléments spécifiques */
/* listes */
ul{
	list-style-type:none;
}

/* headings */
h1,
h2,
h3,
h4,
h5,
h6{
	text-transform:uppercase;
}
/* liens */
a:link,
a:visited,
a:hover,
a:active{
	font-style:italic;
	text-decoration:none;
	color:#fff;
	border-bottom:1px dotted #fff;
}
a:hover{
	border-bottom-style:solid;
}
 /* ça c'est pour les players youtube... */
/*object{
	background-color:#262626;
	margin-top: 5px;
	margin-bottom: 5px;
}*/

/* connexion */
#__connexion{
	float:right;
	margin:10px;
	color:#222;
	cursor:pointer;
	z-index:1000;
	position:relative;
}

/* conteneur principal */
#site{
	position:relative;
}
#top{ 
	position:relative;
	width:946px;
	margin:0 auto;
	text-align:left;
}
	#romheader{
		padding:30px 0;
		height:28px;
		white-space:nowrap;
		position:relative;
	}
	#romheader img{
		vertical-align:middle;
		margin-right:13px;
		float:left;
	}
	#menu{
		margin-left:223px;
		height:23px;
		border-top:2px solid #595959;
		border-bottom:2px solid #595959;
		text-align:left;
	}
	#menu li{
		display:inline;
		margin:0 10px;
	}
	#menu li a{
		vertical-align:middle;
		font-variant:small-caps;
		letter-spacing:2px;
		color:#595959;
		font-style:normal;
		font-size:1.2em;
		border:none;
	}
	#menu li a:hover,
	#menu li a.selected{
		color:#bbb;
	}

/* colonnes gauche et droite */
#leftcol{
	width:181px;
	float:left;
	margin-right:40px;
	position:relative;
}
#rightcol{
	width:231px;
	float:right;
	position:relative;
}
#leftcol li,
#rightcol li{
	margin-bottom:16px;
	background-color:#262626;
	text-align:center;
}

#leftcol li ul,
#rightcol li ul{
	width:160px;
	margin:0 auto;
	padding:4px 0;
}
#rightcol li ul{
	width:200px;
}

#leftcol li ul li,
#rightcol li ul li{
	text-align:left;
	margin:0;
}
	/* custom */
	#leftcol li ul#links li{
		text-align:center;
	}
#leftcol h1,
#leftcol h2,
#rightcol h1,
#rightcol h2{
	font-weight:normal;
	letter-spacing:1px;
	color:#999;
	font-size:1.1em;
}
#rightcol .overhead{
	margin-bottom:-16px;
}
#rightcol .overhead h2{
	text-align:left;
	color:#fff;
}
#rightcol .date,
#leftcol .date{
	color:#999;
	font-style:italic;
	font-size:0.8em;
}
#leftcol li#galleryrandom{
	padding:5px 0;
}
#leftcol li#galleryrandom h1{
	margin-bottom:3px;
}
#leftcol li#galleryrandom a{
	border:none;
}
#rightcol li#progpdf{
	height:50px;
	padding:5px 0;
	font-size:1.3em;
	letter-spacing:1px;
}
#rightcol li#progpdf img{
	float:right;
	margin:0 5px 5px;
}

/* over heads */
div.overhead{
	background-color:#000;
	padding-bottom:10px;
}
#leftcol div.overhead h2,
div.overhead h2{
	width:100%;
	font-size:1.1em;
	font-weight:normal;
	color:#fff;
	border-bottom:1px solid #fff;
	text-indent:11px;
}
#leftcol div.overhead h2{
	text-indent:0px;
}
div.overhead h2 a{
	font-size:1.3em;
	color:#fff;
	border:none;
}

/* 3 colonnes et info */
#infos,
#columns{
	background:#000;
	padding-bottom:30px;
	float:left;
	margin-top:2px;
	width:723px;
	margin-top:5px;
}
#infos h1{
	font-size:1em;
	color:#fff;
	margin-bottom:5px;
}
.infotoggler{
	background-color:#303030;
	padding:5px;
	border:1px solid #4d4d4d;
	cursor:pointer;
	color:#999;
}
.infotoggler table td{
	vertical-align:top;
	padding-right:3px;
}
#columns_inner{
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
}
.evcol{
	position:relative;
	float:left;
	width:219px;
	padding:5px 0 12000px 10px;
	margin-bottom:-12000px;
	border:1px solid #4d4d4d;
	background-color:#303030;
}
.evcol.central{
	margin-left:14px;
	margin-right:14px;
}
.evcolas .date,
.evcol .date{
	color:#999;
	font-style:italic;
	font-size:0.9em;
}
.evcol img{
	margin:4px 0;
}
.evcol h1{
	font-variant:small-caps;
	font-size:1.2em;
	letter-spacing:1px;
	font-weight:normal;
	color:#fff;
}
.evcol h2,
.evcolas h2{
	text-transform:lowercase;
	font-size:0.8em;
	color:#999;
}
.evcolas h2{
	color:#666;
}
.evcolinfo{
	text-align:center;
	padding-top:5px;
	float:left;
	width:229px;
	border:1px solid #4d4d4d;
	border-top:none;
	background-color:#303030;
	color:#000;
}
.evcolinfo.central{
	margin:0 14px;
}
.evcolinfo a{
	color:#000;
	text-transform:uppercase;
	font-style:normal;
	border:none;
	vertical-align:middle;
}
.evcolinfo h1{
	font-size:0.9em;
	letter-spacing:1px;
}
.evcolas{
	position:relative;
	height:55px;
	padding:5px 10px 10px 10px;
	color:#fff;
	font-size:0.9em;
	text-align:left;
}
.evcolas h1{
	color:#999;
	font-size:1.1em;
	letter-spacing:normal;
}
.evcolas.striped{
	background:url(../__layout/__static/stripes.png) repeat left top;
}
.evcorner{
	position:absolute;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	border-left:19px solid #303030;
	border-top-style:solid;
	border-top-width:19px;
	right:-1px;
	top:-1px;
}
#monster_video p{
	margin:10px 0;
}

/* main content */
#main{
	float:left;
	width:723px;
	position:relative;
}

/* events */
#events{
	float:left;
	width:476px;
	position:relative;
}
ul.event{
	border:1px solid #4d4d4d;
}
.event h1{
	font-size:1.3em;
	color:#999;
	margin:4px 0;
	letter-spacing:1px;
	font-style:normal;
	min-height:20px;
}
.event h1.event_alert{
	color:#f00;
}
.event a.fb{
	position:absolute;
	right:-5px;
	top:0px;
	opacity:.3;
	border:none;
}
.event a.fb:hover{
	opacity:1;
}
.event h2{
	font-size:1.1em;
	letter-spacing:1px;
	font-style:italic;
	color:#666;
}
#events h1.urgent,
#events h2.urgent,
#events h3.urgent{
	color:#f50;
}
#events div.overhead h2{
	font-style:normal;
	color:#fff;
}
#events .date{
	color:#666;
	font-style:italic;
	position:relative;
	margin-left:55px;
}
#events .squarecol{
	position:absolute;
	left:-60px;
	top:0px;
	padding:3px 7px;
	width:38px;
	height:100%;
	font-weight:bold;
	font-style:normal;
	text-align:center;
	text-transform:capitalize;
	font-size:1.8em;
	border-right:1px solid #666;
}
#events .date span{
	display:block;
	text-transform:uppercase;
	letter-spacing:1px;
	font-style:normal;
}
.band,
.event{
	width:464px;
	margin-bottom:8px;
	padding:5px;
	background-color:#262626;
	cursor:default;
}
#pastevents li a,
.band a,
.event a{
	cursor:pointer;
}
.band img,
.event img{
	margin-right:5px;
}
.band img{
	max-width:100%;
}
.toggler{
	cursor:pointer;
}
.stretcher{
}
.stretcher li{
	margin-bottom:5px;
	color:#999;
}
.conditions {
	font-style: italic;
	font-size: 0.8em;
	text-transform: lowercase;
}
a.bbrock{
	border:none;
}
.movie{
	margin-top:15px;
}
.movie li{
	line-height:normal;
}
.prelocs{
	display:inline;
}
.prelocs li{
	display:inline;
	padding-right:5px;
}
.kinopeople li{
	margin-left:10px;
	text-transform:uppercase;
	font-weight:bold;
}
.canceled{
	text-decoration:line-through;
}
.full{
	color:#000;
}

/* img youtube */
a.tubeplayer{
	border:none;
	position:relative;
}
a.tubeplayer img{
	margin-top:-62px;
	margin-left:4px;
	position:absolute;
}
a.tubeplayer.nomargin img{
	margin:2px 0;
	position:relative;
}

/* progpdf */
#progpdf a{
	border:none;
}

/* événements passés */
#pastevents{
	width:476px;
	margin-top:10px;
	margin-right:10px;
	font-size:0.9em;
}
#pastevents li{
	margin-top:5px;
	padding:5px;
	background:#191919;
	cursor:pointer;
}

/* tool tips */
.tip {
	position:absolute;
	left:3px;
	top:3px;
	color: #fff;
	width: 150px;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #fff;
	padding: 4px 8px 0px;
	background: url(../__layout/__static/calframe.gif) top left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	color: #ccc;
	background: url(../__layout/__static/calframe.gif) bottom right;
}

/* ??? */
#extra {
	margin:20px 0;
	font-size:0.9em;
	background-color:#000000;
	padding:5px;
	margin:0;
	margin-bottom:15px;
	width:190px;
	border: 1px solid #CCCCCC;
	color: #999999;
	font-weight: lighter;
	text-decoration: none;
	font-style: normal;
}
#extra a {
	font-size: 0.9em;
	font-style: normal;
	color: #999999;
	text-decoration: none;
}
#extra h2 {
	color: #666666;
	text-align: center;
}

/* grille programmation */
#grilleprog{
	width:160px;
	border-collapse:collapse;
	background:#262626;
	margin:10px auto;
}
#grilleprog td,
#grilleprog th{
	width:21px;
	height:19px;
	color:#a8a8a8;
	background:#666;
	text-align:center;
	border: 1px solid #262626;
}
#grilleprog th{
	background:#545454;
	vertical-align:top;
	font-variant:small-caps;
}
#grilleprog td.today{
	border:2px solid #fff;
}
#grilleprog td.blank{
	background:#262626;
}
#grilleprog a{
	color: #444;
	font-style:normal;
	text-decoration:none;
	border:none;
}
#styles{
	font-size:0.7em;
}

/* descriptif grille prog */
#eventcolors{
	display:block;
	padding-bottom:17px;
}
#eventcolors li{
	float:left;
	font-size:0.8em;
	padding-right:5px;
}

/* last news */
#lastnews li{
	position:relative;
	width:100%;
}
#lastnews img{
	position:relative;
	max-width:100%;
	height:auto;
	width:auto !important;
	width:100%;
}

/* edit */
.contenu{
	background-color:#262626;
	color: #ccc;
}
.contenu h1,
.contenu h2,
.contenu h3,
.contenu h4,
.contenu h5,
.contenu h6{
	text-transform:uppercase;
	color: #ccc;
	margin-bottom:15px;
}
.contenu table td{
	border:1px dotted #666;
}
.contenu img.inserted_video{
	background:#444 url(../__layout/inserted_video.png) no-repeat center center;
}
.contenu img.inserted_gallery{
	background:#444 url(../__layout/inserted_gallery.png) no-repeat center center;
}

/* classes */
.urgent{
	color:#f50;
}
.left{	float:left; }
.right{ float:right; }
img.left{ margin:0 5px 5px 0; }
img.right{ margin: 0 0 5px 5px; }