/* css */

.body		{
	background-color: #ccc;	
		}

	
.master	{
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
		}
		
.sub_master	{
	position: absolute;
/*	top: 0px;
	left: 0px; */
	height: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #ccc;
	}

.logo	{
	position: relative;
	top: 0px;
	left: 10px;
	width: 200px;
	height: 66px;
	background-color: #ccc;
	}
	
		
.block_menu{ 
	position: relative; 
	top: 0px; 
	left: 0px;
	width: 200px;
	height: 200px;
	background: #c0c0c0;
	}
	
.top_menu	{
	position: absolute;
	top: 0px;
	left: 230px;	
	height: 30px;
	width: 100%;
	}
	
.top_menu_frame	{
	height: 50px;
	width: 624px;
	background: #cccccc;
	}	
	
.content	{
	z-index: 1;
	position: absolute;
	top: 80px;
	left: 0px;
	height: 1200px;
	width: 600px;
	background-color: #ccc;
	}
	
.sub_content	{
	position: absolute;
	top: 0px;
	left: 200px;
	height: 100%;
	width: 1008px;
	background: #ccc;
	}
	
.content_frame	{	
	top: 0px;
	left: 0px;
	position: absolute;
	height:100%;
	width: 1000px;
	background-color: #cccccc;
	}
		
.left_table {
	postition: absolute;
	top: 0px;
	left: 0px;
	}
	
.sub_content_frame	{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	width: 1000px;
	background-color: #cccccc;
	
	}
	
.sub_content_concert	{
	background: #ccc;
	height: 100%;
	top: 310px;
	left: 0px;
	position: relative;
	width: 100%;
	}
	
.sub_content_even	{
	background: #ccc;
	top: 0px;
	left: 0px;
	position: relative;
	font-family: monospace;
	font-size: .9em;
	width: 100%;
	height: 100%;
	}
	
.expo_sub_content	{
	top: 0px;
	left: 200px;
	position: absolute;
	height: 100%;
	width: 1000px;
	background-color:#ccc;
	}

.expo_sub_content_container	{
	top: 0px;
	left: 10px;
	position: relative;
	height: 100%;
	width: 1008px;		
	background-color:transparent;
	}
	
.text_concert	{
	z-index: 8;
	top: 0px;
	left: 200px;
	position: relative;
	height: 100%;
	width: 50%;	
	font-family: sans-serif;
	}
	
.head_expo	{
	z-index: 10;
	top: 0px;
	left: 200px;
	position: absolute;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #666;
	background-color: #ffffff;
	height: 19px;	
	}
	
.menu	{
	z-index: 2;
	position: absolute;
	top: 0px;
	left:0px;
	height: 450px;
	width: 200px;
	}
	
.pop	{
	z-index: 2;
	position: relative;

	}	
	
	
.texte_simple01	{
	position: relative;
	width: 550px;
	text-align: justify;
	text-indent: 15px;
	font-size: 16px;
	font-family: sans-serif;
	height: 200px;
	}


.flash	{
	width: 1008px;
	height: 375px;
	}
	
.date {
	font-family: monospace;
	font-size: 10px;	
	}
	
.titre	{
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #666;
	background-color: #ffffff;
	height: 19px;
	}
	
.adresse {
	position: absolute;
	left:420px;
	top:100px;
		
	}
	
/* layout expo */



.titre_expo	{
	z-index: 3;
	font-size: 16px;
	font-family: sans-serif;	
	font-weight: bold;
	color: #666;
	background-color: #ffffff;
	height: 19px;
	width: 60%;
	} 

.image_expo {
	z-index: 0;
/*	opacity: .8;*/
	position: relative;
	left: 0px;
	right: 0px;
	
	
	}

.nom_expo	{
	z-index: 3;
	font-size: 14px;
	font-family: serif;
	font-weight: bold;
	background-color: #ffffff;
	width: 60%;	
	}


.date_expo	{
	z-index: 3;
	font-size: 11px;
	font-family: serif;
	font-weight: normal;
	background-color: #c0c0c0;
	} 
	
.note1_expo	{
	z-index: 3;
	font-size: 13px;
	font-family: sans-serif;
	font-weight: bold;
		background-color: #000;
		color:#fff;
	} 
	
.note2_expo	{
	z-index: 3;
	font-size: 12px;
	font-family: sans-serif;

	} 
	
.texte_expo	{
	opacity: .6;
	background-color:#fff;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 3;
	font-size: small;
	line-height: .9em;
	text-align: left justify;
	font-family: sans-serif;
	font-weight: fine;
	color: #000;
	width: 60%;
	
	
	
	/* for IE */
  filter:alpha(opacity=60, style=3;);

	}	


/*  info */


.info_date {
	background-color:#fff;
	font-size: small;
	line-height: 1.4em;
	font-family: sans-serif;
	font-weight: bold;
	color: #000;	
	}

.info_heure	{
	background-color:#999;
	font-size: 1.2em;
	line-height: 1.4em;
	font-family: serif;
	font-weight: bold;
	color: #fff;	
	}

.info_info1 {	
	background-color:#ccc;
	font-size: .9em;
	line-height: 1.4em;
	font-family: serif;
	font-weight: bold;
	color: #000;
	width: 60%;
		}
		
.info_info2 {	
	background-color:#ggg;
	font-size: 1em;
	line-height: 1.1em;
	font-family: sans-serif;
	color: #666;
	width: 60%;
		}
		
.info_info3 {	
	background-color:#ccc;
	font-size: .8em;
	line-height: 1em;
	font-family: monospace;
	color: #000;
	width: 100%;
	text-align: justify;
		}
		
.info_info4 {	
	background-color:#ccc;
	font-size: .9em;
	line-height: 1.1em;
	font-family: sans-serif;
	font-weight: bold;
	color: #000;
	width: 100%;
		}

.bold_red {
	color: #b22222;
	font-weight: bold;
	text-decoration: underline;
	
	}
	
	
	
	
.outremont {
	width: 600px;	
	
	
	
	
	
	}	
	
	
.logo_machine {
	z-index: 9;
	position: absolute;
	
/* for IE */
  filter:alpha(opacity=60,);
	opacity: .6;
	right: 20px;
	bottom: 20px;
	width: 100px;
	height: 33px;
	}

.logo1 {
/* for IE */
  filter:alpha(opacity=60,);
	opacity: .6;
	width:100px;
	height: 73px;
	z-index: 10;
	position:relative;
	left: 225px;
	}
	
.logo2 {
	width:100px;
	height: 33px;
	z-index: 10;
	}
	
	
.credit_pics {	
	background-color:#ccc;
	font-size: .6em;
	font-family: sans-serif;
	text-align: right;
	color: #000;
	width: 50%;
		}

a:link {
	font-size: 12px;
	color:#000;
	text-decoration:none;
	font-family: sans-serif;
	}


a:active { 
	font-size:12px;
	color:#000;
	text-decoration:none;
	font-family: sans-serif;
}


a:hover {
	font-size: 12px;
	color:#000;
	text-decoration:none;
	font-family: sans-serif;
}


a:visited {
	font-size: 12px;
	color:#000;
	text-decoration:none;
	font-family: sans-serif;
}