/* CSS Document */

#sideBarAlternative {
	display:block;
	position:relative;
	background-image:url(/cinema/sidebar-background-1.png);
	background-position: 10px 45px;
	/*background-position: 210px 180px;*/
	background-repeat:no-repeat;
	width:auto;
	height: 650px;
	/*background-attachment:fixed;*/
}

.jourperime, .jourperime a  { color: #BBBBBB; }
.jouraujourdhui, .jouraujourdhui a  { font-weight: bold; }

a.plusinfocine {
text-decoration: none !important;
color: #FF0000 !important;
cursor:text;
}

a.plusinfocine:hover {
text-decoration: underline;
color: #FF0000 !important;
}

a.plusinfocine small {
text-decoration: none;
}


@media screen {
a.plusinfocine small {
display: none;
}
}

a.plusinfocine:hover small {
display: inline;
}

div#horairesfilms {
display: block; 
float: left; 
position: relative;
width: 305px;
margin-bottom: 15px;
}


div#calendrier {
	position:relative; 
	float: right; 
	display: block; 
	clear: none;
	margin: 15px 0px 0px 0px;
	width: 180px;
}

div#calendrier table {
font-size: 11px;
text-align: center;
border-collapse: collapse;
margin: 0px;
padding: 0px;
width: 100%;
}

div#calendrier table caption {
padding-bottom : 5px !important;
margin: 0px;
color: #000000;
font-weight: bold;
width: auto;
font-size: 1.5em;
}

div#calendrier table th {
font-size: 10px;
border: 0px none #ffffff;
padding : 0px;
background-image:none;
}

div#calendrier table td {
width: 14.28%;
line-height: 2em;
border: 0.1em solid #eeeeee;
}

div#calendrier table td a.current {
background-color: #00b5e8;
}

div#calendrier table td a {
display: block;
color: #000000 !important;
font-weight: normal;
text-decoration: none !important;
}

div#calendrier table td a:hover {
background-color: #00b5e8; 
}

#cinemaListeFilms { 
float: right; 
display:block; 
position:relative; 
}

#cinemaFicheFilm {
display:block; 
position: relative;
}

.horaireSeance, .horaireSeancePasse, .horaire_imminente {
	background-color: #FFFF66;
	padding: 1px 3px 1px 3px; 
	font-weight:bold; 
}
	.horaireSeance { background-color: #FFFF66; }
	.horaireSeancePasse { color: #999999;   }
	.horaire_imminente { color: #FF0000; }

.li_filmsProgramme {
	/*line-height : 1.2em; */
	margin : 0;
	border-bottom : 1px dotted #dddddd; 
}

	.li_filmsProgramme a {
		display:block;
		padding : 0.4em;
	}
	
	.listeFilmSelectionne {
	background-color:#FFFFB7;
	color:#000000 !important;
	}

@media screen {
#cinemaListeFilms { width: 220px; }
#cinemaFicheFilm { width: 450px; }
}
@media print {
#cinemaListeFilms { width: 27%; }
#cinemaFicheFilm {width: 100%; }
}