/*style du background et du corps du document*/

body {
 background-color: #FFFFFF; 
 font-family : "Geneva, Arial, Helvetica, sans-serif";
 font-size: 14px;
 color: #4D494A;
 text-align : justify;
}
 
/*style de caractère divers*/

h1 {
color: #CC0033;
font-family :  Helvetica;
font-size: 14px;
font-weight : 700;
text-align : left;
}

h2 {
color: #665B5;
font-family : helvetica;
font-size: 10px;
font-weight : normal;
text-align : left;
}

h3 {
color: #666699;
font-family : helvetica;
font-size: 12px;
font-weight : bold;
text-align : left;
}

h4 {
color: #CC0033;
font-family : helvetica;
font-size: 12px;
text-align : left;
}

a { 
color : #4D494A;
font-family : helvetica;
font-size: 12px;
font-weight : none;
text-align : left;
text-decoration : underline;
}

a:hover { 
color : #CC0033;
text-decoration : underline;
font-family : helvetica;
font-size: 12px;
font-weight : none;
text-align : left
}

.text {color: #665B5E; font-family : helvetica; font-size: 12px; text-align : justify;}
.lien {color: #4D494A; font-family : helvetica; font-size: 20px;} 
.nav {color : #665B5E;font-family : helvetica; font-weight : bold; font-size: 12px;text-decoration : none;text-align : justify;}

.nav:hover {color :  #CC0033; text-align : left; font-weight : bold;font-size: 12px; text-decoration : none;}

/*positionnement du menu*/

#menu {
	position: absolute;
	width: 429px;
	height: 18px;
	top: 79px;
	right: 130px;
	bottom: auto;
	left: 259px;








}

/*positionnement du texte*/

#texte {
	position: absolute;
	top: 130px;
	right:200px;
	bottom:40px;
	left:118px;
	width: 683px;
	height: 586px;




}

#texte_musique {
	position: absolute;
	height:582px;
	top: 87px;
	right:180px;
	bottom:40px;
	left:125px;
	width: 604px;

}


#logo {
	position: absolute;
	top: 36px;
	right: auto;
	bottom: auto;
	left: 123px;
	width: 602px;
	height: 27px;




}

#titre {
	position: absolute;
	top: 55px;
	right: auto;
	bottom: auto;
	left: 551px;
	width: 224px;
	height: 16px;


}

#ligne {
	position: absolute;
	top: 81px;
	right: auto;
	bottom: auto;
	left: 258px;
	width: 250px;
	height: 3px;












}

#texte2 {
 position: absolute;
 height: 200px;
 top: 500px;
 right:300px;
 bottom:40px;
 left: auto; 
 img src="site_2.gif"
}

#logo2 {
	position: absolute;
	top: 150px;
	right: auto;
	bottom: auto;
	left: 594px;
	width: 736px;
	height: 289px;


}


#logo3 {
 position: absolute;
 top: 132px;
 right: auto;
 bottom: auto;
 left: 386px;
}
.popup {
	margin: 20px;
	padding: 20px;
	float: left;
	height: 300px;
	width: 300px;
}