/* Regroupement de styles s'appliquant seulement à la page d'accueil */

div#bientot {
	background-image:url(../images/accueil/bientot-bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	
	padding:43px 0px 1px 0px;
}

div#bientot div#teasers {
	padding-left:19px;
}

#bientot #teasers table {
	margin-bottom:20px;
}

#bientot #teasers td.teaser {
	border:1px solid #FFFFFF; 
	height:85px;
	width:141px;
}

#bientot #teasers div.teaser {
	height:85px;
	width:141px;
}

#bientot #teasers td.teaser div.img_spectacle {
	width: 113px;
	height:85px;
	background-color:#333333;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
}
#bientot #teasers td.teaser img {
	display:block; 
}

#bientot #teasers td.teaser img.type_spectacle {
	border-right:1px solid #FFFFFF;
	float:left;
	width:27px; 
	height:85px;
}

#bientot #teasers td.spacer, #bientot #teasers td.spacer img {
	width: 23px;
}

#bientot #teasers td.details {
	padding:9px;
	background-image:url(../images/accueil/teaser-gradient.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
	background-color:#aba6a1;
	vertical-align:top;
	font-size: 11px;
}

#bientot #teasers td.details b a {
	display:block;
	color: #36291f;
	font-size: 11px;
	/*font-weight:bold;*/
	margin-bottom:3px;
}

#bientot #teasers td.details div.date {
	color: #36291f;
	font-size: 11px;
}

#bientot #teasers td.details div.salle {
	color: #a15a00;
	font-size: 11px;
}

#bientot #teasers td.btn_info {
	text-align:right;
	padding-right:9px;
}

#bientot #teasers td.btn_info a:hover img {
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}

div.separateur {
	background-color: #7f7670;
	height: 8px;
	line-height:0px;
	font-size:0px;
}

div#salles {
	border-top: 1px solid #FFFFFF;
	border-bottom: 8px solid #FFFFFF;
}

div#salle1_img, div#salle2_img {
	width:144px; 
	height:108px;
	float:left;
}

div#salle2_img {
	border-left: 1px solid #FFFFFF;
}

div#salle1_img a, div#salle2_img a {
	background-image: url(../images/accueil/theatre-des-deux-rives.jpg);
	background-repeat:no-repeat;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	display:block;
	height:100%;
	outline:none;
}

div#salle2_img a {
	background-image: url(../images/accueil/cabaret-theatre-du-vieux-saint-jean.jpg);
}

div#salle1_img a div, div#salle2_img a div {
	text-align:right;
	padding-right:5px;
	margin-top:90px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	display:none;
}

div#salle1_img a:hover, div#salle2_img a:hover {	
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	text-decoration:none;
}

div#salle1_img a:hover div, div#salle2_img a:hover div {	
	display:block;
	float:right;
}

div.salle1_details, div.salle2_details {
	width:179px;
	float:left;
	padding: 12px 0px 12px 15px;
	height:84px;
	color: #3a2313;
	font-size:11px;
	border-left: 1px solid #FFFFFF;
	background-image:url(../images/accueil/salle-gradient.jpg);
	background-repeat:repeat-x;
	font-weight:bold;
}

div.salle2_details {
	width:180px;
}

div.salle1_details a, div.salle2_details a {
	color: #a66a16;
	font-size:11px;
}

div.salle1_details h2, div.salle2_details h2 {
	color: #FFFFFF;
	font-size:12px;
}

div.salle1_details div.plan_acces, div.salle2_details div.plan_acces {
	margin-top: 7px;
}

div.salle1_details div.plan_acces img, div.salle2_details div.plan_acces img {
	vertical-align:-2px;
	margin-right: 3px;
}