/* CSS Document */

/* Semaine */
#semaine {
	float:left;
	width:345px;
	margin-left:20px;
}
div#semaine h2#titre_sem {
	width:100%;
	height:28px;
	text-indent:-4000px;
	background: #f90000 url(../images/titre_prog_sem.gif) no-repeat top left;
}
div#semaine h2#titre_tarifs {
	width:100%;
	height:28px;
	text-indent:-4000px;
	background: #f90000 url(../images/titre_tarifs.gif) no-repeat top left;
}
div#semaine a {
	color:#000;
}
div#semaine a:hover {
	color:#F90000;
}

/* Table des programmes */
div#prog_sem table {
	border-collapse:collapse;
	font-size:0.8em;
	width:344px;
	margin:10px 0 20px 1px;
} 
div#prog_sem td {
	border:1px solid #000;
	/*color:#000;*/
	text-align:center;
	vertical-align:middle;
	padding:2px;
}
div#prog_sem td.film {
	text-align:left;
}
div#prog_sem th {
	border:1px solid #000;
	background-color:#000;
	color:#fff;
	font-size:0.9em;
}
div#prog_sem th.jours {
	width:33px;
}

/* Liens utiles */
div#liens_utiles {
	margin-bottom:25px;
	overflow:hidden;
}
div#liens_utiles ul {
	list-style-type:none;
	float:right;
}
div#liens_utiles li a {
	display:block;
	width:192px;
	text-indent:-4000px;
	height:21px;
}
div#liens_utiles li a#program_mois {
	background:url(../images/liens_utiles.gif) 0 0 no-repeat;
}
div#liens_utiles li a#acces {
	background:url(../images/liens_utiles.gif) 0 -21px no-repeat;
}
div#liens_utiles li a#tarifs {
	height:22px;
	background:url(../images/liens_utiles.gif) 0 -42px no-repeat;
}
div#liens_utiles li a#program_mois:hover {
	background-position:-192px 0;
}
div#liens_utiles li a#acces:hover {
	background-position:-192px -21px;
}
div#liens_utiles li a#tarifs:hover {
	background-position:-192px -42px;
}

/*--- class film_sem ---*/
hr.hrnoir {
	margin:8px 0;
	border:1px solid #000;
}
p.ensavoirplus {
	font-size:0.8em;
	text-align:right;
	padding-bottom:7px;
}
div.film_sem {
	padding-top:35px;
	margin-bottom:25px;
	position:relative;
	font-size:0.9em;
}
div#semaine p.top {/* pour les petits liens vers l'ancre top */
	font-size:0.8em;
	text-align:right;
}
div.film_sem p {
	margin:0 14px;
}
div.film_sem h3 {
	position:absolute;
	top:0;
	left:0;
}
div.film_sem h3 a {
	display:block;
	width:345px;
	background-color:#000;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-4000px;
}
div.film_sem h3 a:hover {
	background-position:left bottom;
}
div.film_sem p.ss_titre {
	position:absolute;
	top:9px;
	right:3px;
	color:#FFF;
	height:28px;
	margin:0;
}
div.film_sem img.gde_vignette {
	display:block;
	margin:0 auto;
	width:320px;
	margin-bottom:4px;
}
div.film_sem p.avertissement {
	text-align:right;
	color:#F90000;
	margin-bottom:8px;
}
div.film_sem p.infos_gen {
	font-size:0.9em;
	margin-bottom:8px;
}
div.film_sem p.evenement {
	margin-bottom:10px;
	margin-top:10px;
	font-weight:bold;
}
div#semaine div.film_sem a {
	color:#F90000;
}
div.film_sem p.accroche {
	line-height:1.3em;
	margin-bottom:8px;
}

/* Critique */
div.film_sem p.critique {
	font-style:italic;
	line-height:1.3em;
}
div.film_sem p.sign_critique {
	font-style:italic;
	font-size:0.9em;
	text-align:right;
}
div.film_sem p.lien_fiche {
	margin-top:15px;
	margin-bottom:12px;
	text-align:right;
}

/* Commentaires */
div.commentaires {
	margin-bottom:20px;
	padding-left:4px;
	font-size:0.9em;
}
div.commentaires h4 {
	margin-left:14px;
	margin-bottom:7px;
}
div.commentaires p.corps_comment {
}
div.commentaires p.sign_comment {
	margin-bottom:7px;
	text-align:right;
}
div.commentaires p.liens_comment {
	text-align:right;
}
/*--- END class film_sem ---*/

div.pied_gris {
	padding-bottom:30px;
	margin-top:35px;
	font-size:0.9em;
}
div.pied_gris p, div.pied_gris ul, div.pied_gris li {
	margin:3px 14px;
}
div#semaine div.pied_gris p.top {
	font-size:0.9em;
	text-align:right;
	margin:0;
	margin-top:15px;
}
/*--- END class pied_gris ---*/

/*--- div ttes_infos ---*/
#ttes_infos {
	position:relative;
	margin-left:655px;
	width:330px;
	padding:10px 2px 30px 2px;
	color:#fff;
	font-size:0.9em;
}
#ttes_infos img {
	border:1px solid #000;
}
#ttes_infos a {
	color:#F90000;
}
#ttes_infos a:hover {
	background-color:#D6D6D6;
	text-decoration:none;
}

/* Les grands titres h2 */
#ttes_infos h2 {
	text-indent:-4000px;
	height:28px;
	width:100%;
	background-color:#FFF;
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:8px;
}
h2#a_ne_pas_rater {
	background-image:url(../images/a_ne_pas_rater.gif);
}
div#semaine_prochaine h2 {
	background-image:url(../images/semaine_prochaine.gif);
}
div#prochainement h2 {
	background-image:url(../images/prochainement.gif);
}
div#derniers_posts h2 {
	background-image:url(../images/vu_sur_le_blog.gif);
}

/* La partie derniers_posts */
div#derniers_posts ul#posts {
	margin-left:20px;
	list-style-type:square;
	font-size:0.9em;
}

/* La partie évènements */
div.evenement {
	background:url(../images/fond_even.gif) repeat-y top left;
	margin-left:3px;
	margin-bottom:20px;
	padding-left:6px;
}
div.evenement h3.titre_even {
	margin-top:12px;
	margin-left:9px;
	text-indent:-4000px;
	height:28px;
	width:100%;
	background-position:top left;
	background-repeat:no-repeat;
}
div.evenement p.ss_titre {
	color:#F90000;
	margin-left:9px;
	margin-bottom:7px;
	font-size:1.1em;
	font-weight:bold;
}

#prochainement, #semaine_prochaine, #derniers_posts {
	margin-bottom:25px;
}
#prochainement div.affich_film, #semaine_prochaine div.affich_film {
	margin-left:10px;
}

p#ettoujours {
	padding-left:10px;
}
/* Commun aux fiches film */
div.affich_film {
	overflow:hidden;
	margin-bottom:7px;
}
div.affich_film h3 {
	text-indent:-4000px;
}
div.affich_film p {
	width:220px;
	margin-bottom:3px;
}
a.mini_vign {
	float:left;
	display:block;
	width:43px;
	height:43px;
	margin-right:10px;
}
a.pte_vign {
	float:left;
	display:block;
	width:88px;
	height:88px;
	margin-right:10px;
	margin-top:3px;
}
.res_film {
	float:left;
}
a.titre_film {
	display:block;
	width:215px;
	height:28px;
}
a.titre_film:hover {
	background-position:bottom left;
}
p.periode_film {
	font-weight:bold;
}
div#ttes_infos div#prochainement div.affich_film a {
	color:#F90000;
	font-weight:bold;
}
div.affich_film a:hover {
	background-color:#D6D6D6;
	text-decoration:none;
}
p.infos_film {
}


/* Pied noir */
#pied_noir {
	font-size:0.9em;
	margin-top:50px;
	text-align:center;
}