/* ==--- Structure ---== */
div#layout {}
div#header {}
/*--- div#logo ---*/
div#logo   {}
div#emotion-lyrique     {}
div#votre-opera-prive   {}
/*--- div#ely ---*/
div#ely  {}
/*--- div#r1 ---*/
div#r1   {}
div#r1c1 { width:573px;height:123px;float:left;}
div#r1c2 { width:182px;height:123px;float:left;}
div#r1c3 { width:182px;height:123px;float:left;}
div#r1c4 { width:123px;height:123px;float:left;}
/*--- div#r2 ---*/
div#r2     { height:553px;}
div#r2c1   { width:937px;height:553px;float:left;}
div#r2c1r1 { width:937px;height:517px;}
div#r2c1r2 { width:937px;height:36px;}
div#r2c2   { width:123px;height:553px;float:left;}
div#r2c2r1 { width:123px;height:182px;}
div#r2c2r2 { width:123px;height:176px;}
img#piano {display:none;}
div#r2c2r3 { width:123px;height:195px;}
/*--- div#r2 ---*/
div#r3   {z-index:100;}
/*--- ... ---*/
div#footer {}
div#stat {}

div#page {
	z-index:1;
	text-align:justify;
	width:937px;height:517px;
	position:relative;
	background:url("../images/ely_l-emotion-lyrique.jpg") no-repeat;
	background-position:center; 
	overflow:hidden;
}

div.content {
	float:           left;
	z-index:         10;
	position:        absolute;
	top:             0;
	left:            0;
	text-align:      justify;
	color:           #ffffff;
	padding-top:     60px;
	padding-left:    20px;
	padding-right:   20px;
	font-family:     "Book Antiqua","Times New Roman", Times, serif;
	font-size:       150%;
	width:           897px;
	height:          457px;
	overflow:        hidden;
	background:      #000000;
	opacity:0;
}

div.content * { color:#ffe896;}
div.content span.big {
	font-size: 180%;
	color:     #ffca10;	
}
div.content span.red {
	position:relative;
	color:     #c60b1e;
	font-size: 120%;
	top:6px;
}
div.content span.footer {
/*	color:            #ffda61; */
	font-size:        100%;
}
/* tableau */
.tr1 { position:relative;width:897px;height:35px;padding-bottom:6px;vertical-align:text-bottom;}
.tr2 { position:relative;width:897px;height:267px;padding-bottom:6px;vertical-align:text-bottom;}
.tr1 .tc1 { float:left;width:450px;text-align:right;}
.tr1 .tc2 { float:left;width:17px;padding-left:10px;text-align:right;}
.tr1 .tc3 { float:left;width:400px;padding-left:10px;text-align:left;}
.tr2 .tc1 { float:left;width:450px;text-align:justify;position:relative;bottom:0px;}
.tr2 .tc2 { float:left;width:17px;padding-left:10px;text-align:justify;position:relative;bottom:0px;}
.tr2 .tc3 { float:left;width:400px;padding-left:10px;text-align:justify;position:relative;bottom:0px;}

div.content br {
	font-size: 1px;
	height: 1px;
}
div#l-emotion-lyrique {
	float:           left;
	position:        absolute;
	width:           768px;
	margin:          0;
	z-index:         1;
}
div.content + div.content { display:none;}

div.content * {
	color: #ffffff;
	margin-bottom: 9px;
	line-height: 1.2em;
}
div.content p.to-continue-next {
	text-align: right;
	line-height: 1em;
}
div.content h1 {
	font-size: 200%;
	font-weight: bold;
}