body
{
	text-align: center;
	background-color: black;
}

#titre
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 600px;
	background-image: url('../img/titre.png');
}

#corps
{
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	width: 800px;
	height: 600px;
	background-image: url('../img/bg.png');
}

#dossier_presse
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 600px;
	background-image: url('../img/bouton_dossier_presse.png');
}

#affiche
{
	position: absolute;
	top: 0px;
	left:0px;
	width: 800px;
	height: 600px;
	background-image: url('../img/affiche.png');
}
#bouton_presse
{
	position: absolute;
	top: 410px;
	left: 359px;
	height: 35px;
	width: 118px;
	z-index: 17;
}

#bouton_affiche
{
	position: absolute;
	top: 158px;
	left: 458px;
	height: 49px;
	width: 32px;
	z-index: 17;
}

#relache
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	z-index: 9;
	background-image: url('../img/relache.png');
}

.casserole
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 600px;
}

.casserole_lien
{
	color: white;
	font-family: 'Comic Sans Ms';
	font-size: 13px;
	font-weight: bold;
	z-index:10;
}

.casserole_lien a
{
	color: white;
	font-family: 'Comic Sans Ms';
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.casserole_lien a:hover
{
	color: white;
	font-family: 'Comic Sans Ms';
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}


#casserole1_lien
{
	position: absolute;
	top: 167px;
	left: 69px;
}
#casserole2_lien
{
	position: absolute;
	top: 236px;
	left: 32px;
}
#casserole3_lien
{
	position: absolute;
	top: 327px;
	left: 19px;
}
#casserole4_lien
{
	position: absolute;
	top: 424px;
	left: 17px;
}
#casserole5_lien
{
	position: absolute;
	top: 509px;
	left: 22px;
	line-height: 15px;
}

#casserole1_img
{
	background-image: url('../img/casserole1.png');
	z-index:8;
}
#casserole2_img
{
	background-image: url('../img/casserole2.png');
	z-index:7;
}
#casserole3_img
{
	background-image: url('../img/casserole3.png');
	z-index:6;
}
#casserole4_img
{
	background-image: url('../img/casserole4.png');
	z-index: 5;
}
#casserole5_img
{
	background-image: url('../img/casserole5.png');
	z-index:4;
}
#casseroleover
{
	z-index:4;
}

#news_box
{
	position: absolute;
	z-index:10;
	top: 461px;
	left: 135px;
	width: 375px;
	height: 116px;
	text-align: left;
	overflow-y: auto;
}

.news_date
{
	font-family: "Comic Sans Ms";
	font-size: 12px;
	font-weight: bold;
	color: #640052;
}

.news_corps
{
	font-family: "Comic Sans Ms";
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 5px;
	color: black;
}


/* PAGE LA PIECE */

#corps_lapiece
{
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	width: 800px;
	height: 600px;
	background-image: url('../img/bg_lapiece.png');
}

#lapiece_menu
{
	z-index: 5;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 800px;
	height: 600px;
	background-image: url('../img/lapiece_menu.png');
}

#lapiece_lien_resume
{
	top: 143px;
	left: 159px;
}

#lapiece_lien_miseenscene
{
	top: 369px;
	left: 159px;
}

#lapiece_lien_personnages
{
	top: 143px;
	left: 442px;
}

#lapiece_lien_historique
{
	top: 369px;
	left: 442px;
}

.lapiece_lien
{
	position: absolute;
	z-index: 12;
	width: 246px;
	height: 193px;
}



/* PAGE LA PIECE RESUME */

#corps_lapiece_resume
{
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	width: 800px;
	height: 600px;
	background-image: url('../img/bg_lapiece_resume.png');
}

#lapiece_resume_text
{
	font-family: "Comic Sans Ms";
	color: #640052;
	font-size: 14px;
	top: 163px;
	left: 157px;
	width: 506px;
	height: 345px;
	position: absolute;
	font-weight: 500;
	text-align: left;
}

#lien_haut
{
	left: 754px;
	top: 539px;
	width: 33px;
	height: 34px;
	position: absolute;
	z-index: 17;
}


/* PAGE LA PIECE PERSONNAGES */

#corps_lapiece_personnages
{
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	width: 800px;
	height: 600px;
	background-image: url('../img/bg_lapiece_personnages.png');
}

.comed
{
	position: absolute;
	width: 800px;
	height: 600px;
	top: 0px;
	left: 0px;
}

#comed1
{
	background-image: url('../img/comedien1.png');
	visibility: visible;
}

#comed2
{
	background-image: url('../img/comedien2.png');
	visibility: hidden;
}

#comed3
{
	background-image: url('../img/comedien3.png');
	visibility: hidden;
}

#comed4
{
	background-image: url('../img/comedien4.png');
	visibility: hidden;
}

#comed5
{
	background-image: url('../img/comedien5.png');
	visibility: hidden;
}

.comed_text
{
	position: absolute;
	font-family: "Comic Sans Ms";
	font-size: 18px;
	color: #640052;
	text-align: center;
	vertical-align: 50%;
}

#comed1_text
{
	left: 400px;
	width: 260px;
	top: 200px;
}

#comed2_text
{
	top: 220px;
	left: 150px;
	width: 299px;
}

#comed3_text
{
	top: 205px;
	left: 410px;
	width: 269px;
}

#comed4_text
{
	top: 207px;
	left: 150px;
	width: 240px;
}

#comed5_text
{
	top: 210px;
	left: 410px;
	width: 269px;
}

.comed_trigger
{
	width: 103px;
	height: 65px;
	z-index: 17;
	position: absolute;
	top: 519px;
}

#comed1_trigger
{
	left: 137px;
}

#comed2_trigger
{
	left: 249px;
}

#comed3_trigger
{
	left: 361px;
}

#comed4_trigger
{
	left: 473px;
}

#comed5_trigger
{
	left: 585px;
}


/* PAGE LA PIECE MISE EN SCENE */

#corps_lapiece_miseenscene
{
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	width: 800px;
	height: 600px;
	background-image: url('../img/bg_lapiece_miseenscene.png');
}

#lapiece_miseenscene_text
{
	font-family: "Comic Sans Ms";
	color: #640052;
	font-size: 11px;
	top: 149px;
	left: 148px;
	width: 529px;
	height: 345px;
	position: absolute;
	font-weight: 500;
	text-align: left;
}

/* PAGE LA PIECE HISTORIQUE */

#corps_lapiece_historique
{
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	width: 800px;
	height: 600px;
	background-image: url('../img/bg_lapiece_historique.png');
}

#lapiece_historique_text
{
	font-family: "Comic Sans Ms";
	color: #640052;
	font-size: 12px;
	top: 159px;
	left: 148px;
	width: 529px;
	height: 345px;
	position: absolute;
	font-weight: 500;
	text-align: left;
}


/* PAGE COMEDIENS */

#corps_lapiece_comediens
{
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	width: 800px;
	height: 600px;
	background-image: url('../img/bg_comediens.png');
}

#comediens_estelle
{
	top: 122px;
	left: 232px;
	width: 142px;
	height: 93px;
	position: absolute;
	z-index:12;
}

#comediens_jonathan
{
	top: 287px;
	left: 232px;
	width: 142px;
	height: 93px;
	position: absolute;
	z-index:12;
}

#comediens_pauline
{
	top: 435px;
	left: 232px;
	width: 135px;
	height: 93px;
	position: absolute;
	z-index:12;
}

#comediens_sebastien
{
	top: 123px;
	left: 498px;
	width: 107px;
	height: 142px;
	position: absolute;
	z-index:12;
}

#comediens_mourad
{
	top: 380px;
	left: 500px;
	width: 104px;
	height: 153px;
	position: absolute;
	z-index:12;
}

/* PAGE COMPAGNIE */
#corps_compagnie
{
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	width: 800px;
	height: 600px;
	background-image: url('../img/bg_compagnie.png');
}

#lien_equipe_technique
{
	top: 240px;
	left: 520px;
	width: 150px;
	height: 195px;
	z-index:12;
	position: absolute;
}

#lien_equipe_miseenscene
{
	top: 120px;
	left: 170px;
	width: 150px;
	height: 195px;
	z-index:13;
	position: absolute;
}


/* PAGE COMPAGNIE EQUIPE TECHNIQUE */

#corps_compagnie_equipetechnique
{
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	width: 800px;
	height: 600px;
	background-image: url('../img/bg_compagnie_equipetechnique.png');
}

.imageacc
{
	margin-right: 15px;
	margin-bottom: 10px;
}

#compagnie_equipetechnique_text
{
	z-index:12;
	font-family: "Comic Sans Ms";
	color: #640052;
	font-size: 13px;
	top: 149px;
	left: 142px;
	width: 537px;
	height: 403px;
	position: absolute;
	font-weight: bold;
	text-align: left;
	overflow-y: auto;
}

#corps_compagnie_equipemiseenscene
{
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	width: 800px;
	height: 600px;
	background-image: url('../img/bg_compagnie_equipemiseenscene.png');
}


/* PAGE ANNEE 70 */

#corps_annee70
{
	margin-left: auto; 
	margin-right: auto; 
	position: relative;
	width: 800px;
	height: 600px;
	background-image: url('../img/bg_fan70.png');
}

#fan70_text
{
	z-index:12;
	font-family: "Comic Sans Ms";
	color: #640052;
	font-size: 13px;
	top: 149px;
	left: 142px;
	width: 537px;
	height: 403px;
	position: absolute;
	text-align: left;
	overflow-y: auto;
}

#alignright
{
	text-align: right;
}


/*lecteur de musique*/
#player
{
	position: absolute;
	z-index:18;
	width:200;
	height: 100;
	top: 560px;
	left: 630px;
}