/* Start of CMSMS style sheet 'CSS Octogone 09' */
body, html
{
	margin:0;
	padding:0;
	font-family:Arial, verdana, sans-serif;
	font-size:12px;
}

table.pully-quebec-table td { padding:4px; }

#container
{
	width:1030px;
	position:absolute;
}

	#spectacle_menu
	{
		position:absolute;
		top:55px;
	}
	
	#spectacle_container
	{
		top:100px;
		background-image:url('uploads/webdesign09/spectacle_bg.gif');
		height:400px;
		width:1030px;
		position:absolute;
	}

	body.theatre #spectacle_container
	{
		background-image:url('uploads/webdesign09/spectacle_theatre_bg.gif');
	}

	body.musique #spectacle_container
	{
		background-image:url('uploads/webdesign09/spectacle_musique_bg.gif');
	}

	body.danse #spectacle_container
	{
		background-image:url('uploads/webdesign09/spectacle_danse_bg.gif');
	}
	
		#spectacle_text
		{
			position:absolute;
			left:10px;
			width:400px;
			text-align:justify;
		}

			#spectacle_text.spectacle_tpl_inverse
			{
				left:420px;
			}

			#spectacle_image.spectacle_tpl_inverse
			{
				left:10px;
			}
		
			#spectacle_text h1
			{
				font-size:18px;
				margin:10px 0 0 0;
				font-weight:bold;
				text-transform:uppercase;
				color:#e00810;
				clear:both;
			}
			
			body.theatre #spectacle_text h1, body.theatre #spectacle_text h2, body.theatre #spectacle_text .buyticket
			{
				color:#e00810;
			}
			
			body.musique #spectacle_text h1, body.musique #spectacle_text h2, body.theatre #spectacle_text .buyticket
			{
				color:#108828;
			}
			
			body.danse #spectacle_text h1, body.danse #spectacle_text h2, body.theatre #spectacle_text .buyticket
			{
				color:#009eda;
			}
		
			#spectacle_text .buyticket
			{
				font-size:14px;
				font-weight:bold;
				text-transform:uppercase;
				color:#e00810;
				clear:both;
			}
		
			#spectacle_text h2
			{
				font-size:15px;
				margin:0;
				font-weight:normal;
				text-transform:uppercase;
				color:#e00810;
				clear:both;
			}
			
			#spectacle_text .spectacle_dates_line
			{
				overflow:hidden;
				clear:both;
			}
			
			#spectacle_text div.left
			{
				float:left;
				width:195px;
				margin-right:10px;
				text-align:left;
			}
			
			#spectacle_text div.right
			{
				float:left;
				width:195px;
				text-align:left;
			}
			
			#spectacle_text h2+div, #spectacle_text h2+div+div
			{
				margin:10px 0 10px 0;
				font-size:12px;
				text-transform:uppercase;
			}
			#spectacle_text h2+div
			{
				width:205px;
				float:left;
			}
			#spectacle_text h2+div+div
			{
				width:195px;
				float:left;
			}
		
			#spectacle_text h3
			{
				font-size:14px;
				margin:0;
				font-weight:normal;
				text-transform:uppercase;
				color:#8b8b8b;
				clear:both;
			}
			
			.spectacle_info_title
			{
				font-weight:bold;
				text-transform:uppercase;
				padding-right:5px;
			}
			
			.spectacle_info_text
			{
				/*text-transform:uppercase;*/
				color:#8b8b8b;
			}
			
			#spectacle_infos_list
			{
				position:absolute;
				height:360px;
				top:20px;
			}
			
			#spectacle_infos_list div:first-child
			{
				overflow:hidden;
				height:360px;
			}
			
				#spectacle_infos_list div div:first-child
				{
					overflow:visible !important;
					height:auto !important;
				}
			
				#spectacle_infos_list_elements
				{
					padding-bottom:5px;
				}
				
				#spectacle_infos_list_elements p:first-child
				{
					margin-top:0;
				}
	
		#spectacle_button_down
		{
			height:20px;
			background-image:url('uploads/webdesign09/spectacle_down.jpg');
			background-repeat:no-repeat;
			background-position:center center;
			cursor:pointer;
			z-index:20000;
			position:relative;
			top:361px;
		}	
		
		#spectacle_button_up
		{
			height:20px;
			background-image:url('uploads/webdesign09/spectacle_up.jpg');
			background-repeat:no-repeat;
			background-position:center center;
			cursor:pointer;
			z-index:20000;
			position:relative;
			top:0;
		}
	
	#spectacle_image
	{
		position:absolute;
		left:420px;
		width:400px;
		overflow:hidden;
	}
	
	#right_menu
	{
		position:absolute;
		left:830px;
		width:200px;
		padding:10px;
	}

	#home_events
	{
		position:absolute;
		left:10px;
		width:400px;
		width:380px !important;
		height:390px;
		height:380px !important;
		padding:10px 10px 0 10px;
		overflow:hidden;
	}

	body.theatre #home_events, body.musique #home_events, body.danse #home_events, body.autres #home_events, body.archives #home_events, body.archives-autres #home_events
	{
		text-transform:uppercase;
	}

		#home_events h2
		{
			font-size:18px;
			margin:0;
			font-weight:normal;
			text-transform:uppercase;
		}
		
		#home_events h2+div
		{
			font-size:14px;
			text-transform:uppercase;
			height:48px;
			overflow:hidden;
		}
		
		#home_events_list
		{
			position:relative;
			height:270px;
			overflow:hidden;
		}
		
		.home_events_list_bigger
		{
			height:335px !important;
		}

			#home_events_list h3
			{
				font-size:14px;
				font-weight:bold;
				margin-bottom:0;
				text-transform:uppercase;
			}
			
			#home_events_list h3:first-child
			{
				margin-top:5px;
			}

			#home_events_list h3+div
			{
				font-size:13px;
			}

			#home_events_list h3+table, #home_events_list h3+table+table, #home_events_list h3+table+table+table, #home_events_list h3+table+table+table+table
			{
				font-size:13px;
				text-transform:uppercase;
			}
			
			#home_events_list_elements
			{
				padding-bottom:5px;
			}
			
			#home_events_list_elements p:first-child+h3
			{
				margin:0;
			}
			
			#home_events_list_elements p:first-child
			{
				margin:0;
			}

			#home_events_list_elements table
			{
				margin-top:10px;
			}

			td.title span
			{
				text-transform:none;
			}
	
		#home_button_down
		{
			height:20px;
			background-image:url('uploads/webdesign09/down.gif');
			background-repeat:no-repeat;
			background-position:center center;
			cursor:pointer;
			z-index:20000;
			position:relative;
			top:5px;
		}	
		
		#home_button_up
		{
			height:20px;
			background-image:url('uploads/webdesign09/up.gif');
			background-repeat:no-repeat;
			background-position:center center;
			cursor:pointer;
			z-index:20000;
			position:relative;
			top:0;
		}

	#home_container
	{
		margin-top:100px;
		background-image:url('uploads/webdesign09/home_bg.png');
		height:400px;
		width:1030px;
		position:absolute;
	}

	body.theatre #home_container
	{
		background-image:url('uploads/webdesign09/home_bg_theatre.png');
	}

	body.musique #home_container
	{
		background-image:url('uploads/webdesign09/home_bg_musique.png');
	}

	body.danse #home_container
	{
		background-image:url('uploads/webdesign09/home_bg_danse.png');
	}

		#home_bloc_categories
		{
			position:absolute;
			left:420px;
			top:0;
		}
		
		#home_bloc_categories img
		{
			width:400px;
			height:400px;
		}
	
	#right_menu
	{
		position:absolute;
		left:830px;
		width:200px;
		padding:10px;
	}
	
		#right_menu ul
		{
			margin:0;
			padding:0;
			list-style:none;
		}
	
		#right_menu ul li
		{
			margin:0;
			margin-top:4px;
		}
	
	#spectacle_container a
	{
		color:#000;
		text-decoration:none;
	}
	
	#spectacle_container a:hover
	{
		color:#000;
		text-decoration:underline;
	}
	
	#home_events, #right_menu, #home_container a, #right_menu a
	{
		color:#fff;
		text-decoration:none;
	}
	
	#home_container a:hover, #right_menu a:hover
	{
		color:#fff;
		text-decoration:underline;
	}

	#footer_right
	{
		position:absolute;
		text-align:right;
		top:510px;
		right:0;/*109px*/
		width:200px;
	}

	#footer_right img
	{
		border:0;
		vertical-align:top;
		float:left;
		display:block;
	}

	#footer_right img.raiffeisen
	{
		margin-left:9px;
	}
/* End of 'CSS Octogone 09' */