/* CSS Document */

html {
	font-size: 100%;
}

body, html {
	height: 100%;
	/*
	margin: 0;
	padding: 0;
	*/
}

* {margin:0; padding:0;}

body {
	position:absolute;
	left:50%;
	margin-left:-450px;
	background-color:#ffffff;
}

div#fond_page0 {
	position:absolute;
	top:20px;
	left:0px;
	width:900px;
	height:600px;
	background-image:url(../../images/fond_noir.jpg);

}

div#fond_page1 {
	position:absolute;
	top:20px;
	left:0px;
	width:900px;
	height:600px;
	background-image:url(../../images/fond1_4.jpg);

}

div#fond_page2 {
	position:absolute;
	top:20px;
	left:0px;
	width:900px;
	height:600px;
	background-image:url(../../images/fond1_2.jpg);

}

div#fond_page3 {
	position:absolute;
	top:20px;
	left:0px;
	width:900px;
	height:600px;
	background-image:url(../../images/fond1_3.jpg);

}

div#fond_page4 {
	position:absolute;
	top:20px;
	left:0px;
	width:900px;
	height:600px;
	background-image:url(../../images/fond1_1.jpg);

}

div#titre {
	position:absolute;
	top:45px;
	left:526px;
	width:332px;
	height:48px;
	background-image:url(../../images/titre.jpg);	
}

div#lequatuor {
	position:absolute;
	top:198px;
	left:105px;
	width:92px;
	height:31px;
	background-image:url(../../images/lequatuor.jpg);	
}

div#lespectacle {
	position:absolute;
	top:387px;
	left:110px;
	width:94px;
	height:21px;
	background-image:url(../../images/lespectacle.jpg);	
}

div#lastructure {
	position:absolute;
	top:567px;
	left:105px;
	width:93px;
	height:22px;
	background-image:url(../../images/lastructure.jpg);	
}


span {
	color:#dddddd;
}

.support {
	position:absolute;
	top:140px;
	left:340px;
	height:420px;
	width:440px;
	overflow:hidden;
}
		
.texte_principal {
	text-align:justify;
	color:#888888;
	font-size:11px;
	line-height:1.4;
	font-family: Verdana, Arial, Tahoma, "Trebuchet MS", sans-serif;
	
	/*padding-right:40px;*/
	/* Visualisation du cadre (debug): */
	/*
	border:thin;
	border-color:#ffffff;
	border-style:solid;
	*/
	
}

.texte_principal p {
	margin-bottom:10px;
}

.boutons_scroll {
	position:absolute;	
	top:140px;
	left:820px;
	width:22px;
	height:420px;
}

.lecteur_son {
	position: relative;
	left:35%;
}

.photo_gauche {
	float: left;
	margin-right:15px;
	margin-bottom:5px;
}

.photo_droite {
	float: right;
	margin-left:15px;
	margin-bottom:5px;
}

.photo_centre {
	margin-bottom:5px;
}

.lecteur_video {
	position:relative;
	top:10px;
	left:10px;
}

.liens_clic {
	color:#993333;
	text-decoration:underline;
}

.liens_clic:hover {
	color:#666666;
}

a:focus {
	outline:0;
}

#skip {
	font-size:11px;
	font-family: Verdana, Arial, Tahoma, "Trebuchet MS", sans-serif;
	position:absolute;
	top:50px;
	left:650px;
	width:200px;
	text-align:justify;
}

#lien1 {
	position:absolute;
	top:110px;
	left:210px;
	height:510px;
	width:690px;
	background-image:url(../../images/fond_accueil0.jpg);
}

.mois {
	font-weight:bold;
	font-size:14px;
}

#intro {
	position:absolute;
	top:20px;
	left:10px;
}

#entree a:hover {
	background-image:url(../../images/fond_accueil2bis.jpg);
}