div#menu {

	position: absolute;
	top: 200px;
	left: 0px;
	color: #333;
	background-color: #8f7d76;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
    width:1255px;
}

ul.menu {
	clear: both;
	float: none;
	cursor: pointer;
	z-index: 1;
	position: relative;
}

div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	z-index: 2;
	position: relative;
}

div#menu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: visible;
	float: left;  
	height: 30px;
	z-index: 3;
}
/* menu::level1 */
div#menu li a {
	height: 40px;
	display: block;
	float: left;
	line-height: 30px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	z-index: 4;
  position: relative;
}

div#menu li span {  
	color: #333; 
	display: block;
	padding: 0 15px;
  background-repeat: no-repeat;
	background-position: 95% 0px;
	z-index: 6;
	position: relative;
}

div#menu li span.bg { 
	display: block;
  background: transparent url('images/menu_level1_item.png') repeat-x scroll 0pt 100%;
  padding: 0;
	height: 30px;
	z-index: 5;
	position: relative;
  float: left;
}

div#menu li.current {  
	font-weight: bold;
}

div#menu li.current ul {  
	font-weight: normal;
}

/* menu::level2 */
div#menu ul.menu ul {
	padding: 0px 0px 10px;
	background: transparent url('images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%; 
	_background: transparent url('images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;	
	left: -999em; 
	width: 165px;
	position: absolute;
	top: 30px;
}

div#menu li:hover ul, div#menu li.sfhover ul { 
	left: 0px; 
	z-index: 100;
	visibility: visible; 
}

div#menu li li { 
	width: 100%; 
	text-indent: 0px;
	float: none; 
	height: auto;
}

div#menu li li a, div#menu li li span.separator { 
	margin: 0px 1px;
	padding: 0px; 
	background: url('images/menu_level2_item.gif') no-repeat scroll 100% bottom;
	height: auto; 
	float: none; 
	display: block; 
	line-height: 25px; 
	width: 163px;
}

div#menu li li a.parent { 
	background: url('images/menu_level2_item_parent.gif') no-repeat scroll 100% bottom;
}



h1
{

    font-family: "Trebuchet MS";
    font-size: 20px;
    color:#060606;
      opacity:0.7;
filter:alpha(opacity=40);

}



h2
{

    font-family: "Trebuchet MS";
    font-size: 16px;
    color:#8f7d76;
    
}

h3
{

    font-family: "Trebuchet MS";
    font-size: 20px;
    color:#8f7d76;
  
}

h4
{

    font-family: "Trebuchet MS";
    font-size: 15px;
    color:#8f7d76;
  
}

#accueil{
	position:absolute;
    top:0px;
    left:0px;
}

#navigateur{
	position:absolute;
    top:300px;
    left:20px;
    width : 200px;
        font-family: "Trebuchet MS";
        font-size: 12px;
}




#newsletter{
	position:absolute;
    top:350px;
    left:20px;
}

#accroche
{position:absolute;

	top: 250px;
    left:260px;
 width: 300px;
 font-family : "Trebuchet MS";
 font-size : 12px;
 Text-align : justify;

 
}

 

#concerts
{position:absolute;
	top: 140px;
    left: 300px;
 width: 200px;
 font-family: "Trebuchet MS";
 font-size: 12px;
 

 }
 



#lorient{
	position:absolute;
    top:380px;
    left:700px;
    width : 200px;
        font-family: "Trebuchet MS";
        font-size: 13px;
}

#projets
{position:absolute;
	top: -30px;
    left: 400px;
 width: 300px;
 font-family: "Trebuchet MS";
 font-size: 12px;
 

 }
 
#spectacles
{position:absolute;
	top: 0px;
    left:400px;
 width: 300px;
 font-family: "Trebuchet MS";
 font-size: 12px;
  }
  
  
 .hs_container{
	position:absolute;
	width:1105px;
	height:245px;
	top : 720px;
	left : -500px;
	overflow:hidden;
	clear:both;
	border:2px solid #fff;
	cursor:pointer;
	-moz-box-shadow:1px 1px 3px #222;
	-webkit-box-shadow:1px 1px 3px #222;
	box-shadow:1px 1px 3px #222;
}
.hs_container .hs_area{
	position:absolute;
	overflow:hidden;
}
.hs_area img{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.hs_area img.hs_visible{
	display:block;
	z-index:9999;
}
.hs_area1{
	border-right:2px solid #fff;
}
.hs_area4, .hs_area5{
	border-top:2px solid #fff;
}
.hs_area4{
	border-right:2px solid #fff;
}
.hs_area3{
	border-top:2px solid #fff;
}
.hs_area1{
	width:736px;
	height:245px;
	top:0px;
	left:0px;
}
.hs_area2{
width:369px;
	height:245px;
	top:0px;
	left:736px;
}




  #cairn{
	position:absolute;
    top:220px;
    left:-880px;
}






#titrequisommesnous
{position:absolute;
	top: 300px;
    left: 30px;
 width: 300px;
 font-family: "Trebuchet MS";
  opacity:0.9;
filter:alpha(opacity=40);

 }
 
   #agnes{
	position:absolute;
    top:440px;
    left:300px;
}

#intro
{position:absolute;
	top: 300px;
    left: 300px;
 width: 280px;
 font-family: "Trebuchet MS";
 font-size: 12px;
 text-align: justify;
  opacity:0.8;
filter:alpha(opacity=40);

 }
 
 #resonances
 {position:absolute;
	top: 660px;
    left: 300px;
 width: 280px;
 font-family: "Trebuchet MS";
 font-size: 12px;
 text-align: justify;
  opacity:0.8;
filter:alpha(opacity=40);

 }
 
  #Jeanne{
	position:absolute;
    top:710px;
    left:300px;
}
  
   #enmouvement
 {position:absolute;
	top: 300px;
    left: 630px;
 width: 280px;
 font-family: "Trebuchet MS";
 font-size: 12px;
 text-align: justify;
  opacity:0.8;
filter:alpha(opacity=40);

 }

   #textecheffes1
 {position:absolute;
	top: -70px;
    left: 330px;
 width: 280px;
 font-family: "Trebuchet MS";
 font-size: 12px;
 text-align: justify;
  opacity:0.8;
filter:alpha(opacity=40);

 }
 
  #laure{
	position:absolute;
    top:140px;
    left:330px;
}
 
 
 
   #Anne{
	position:absolute;
    top:340px;
    left:330px;
}

#Cecile{
	position:absolute;
    top:-70px;
    left:630px;
}

   #textecheffes2
 {position:absolute;
	top: 140px;
    left: 630px;
 width: 280px;
 font-family: "Trebuchet MS";
 font-size: 12px;
 text-align: justify;
  opacity:0.8;
filter:alpha(opacity=40);

 }
 
 #titrechanteurs{
	position:absolute;
    top:270px;
    left:75px;
}
 
 #trombi1{
	position:absolute;
    top:310px;
    left:70px;
}

 #trombi2{
	position:absolute;
    top:508px;
    left:70px;
}

 #trombi3{
	position:absolute;
    top:705px;
    left:71px;
}

 #trombi4{
	position:absolute;
    top:900px;
    left:69px;
}
 #trombi5{
	position:absolute;
    top:1095px;
    left:70px;
}
  #trombi6{
	position:absolute;
    top:1290px;
    left:70px;
}

    #textequartz
 {position:absolute;
	top: 80px;
    left: 200px;
 width: 280px;
 font-family: "Trebuchet MS";
 font-size: 12px;
 text-align: justify;
  opacity:0.8;
filter:alpha(opacity=40);

 }
 
 #chorus
	{position:absolute;
    top:20px;
    left:640px;
}

    #texterepertoire
 {position:absolute;
	top: 40px;
    left: 0px;
 width: 250px;
 font-family: "Trebuchet MS";
 font-size: 12px;
 text-align: justify;
  opacity:0.8;
filter:alpha(opacity=40);

 }
 
  #texterepertoire2
 {position:absolute;
	top: -60px;
    left: 300px;
 width: 280px;
 font-family: "Trebuchet MS";
 font-size: 11px;
 text-align: justify;
  opacity:0.8;
filter:alpha(opacity=40);

 }
 
  #agenda2011
 {position:absolute;
	top: -60px;
    left: 600px;
 width: 280px;
 font-family: "Trebuchet MS";
 font-size: 12px;
 text-align: justify;
  opacity:0.8;
filter:alpha(opacity=40);

 }
 
   #contacts
 {position:absolute;
	top: 0px;
    left: 300px;
 width: 280px;
 font-family: "Trebuchet MS";
 font-size: 12px;
 text-align: justify;
  opacity:0.8;
filter:alpha(opacity=40);

 }
 
  #andre
	{position:absolute;
    top:-10px;
    left:620px;
}

  #autoportrait
	{position:absolute;
    top:200px;
    left:620px;
}

 #interne
 {position:absolute;
	top: 30px;
    left:0px;
 width: 280px;
 font-family: "Trebuchet MS";
 font-size: 10px;
 text-align: justify;
  opacity:0.8;
filter:alpha(opacity=40);

 }
 
 #liens
{position:absolute;
    left:280px;
    top: -30px;
    width: 600px
 
    font size: 30px;
}

#mentions
 {position:absolute;
	top: 0px;
    left: 300px;
 width: 400px;
 font-family: "Trebuchet MS";
 font-size: 12px;
 text-align: justify;
  opacity:0.8;
filter:alpha(opacity=40);

 }