body {
	font-family: Verdana;
	font-size: 11px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	background-color: #000000;
	background:url(background.gif) repeat;
	margin: 0; 
	padding: 0;
}

a {
	color:#C00801;
	text-decoration:none;
}

a:hover {
	color:#CCCCCC;
	text-decoration:none;
}

.rouge {
color:#C00801;
}

/* ----------- ACCUEIL ----------- */
#ContentAccueil {
	margin: 0 auto;
    width: 900px;
	height:600px;
    border:8px solid #FFFFFF;
	margin-top:-300px; /* prendre la valeur de la hauteur de la page et la diviser par 2 */
	margin-left:-450px; /* prendre la valeur de la largeur de la page et la diviser par 2 */
	left:50%; /* centre la page */
	top: 50%;
	overflow: hidden; /* masque le contenu dépassant le bloc */
    position:absolute;
	background-color:#000000;
	background: url(accueil.jpg) no-repeat center
}

.containertxtaccueil {
	position: absolute;
	width: 450px;
	margin-left: 30px;
	top: 220px;
	overflow: auto;
	line-height: 16px;
}


.containertxtaccueil2 {
	width: 600px;
	color:#000000;
	padding-right: 30px;
	text-align:right;
	bottom:25px;
	left:295px;
	top:546px;
	float: right;
	position: absolute;
}

.compteur {
	position: absolute;
	margin-left: 7px;
	top: 580px;
	overflow: auto;
}


/* ----------- DOMINIQUE ARBEY ----------- */
#ContentDominique {
	margin: 0 auto;
    width: 900px;
	height:600px;
    border:8px solid #FFFFFF;
	margin-top:-300px; /* prendre la valeur de la hauteur de la page et la diviser par 2 */
	margin-left:-450px; /* prendre la valeur de la largeur de la page et la diviser par 2 */
	left:50%; /* centre la page */
	top: 50%;
	overflow: hidden; /* masque le contenu dépassant le bloc */
    position:absolute;
	background-color:#000000;
	background: url(dominique.jpg) no-repeat center
}

.containertxtdominique {
	position: absolute;
	width: 500px;
	padding-right: 30px;
  	position:relative;
  	float: right;
	top: 150px;
	text-align:right;
	overflow: auto;
	line-height: 16px;
}

.publications {
	position: absolute;
	left: 0;
	top: 155px;
	width: 505px;
	padding-left: 20px;
}

/* ----------- ECOLE DE MUSIQUE ----------- */
#ContentEcole {
	margin: 0 auto;
    width: 900px;
	height:600px;
    border:8px solid #FFFFFF;
	margin-top:-300px; /* prendre la valeur de la hauteur de la page et la diviser par 2 */
	margin-left:-450px; /* prendre la valeur de la largeur de la page et la diviser par 2 */
	left:50%; /* centre la page */
	top: 50%;
	overflow: hidden; /* masque le contenu dépassant le bloc */
    position:absolute;
	background-color:#000000;
	background: url(ecole.jpg) no-repeat center
}

.containertxtecole {
	position: absolute;
	width: 428px;
	padding-left: 30px;
  	position:relative;
	top: 220px;
	overflow: auto;
	line-height: 16px;
}

.containertxtAPH {
	width: 430px;
	padding-left: 200px;
  	position:relative;
	top: 168px;
	overflow: auto;
	line-height: 16px;
}

.containertxtassistaline{
	position: relative;
	width:355px;
	padding-right: 30px;
	top: 238px;
	overflow: auto;
	text-align:right;
	line-height: 16px;
	float: right;
}

.containerflash {
	width: 300px;
	padding-right: 30px;
	text-align:right;
	bottom:25px;
	left:570px;
	top:360px;
	float: right;
	position: absolute;
}


.containertxtpalmares {
	position: absolute;
	width: 708px;
	height:418px;
	margin-left: 188px;
	top: 170px;
	overflow: auto;
	line-height: 16px;
}

/* ----------- ASSISTANTS ----------- */

#ContentAssistants{
	margin: 0 auto;
    width: 900px;
	height:600px;
    border:8px solid #FFFFFF;
	margin-top:-300px; /* prendre la valeur de la hauteur de la page et la diviser par 2 */
	margin-left:-450px; /* prendre la valeur de la largeur de la page et la diviser par 2 */
	left:50%; /* centre la page */
	top: 50%;
	overflow: hidden; /* masque le contenu dépassant le bloc */
    position:absolute;
	background-color:#000000;
	background: url(assistants.jpg) no-repeat center
}

.containertxtAssist {
	position: absolute;
	width: 850px;
	margin-left: 8px;
	top: 160px;
	overflow: auto;
	line-height: 16px;
}

.aline {
	width:280px;
	bottom:25px;
	left:610px;
	top:200px;
	overflow: auto;
	float: right;
	position: absolute;
	line-height: 14px;
}

.anne {
	position: absolute;
	width:270px;
	left: 20px;
	top:200px;
	overflow: auto;
	line-height: 14px;
}

.nathalie {
	position: absolute;
	width:270px;
	left: 310px;
	top:200px;
	line-height: 14px;
}


/* ----------- AGENDA ----------- */
#ContentAgenda {
	margin: 0 auto;
    width: 900px;
	height:600px;
    border:8px solid #FFFFFF;
	margin-top:-300px; /* prendre la valeur de la hauteur de la page et la diviser par 2 */
	margin-left:-450px; /* prendre la valeur de la largeur de la page et la diviser par 2 */
	left:50%; /* centre la page */
	top: 50%;
	overflow: hidden; /* masque le contenu dépassant le bloc */
    position:absolute;
	background-color:#000000;
	background: url(agenda.jpg) no-repeat center
}

.containertxtagenda {
	position: absolute;
	height:398px;
	width: 688px;
	margin-left: 55px;
	top: 200px;
	overflow: auto;
	line-height: 16px;
}


/* ----------- JAZZ BY FIVE ----------- */
#ContentJazzby5 {
	margin: 0 auto;
    width: 900px;
	height:600px;
    border:8px solid #FFFFFF;
	margin-top:-300px; /* prendre la valeur de la hauteur de la page et la diviser par 2 */
	margin-left:-450px; /* prendre la valeur de la largeur de la page et la diviser par 2 */
	left:50%; /* centre la page */
	top: 50%;
	overflow: hidden; /* masque le contenu dépassant le bloc */
    position:absolute;
	background-color:#000000;
	background: url(jazzby5.jpg) no-repeat center
}

.containertxtjazzby5 {
	width:688px;
	padding-left:108px;
  	position:relative;
	top: 168px;
	overflow: auto;
	line-height: 16px;
}

.containertitesjazzby5 {
	position: absolute;
	width:588px;
	padding-left: 30px;
  	position:relative;
	top:168px;
	overflow: auto;
	line-height: 15px;
}

.containercontactjazz {
	position: relative;
	width:355px;
	padding-right: 30px;
	top:238px;
	overflow:hidden;
	text-align:right;
	line-height: 16px;
	float: right;
}

/* ----------- CONTACT ----------- */
#ContentContact {
	margin: 0 auto;
    width: 900px;
	height:600px;
    border:8px solid #FFFFFF;
	margin-top:-300px; /* prendre la valeur de la hauteur de la page et la diviser par 2 */
	margin-left:-450px; /* prendre la valeur de la largeur de la page et la diviser par 2 */
	left:50%; /* centre la page */
	top: 50%;
	overflow: hidden; /* masque le contenu dépassant le bloc */
    position:absolute;
	background-color:#000000;
	background: url(contact.jpg) no-repeat center;
}

.facebook{
	width: 130px;
	padding-left:54px;
	top:248px;
	overflow: hidden;
	position: relative;
}

.hohner{
	width: 150px;
	padding-left:38px;
	top:318px;
	overflow: auto;
	position: relative;
}

.kawai{
	width: 180px;
	padding-left: 260px;
	top:208px;
	overflow: auto;
	position: relative;
}

.mdn{
	padding-left:20px;
	top:165px;
	overflow: auto;
	position: relative;
}


.bitos{
	width: 200px;
	padding-left: 300px;
	top:140px;
	overflow: auto;
	position: relative;
}

.bietry{
	width: 240px;
	padding-left: 520px;
	top:148px;
	overflow: auto;
	position: relative;
}

.moonchild{
	width: 200px;
	padding-left: 700px;
	top:78px;
	overflow: auto;
	position: relative;
}

.containertxtcontact {
	width: 200px;
	padding-left: 690px;
	text-align:right;
	font-size:13px;
	top:252px;
	line-height: 16px;
	position: relative;
	overflow: auto;
}

.liencontact {
	color:#FFFFFF;
	text-decoration:none;
}

.liencontact:hover {
	color:#C00801;
	text-decoration:none;
}

/* ----------- MENU ----------- */
.containerMenu {
	position: absolute;
	left: 0;
	top: 130px;
	width: 905px;
	padding-left: 0px;
}

.menu {
	background-color:#FFFFFF;
	font-family: Verdana;
	font-weight:700;
	font-size: 11px;
	color: #000000;
}

.menu a {
	text-decoration: none;
	color: #000000;
	padding-left:25px;
	padding-right:25px;
}

.menu a:hover {
	color: #FFFFFF;
	background-color:#000000;
	padding-left:25px;
	padding-right:25px;
}