body{
height: 100%;
}

body {
margin: 0;
padding: 0;
background-color : #292929;
text-align :left;
font-family : arial;
font-size : 10px;
color : #000;
scrollbar-base-color: #A66343; 
scrollbar-arrow-color: #000;
scrollbar-DarkShadow-Color: #000; 

}



#content {
position:absolute;
left: 50%; 
top: 50%;
width: 966px;
height: 552px;
margin-top: -276px;
margin-left: -483px;
background : url(design/fond.jpg) no-repeat ;   }
html>body #content { height: auto; min-height: 546px;}



#gauche {
position : relative ; 
float : left ; 
width : 180px ;  
background : transparent;
margin-left : 30px !important;
margin-left : 15px;
margin-top : 27px; }

#gauche h1 {position : relative ; margin : 0; padding : 0 ; line-height : 1px}
#gauche h1 span {position : absolute ; margin-top : -5000px}


#centre{
float : left ;
margin : 17px 0 0 2px;
padding : 10px 0 0 0;  
width : 435px ; 
height : 476px ; 
background : transparent;
color : #FFCF8C;}

#centre p{
margin : 0; 
padding : 0 10px 0 10px}

#centre_intro {
float : left ;
margin : 17px 0 0 2px;
padding : 10px 0 0 0;  
width : 435px ;
height : 400px ; 
background : transparent;
color : #FFCF8C;}


#centre_intro p{
margin : 0; 
padding : 0 10px 0 10px}

#centre_rep {
float : left ;
margin : 17px 0 0 2px;
padding : 10px 0 0 0;  
width : 435px ; 
height : 476px ; 
background : transparent;
color : #FFCF8C;
}

#centre_rep p{
margin : 0; 
padding : 0 10px 0 10px}

#discographie_centre_rep {
width : 430px ;
height : 445px ; 
background : transparent; 
margin : 0 0 0 0; 
overflow : auto ;  }



#gauche ul{
width : 158px; 
margin : 32px 0 0 7px; 
padding : 0; 
list-style : none ;
text-align : right;  }

#gauche li{
list-style : none ; 
 background : url(design/sep_menu.jpg) 0 55px ; }

#gauche li a{
text-decoration : none ;
 color : #918C8C;
 font-size : 11px ;
 padding : 0 15px 10px 0;  
 margin : 10px 0 0 0;
 display : block;
 height : 15px;  
 background : url(design/sep_menu.jpg) 0 55px ; }
 
 #gauche li a:hover{
padding : 0 15px 10px 0; 
 background : url(design/sep_menu.jpg) 0 25px ;    
 }
 
 
 #gauche .pos1 {

 background : url(design/sep_menu.jpg) 0 55px ;    
 }
 
 
 
 #gauche .on {
padding : 0 15px 10px 0; 
 background : url(design/sep_menu.jpg) 0 25px ; 
 }
  


.para_haut 
 {
 color : #918C8C;
 text-align : right; 
 margin : 0 40px 0 0;
 padding : 0;  }
 
.para_bas 
 {
  color : #918C8C;
 position : absolute ; 
 bottom : 0;
 left : 0; 
 margin : 0 0 0 35px;
 padding : 0;  }
 
 .para_haut a {color : #918C8C; text-decoration : none; text-transform : uppercase }
 .para_haut a:hover {color : #98410E; text-decoration : none;  }


.para_bas a {color : #918C8C; text-decoration : none; text-transform : uppercase }
 .para_bas a:hover {color : #98410E; text-decoration : none;  }
  
  
#bienvenue {
width : 100%;

 margin : 0 0 10px 0; 
 padding : 0 0 0 0 ;  

 }

#bienvenue p{

 margin : 0 0 2px 0;  

 }


#agenda_home {
width : 100%;

background : #682D0A url(design/agenda.gif) no-repeat top; 
padding : 15px 0 0 0 ; 
margin : 10px 0 0 0; 
}html>body #agenda_home { height: auto; min-height: 190px;}

#agenda_home2 {
width : 100%;

background : #682D0A url(design/agenda.gif) no-repeat top; 
padding : 15px 0 0 0 ; 
margin : 10px 0 0 0; 
}html>body #agenda_home2 { height: auto; min-height: 190px;}




#gauche_agenda_home {
float : left ;
 width :270px ; 
 background : #682D0A ;
 margin : 25px 0 0 0; }


#gauche_agenda_home a {
color : #F56B2B; text-decoration : none ;  }


#gauche_agenda_home .titre {
 color : #F5C483 ; 
 font-size : 18px;
 font-family : arial ; font-weight : normal}
 
  #gauche_agenda_home .ville{
 color : #FFCF8C ;  }
 
 
   #gauche_agenda_home .genre{
 color : #F56B2B ;  
 margin : 0 0 5px 0; }






#droite_agenda_home{
float : left ; 
width : 135px ; 
background : #3E1B06 ; 
margin-left : 10px;
 }
html>body #droite_agenda_home { height: auto; min-height: 190px;}


#droite_agenda_home a{
color : #FFCF8C 
 }




#video {
width : 170px ; 
float : left ; 
height : 70px ; 
background : transparent ;
margin : 5px 0 0 10px;  }



#pdf {
width : 150px ; 
float : right;  
margin-right : 10px ; 
 background : transparent ; margin-top :75px}

#pdf img{ float : right; }

#pdf p{ margin : 5px 0 0 0 ; float : left ;  }


#pdf a{ color : #FFCF8C ;  }

.spacer {clear : both ; height : 1px; background : transparent; margin-top : -13px }

.separateur {clear : both ; height : 6px ; margin-top : 0 !important; margin-top : -13px }

.spacer_contact {clear : both ; height : 13px; background : transparent; margin-top : -13px}



.bas {background : url(design/bg_video.gif) 0 10px ; 
width : 100%; 
height : 122px !important;
height : 127px ;
}


.bas_intro {background : transparent ; 
width : 100%; 
}

.bas a{color : #FFCF8C ; }

 
 
 
 
 /* BASE PRESENTATION 
 **********************************************************************/
 
#gauche_pres {
float : left ; 
width : 180px ; 
background : transparent ; 
font-size : 18px ; 
font-family : times ; 
margin : 0 0 0 10px !important; 
margin : 0 0 0 5px ; 
}

#gauche_pres ul {
text-align : right ;
list-style : none ;
margin : 10px 0 10px 0 ;
padding : 0; 
}


#gauche_pres li {

}

#gauche_pres li a {
color : #D95A10; 
text-decoration : none ;
margin : 0 ; 
 padding : 0 13px 5px 0 ;
  display : block ; 
height : 18px ; 
background : transparent}

#gauche_pres li a:hover {}

#gauche_pres li a:hover.act {
background : url(design/sep_pre.gif) right no-repeat ; }

#gauche_pres li a.acton {
background : url(design/sep_pre.gif) right no-repeat}









#blocacademia h1  {
position : relative ; 
height : 20px; 
margin :0 0 9px  10px;
 padding : 0; 
 background : url(design/academia.gif) no-repeat}
 
#blocacademia h1  span {position : absolute ; margin-top : -5000px}



#blocacademia_rep h1  {
position : relative ; 
height : 20px; 
margin :0 0 9px  10px;
 padding : 0; 
 background : url(design/rep_academia.gif) no-repeat}
 
#blocacademia_rep h1  span {position : absolute ; margin-top : -5000px}











#blocchopin  h1 {
position : relative ; 
height : 19px; 
margin :0 0 10px  10px;
 padding : 0; 
 background : url(design/trio_chopin.gif) no-repeat}
 
 #blocchopin h1  span {position : absolute ; margin-top : -5000px}
 
 
 
 
 
 #blocvioloncelle  h1 {
position : relative ; 
height : 19px; 
margin :0 0 10px  10px;
 padding : 0; 
 background : url(design/violoncelle_solo.gif) no-repeat}
 
 #blocvioloncelle h1  span {position : absolute ; margin-top : -5000px}
 
 
  #blocvioloncelle_orch  h1 {
position : relative ; 
height : 19px; 
margin :0 0 10px  10px;
 padding : 0; 
 background : url(design/violoncelle_orch.jpg) no-repeat}
 
 #blocvioloncelle_orch h1  span {position : absolute ; margin-top : -5000px}
 
 
  #blocellopiano  h1 {
position : relative ; 
height : 19px; 
margin :0 0 10px  10px;
 padding : 0; 
 background : url(design/cello_piano.gif) no-repeat}
 
 #blocellopiano h1  span {position : absolute ; margin-top : -5000px}
 
   #blocflorence h1 {
position : relative ; 
height : 19px; 
margin :0 0 10px  10px;
 padding : 0; 
 background : url(design/trio_florence.gif) no-repeat}
 
 #blocflorence h1  span {position : absolute ; margin-top : -5000px}
 
    #blocUttenhove h1 {
position : relative ; 
height : 19px; 
margin :0 0 10px  10px;
 padding : 0; 
 background : url(design/Uttenhove.gif) no-repeat}
 
 #blocUttenhove h1  span {position : absolute ; margin-top : -5000px}
 
 
      #blocconcerts h1 {
position : relative ; 
height : 19px; 
margin :0 0 10px  10px;
 padding : 0; 
 background : url(design/agenda.jpg) no-repeat}
 
 #blocconcerts h1  span {position : absolute ; margin-top : -5000px}   
	 
	 
	 
	 
	 
	 #blocphotos h1 {
position : relative ; 
height : 19px; 
margin :0 0 10px  10px;
 padding : 0; 
 background : url(design/photos.gif) no-repeat}
 
 #blocphotos h1  span {position : absolute ; margin-top : -5000px}



#droite_pres {
float : left ;
width : 225px  !important;   
width : 225px ; 
background : transparent ; 
height : 395px;
padding : 10px 0 0 0;
margin : 5px 0 0 15px;
overflow : auto; 
  }
  
 #droite_pres a { color : #F56B2B ; text-decoration : none ; 
 
  } 
  
  
  #droite_pres p {
padding : 0 10px 10px 0; 
  }
 
.titre_pres{
width : 100%; 
height : 30px ;
 background : #6E2F0A url(design/academia_ens.gif) no-repeat 205px 7px}
 
 .titre_pres_vide{
width : 100%; 
height : 30px ;
 background : #6E2F0A }
 
 
  .titre_pres_agenda{
width : 100%; 
height : 30px ;
 background : #6E2F0A url(design/concerts2.jpg) no-repeat 205px 7px}
 
 
 
 .titre_pres_gerard{
width : 100%; 
height : 30px ;
 background : #6E2F0A url(design/gerard.gif) no-repeat 205px 7px}
 
  .titre_pres_alex{
width : 100%; 
height : 30px ;
 background : #6E2F0A url(design/alexandre.gif) no-repeat 205px 6px}
 
   .titre_pres_bruno{
width : 100%; 
height : 30px ;
 background : #6E2F0A url(design/bruno_ispiola.gif) no-repeat 205px 7px}
 
    .titre_pres_defalque{
width : 100%; 
height : 30px ;
 background : #6E2F0A url(design/ac_defalque.gif) no-repeat 205px 7px}

  
      .titre_pres_degossely{
width : 100%; 
height : 30px ;
 background : #6E2F0A url(design/degossely.gif) no-repeat 205px 7px}
 
 
       .titre_pres_brno_ac{
width : 100%; 
height : 30px ;
 background : #6E2F0A url(design/bruno_ispiola2.gif) no-repeat 205px 7px}
 
 
       .titre_pres_gallo{
width : 100%; 
height : 30px ;
 background : #6E2F0A url(design/gallo.gif) no-repeat 205px 7px}

       .titre_pres_baldini{
width : 100%; 
height : 30px ;
 background : #6E2F0A url(design/baldini.gif) no-repeat 205px 7px}
 
        .titre_pres_quarti{
width : 100%; 
height : 30px ;
 background : #6E2F0A url(design/quarti.gif) no-repeat 205px 7px}
	















.jouer_son {
background : transparent ; 
height :24px ; 
margin-left : 5px
}


.jouer_son p {
margin : 0;  padding : 0 ; 
}
	
.jouer_son img {
border : none ; 
float : left ; 
margin :  8px 5px 0 -5px  ;}

  
  
.jouer_son a {font-size : 10px ; color : #FFCF8C; font-family : arial ;
   text-decoration : none}
   
   
    /* DICOGRAPHIE  */
	
	
	#centre_gen{
float : left ;
margin : 17px 0 0 2px;
padding : 10px 0 0 0;  
width : 435px ; 
height : 476px ; 
background : transparent;
color : #FFCF8C; }

#centre_gen p {
margin : 0  20px 10px 10px  }
	
	
	#blocdisco  h1 {
position : relative ; 
height : 19px; 
margin :0 0 5px  10px;
 padding : 0; 
 background : url(design/discographie.gif) no-repeat top left}
 
#blocdisco h1  span {
 position : absolute ; 
 margin-top : -5000px}
 
 
#discographie {
width : 430px ;
height : 398px ; 
background : transparent; 
margin : 0 0 0 0; 
overflow : auto ;  }

#discographie a {
color : #FFCF8C  }



.blocdisk1 {
height : 120px ; 
background : #6E2F0A; 
margin : 0; }
html>body .blocdisk1 { height: auto; min-height: 120px;}


.blocdisk1 img{
float : left ; 
display : block ; }


.blocdisk1 p{
margin : 5px 10px 0 0 ; 
padding : 0;
color : #F56B2B}


.blocdisk1 a{
text-decoration : none ;}


.blocdisk1 a:hover{
text-decoration : underline ;}




.blocdisk2 {
height : 120px ; 
background : transparent; 
margin : 0; }
html>body .blocdisk2 { height: auto; min-height: 120px;}


.blocdisk2 a{
text-decoration : none ;}


.blocdisk2 a:hover{
text-decoration : underline ;}



.blocdisk2 img{
float : left; 
display : block ; }

.blocdisk2 p{
margin : 5px 10px 0 0 ; 
padding : 0;
color : #F56B2B}

.img_top {
margin : 20px 10px 10px 20px !important;
margin : 20px 10px 0 10px ;}








h3 {
margin : 0 ; 
padding : 20px 0 0 0;
font-family : times;
font-size : 18px;
font-weight : normal;}

.extrait_signature {
clear : left ; 
height : 30px;
background : transparent;
padding : 0 0 0 20px}

.extrait_signature img{
margin : 3px 5px 0 0 ; }  

.pousse_span_1{
margin : 10px 0 0 0px ;} 


.pousse_span_1 a{
text-decoration : none ; } 

.pousse_span_1 a:hover {
text-decoration : underline ; }




.pousse_span_2{
margin : 10px 0 0 30px ;   } 


/* VIOLON  */





#blocviolon  h1 {
position : relative ; 
height : 19px; 
margin : 0 0 10px 10px;
 padding : 0; 
 background : url(design/duo_violon.gif) no-repeat}

 #blocviolon h1  span {position : absolute ; margin-top : -5000px}
 
 
 
 #blocindex  h1 {
position : relative ; 
height : 19px; 
margin : 0 0 10px 10px;
 padding : 0; 
 background : url(design/bienvenue.gif)  no-repeat ;}

 #blocindex h1  span {position : absolute ; margin-top : -5000px}
 
 
 
 
 
 
 
 
 .img_flt_lft {
 float :left ; margin : 0 4px 0 0 }


 .englobe_jouer {float : left; background : red ; width : 100px}
 
 
     /* PRESSE  */
	 
	h4 {color : #D95A10 ; font-size : 12px ; margin : 10px 10px 5px 10px}
	 
	 .sous_titre_presse {color : #D95A10 ; font-size : 12px ; margin : 10px 0 0 0 }
	 
	 
	 
	 
	 
	 
	 #blocpresse  h1 {
position : relative ; 
height : 19px; 
margin : 0 0 10px 10px;
 padding : 0; 
 background : url(design/presse1.gif) no-repeat}

 #blocpresse h1  span {position : absolute ; margin-top : -5000px}
 
 .titre_pres_presse{
width : 100%; 
height : 30px ;
 background : #6E2F0A}
 
 
  .titre_pres_photo{
width : 100%; 
height : 30px ;
 background : #6E2F0A }
 
 
 .titre_pres_presse_suite {
width : 100%; 
height : 30px ;
margin-top : 20px; 
 background : #6E2F0A }
 
 .repertoire {font-weight : normal ; font-size : 10px ; text-align : right ; font-family : arial ; color : #D95A10;}
  
  
  .repertoire a{ color : #D95A10; }
  
  
  .repertoire_bruno {font-weight : normal ; font-size : 10px ; text-align : right ; font-family : arial ; color : #D95A10; height : 40px ;  }
  .repertoire_bruno a{ color : #D95A10; }
  
  
  
  
  .toptop { margin-top : 10px  ;}
  
       /* PRESSE  */
  .englobe_photos {width : 393px ; margin-left : auto ; margin-right : auto ; margin-top : 10px}
  
  .englobe_photos img{border : 1px solid #6E2F0A ; float : left ; margin : 4px}
  
     /* CONTACT  */  
  
#droite_contact {
float : left ;
width : 225px  !important;   
width : 225px ; 
background : transparent ; 
height : 395px;
padding : 10px 0 0 0;
margin :  0 0 0 15px;
overflow : auto; 
  }
  
  #droite_contact p {
padding :  0; margin : 5px 0 5px 0; 
  }
  
  form {margin : 0; padding : 0}
  
  #gauche_contact {
float : left ; 
width : 180px ; 
background : transparent ; 
margin : 0 0 0 10px !important; 
margin : 0 0 0 5px ; 
}

  #gauche_contact ul{font-size : 18px ; 
font-family : times ; 
text-align : right ;
list-style : none ;
margin : 10px 0 10px 0 ;
padding : 0;

}

#gauche_contact li a {
color : #D95A10; 
text-decoration : none ;
margin : 0 ; 
 padding : 0 13px 5px 0 ;
  display : block ; 
height : 18px ; 
background : transparent}

#gauche_contact a{ color : #FFCF8C; }

     
	 
	 

/* REPERTOIRE */
	 

	 
	 
.bloc_rep {
background : transparent; 
margin : 0;
padding-top : 5px }
html>body .blocdisk1 { height: auto; min-height: 120px;} 

.bloc_rep ul {margin : 5px 0 10px 10px ; padding : 0; list-style : none}


.bloc_rep h2{
font-size : 18px ; 
color : #D95A10 ; 
font-weight : normal;
margin : 0 0 0 10px }



.bloc_rep_002 {
background : #6E2F0A; 
margin : 0;
padding-top : 5px ;
padding-bottom : 5px }
html>body .blocdisk1 { height: auto; min-height: 120px;}

.bloc_rep_002 ul {margin : 5px 0 10px  10px ; padding : 0; list-style : none}

.bloc_rep_002 h2{
font-size : 18px ; 
color : #D95A10 ; 
font-weight : normal;
margin : 0 0 0 10px }



.para_compositeur {font-weight : normal ; font-size : 10px ; font-family : arial}



.info_contact {
font-weight : normal ; 
font-size : 10px ;
 text-align : left ; 
 font-family : arial ;
  color : #FFCF8C;    }    






.info_contact a{color: #d95a10; text-decoration : none}




.info_contact_2 {font-weight : normal ; font-size : 10px ; text-align : left ; font-family : arial ; color : #FFCF8C; padding-top : 10px ; padding-left : 0 }    
.info_contact_2 a{color: #d95a10; text-decoration : none}



.img_top_2 {margin : 10px 0 0 0} 

/* Agenda concerts  */

#centre_infos{
float : left ;
margin : 17px 0 0 2px;
padding : 10px 0 0 0;  
width : 435px ; 
height : 476px ; 
background : transparent;
color : #FFCF8C;}

#centre_infos p{
margin : 0; 
padding-right : 10px ; 
padding-left : 10px ; }





#droite_concerts {
float : left ;
width : 225px  !important;   
width : 225px ; 
background : transparent ; 
height : 395px;
padding : 10px 0 0 0;
margin : 5px 0 0 10px;
overflow : auto; 
  }
  
 #droite_concerts a { color : #D95A10 ; text-decoration : underline ; 
 
  } 
  
  
  #droite_concerts p {
margin : 0 10px 0 0;
 
  }
  
  
  #droite_concerts .titre {
 color : #F5C483 ; 
 font-size : 18px;
 font-family : arial ; 
 font-weight : normal}  
 
 .infos_concerts {padding-top : 10px ; font-weight : bold ; font-size : 11px ; }  
 
 
  .infos_concerts_2 {padding-top : 10px ; color : red}  
  
  a.link {color : #F56B2B ; font-size : 11px ; font-family : arial ; text-decoration : none ;  }
  
  
  
  /* gauche cv indiviuel */
 
#gauche_indiviuel {
float : left ; 
width : 180px ; 
background : transparent ; 
font-size : 18px ; 
font-family : times ; 
margin : 0 0 0 10px !important; 
margin : 0 0 0 5px ; 
}

#gauche_indiviuel ul {
text-align : right ;
list-style : none ;
margin : 10px 0 10px 0 ;
padding : 0; 
}


#gauche_indiviuel li {

}

#gauche_indiviuel li a {
color : #D95A10; 
text-decoration : none ;
margin : 0 ; 
 padding : 0 13px 5px 0 ;
  display : block ; 
height : 18px ; 
background : transparent}

#gauche_indiviuel li a:hover {}

#gauche_indiviuel li a:hover.act {
background : url(design/sep_pre.gif) right no-repeat ; }

#gauche_indiviuel li a.acton {
background : url(design/sep_pre.gif) right no-repeat}


#gauche_indiviuel p {
text-align : right ; 
}


#logo {margin-left : 12px ; }

#logo img { border : none }


  
  /* Liens */
  
  	 #blocliens  h1 {
position : relative ; 
height : 19px; 
margin : 0 0 10px 10px;
 padding : 0; 
 background : url(design/liens.jpg) no-repeat}

 #blocliens h1  span {position : absolute ; margin-top : -5000px}



#centre_liens{
float : left ;
margin : 17px 0 0 2px;
padding : 10px 0 0 0;  
width : 430px ; 
height : 476px ; 
background : transparent;
color : #FFCF8C; }


.in_liens 
{

margin :4px 0 0 0 ;
padding :  0;  
width : 430px ; 
height : 406px ; 
background : transparent;
overflow : auto ;  }


#centre_liens img{
border : 1px solid #6E2F0A; 
background : #97410E ;
float : left ; 
margin : 10px 0 0 20px ;
padding : 0;  
 }

#centre_liens p{

margin : 10px 20px  0 100px ;
padding : 0;  
 }
 
 #centre_liens h4{

margin : 10px 20px 0 100px;
padding : 0;  
 }
 
 
  .titre_pres_presse_liens {
margin-top : 20px ; 
height : 30px ;
 background : #6E2F0A }
 
 
 #centre_liens a{

text-decoration : none; color : #D95A10;  
 }
 
 
.para_titreconcerts {color : #D95A10;  font-weight : bold ; padding : 5px 0 5px 0 ; font-size : 13px ; }


.imglink {border : 0} 


.linkconcerts {color : red ; text-decoration : underline ; }




 
 /* RECITAL
 **********************************************************************/
 
#gauche-recital {
float : left ; 
width : 180px ; 
font-size : 18px ; 
font-family : times ; 
margin : 0 0 0 10px !important; 
margin : 0 0 0 5px ; 
}


#gauche-recital ul {
list-style : none ;
padding : 15px 0 0 0;
margin : 0 0 10px 0;
text-align : right ; 


}


#gauche-recital li {
float : right ; 
display : block ; 
margin : 0;
padding : 0; 

}

#gauche-recital li a {
color : #D95A10; 
text-decoration : none ;
margin : 0 ; 
 padding :  0 ;
}




#gauche-recital p {
font-weight : normal ;
font-size : 10px; 
font-family : arial ; 
margin : 0 0 4px 0 ; 
padding : 0 ;  
}

#bloc-recital h1 {
position : relative ; 
height : 19px; 
margin :0 0 10px  10px;
 padding : 0; 
 background : url(design/recital.jpg) no-repeat}
 
 #bloc-recital h1  span {position : absolute ; margin-top : -5000px}
 
 
   .titre-recital {
width : 100%; 
height : 30px ;
 background : #6E2F0A url(design/programme.jpg) no-repeat 205px 7px}