body {
	margin: 0px;
	background-image: url(images/fonbruna.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #d1ccc3;
	padding: 0px;
}

#titrehaut {
	background-image: url(images/titrelaure.png);
	width: 832px;
	height: 120px;
	padding: 0;
	margin-top: 200px;
	margin-left: 250px;
}

#container {
	width: 832px;
	height: 480px;
	margin-left: 250px;
	margin-top: 211px;
	background-image: url(images/fondseul.png);
	background-repeat: no-repeat;
	position: relative;
	
}

#containerindex {
	width: 832px;
	height: 480px;
	margin-left: 160px;
	margin-top: 211px;
	background-image: url(images/ouverture.jpg);
	background-repeat: no-repeat;
	
}

#video {
	position: absolute;
	width: 420px;
	height: 315px;
	margin-left: 860px;
	margin-top: 80px;
	
}

#zone1 {
	position: absolute;
	width : 832px;
	height: 480px;
	left: 250px;
	top: 210px;
	border: none;
	}
	
#containerintro {
	width: 832px;
	height: 480px;
	margin-left: 250px;
	margin-top: 211px;
	background-image: url(images/fondindex.png);
	background-repeat: no-repeat;
	position: relative;
	
}

#agenda {
	width: 500px;
	height: 50px;
	margin-left: 300px;
	margin-top: 30px;
	font: 14px "Trebuchet MS",Arial,sans-serif ;
	color:#66666;
	text-align: center;
}


#imgcentre {
	width: 350px;
	height: 480px;
	left: 112px;
	top:0px;
	position: absolute;
	z-index: 0;
}

#presse {
	width: 350px;
	height: 480px;
	left: 112px;
	top:0px;
	position: absolute;
	z-index: 0;
}
#diaporama {
	width: 832px;
	height: 480px;
	left: 0px;
	top:0px;
	position: absolute;
	z-index: 0;
}

#textindex  { 
   	position: absolute;
    width:360px;
	height:70px;
	left:472px;
 	top: 45px;
	font: 20px "Trebuchet MS",Arial,sans-serif ;
	font-weight: italic; 
    line-height:42px ; 
    color: #fff ; 
    text-align: center; 
	}


div#textbio  { 
    position:absolute;
    width:340px; height:430px;
	margin-left:472px;
	margin-top:20px;
	font: 11px "Trebuchet MS",Arial,sans-serif ;
    line-height: 17px ; 
    color: #333 ; 
    text-align: left ; 
    overflow:auto;
	}

div#textjohannes  { 
    position:absolute;
    width:320px; height:430px;
	margin-left:482px;
	margin-top:20px;
	font: 11px "Trebuchet MS",Arial,sans-serif ;
    line-height: 18px ; 
    color: #333 ; 
    text-align: left ; 
    overflow:auto;
	}

div#piano  { 
    position:absolute;
    width:350px; height:430px;
	margin-left:472px;
	margin-top:20px;
	font: 11px "Trebuchet MS",Arial,sans-serif ;
    font-style: italic;
    line-height: 17px ;
    color: #333 ; 
    text-align: center ; 
	}

.lettrine { 
	color:#fff; 
	background-color:#993399;
	margin-right: 3px;
	padding: 1px;
	font-size: 3em ; 
	font-weight: bolder;
	font-style: Times, Georgia, 
	}

.gras { 
	color:#993399; 
	font-size: 1.1em ; 
	font-weight: bolder; 
	}
		
.projet { 
	color:#993399; 
	font-size: 0.9em ; 
	font-weight: bolder; 
	}
		

.aut { 
	color:#993399; 
	font-weight: bolder; 
	}

div#formulaire  { 
    position:absolute;
    width:380px; height:430px;
	margin-left:472px;
	margin-top:30px;
	font: 11px "Trebuchet MS",Arial,sans-serif ;
    line-height: 17px ; 
    color: #333 ; 
    text-align: left ; 
	}

div#presse  { 
    position:relative;
    width:335px; height:450px;
	margin-left:472px;
	margin-top:30px;
	font: 11px "Arial", Trebuchet MS,sans-serif ;
    line-height: 15px ; 
    color: #333 ; 
    text-align: left ; 
    overflow:auto;
	}

.gros {
	font: 15px "Trebuchet MS",Arial,sans-serif ;
	text-align: center ; 
	font-weight: bolder italic;
	} 
	
#baseline {
	margin-top: 4px;
	margin-left: 420px;
	font: 11px "Trebuchet MS",Arial,sans-serif ;
	padding: 0;
	color:#333; 
}


/*********** #Styles du menu ***********/

#navigation { 
    width: 120px; 
    left: 20px; 
    padding-left: 5px ;
	top: 190px;
	position: absolute;
	z-index: 1;
    }
   
#navigation ul {
   list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation li { 
	padding: 0;
    background: #663300;
    color: #fff ; 
    margin-bottom: 10px;
    }
	

#navigation li a { 
    display: block ;
	width: 120px;
	height: 15px;
    color: #fff ; 
    font: 10px "Trebuchet MS",Arial,sans-serif ;
	font-weight: bolder; 
	letter-spacing: 1px;
    line-height: 15px ; 
    text-align: left ; 
    text-decoration: none ;
	padding-left: 5px;
}
	
#navigation li.selected {
	background: #993399;
	
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active { 
    background: #993399 ; 
    text-decoration: none ; 
    }		

/*********** #formulaire ***********/
.intitule {
	padding: 0;
	margin: 0 
}

#formul {
    position:absolute;
	padding: 0;
	margin-top: 0px;
	margin-left: 3px;
	height: 420px;
	width: 360px;
	font: 11px "Trebuchet MS",Arial,sans-serif ;
}
	
.titre 	{
	width: 330px;
	color: #312e20;
	font-size: 13px;
	font-weight: bolder; 
	letter-spacing: 1px;
    text-align: center ; 
}
.titretel 	{
	width: 330px;
	color: #312e20;
	font-size: 15px;
	font-weight: bolder; 
    text-align: center ; 
}
.input 	{
	width: 230px;
	border: solid #000000 1px;
	color: #312e20;
	background-color: #fff;
	font-size: 12px;
}
.textarea 	{
	width: 230px;
	border: solid #000000 1px;
	color:#312e20;
	background-color:#fff;
	font-size:11px;
}