body{
   color: #000;
   background: #7b330d;
  margin: 0;
  padding: 0;
       }
 
#page{
background: #fbeada url(images/pianofond.jpg) center top repeat-x ;
border: 0;
padding: 0;
width: 990px; 
height: auto;
margin: 0.5em auto 0.5em auto;
}
.hide{
         display: none;
        }
img{
      display: block;
      border: 0;
      } 
#contenu1 a{
     font-weight : bold;
     text-decoration: none;
     color: #000;
     background: transparent;
}

#contenu1 a:hover{
     color: #930;
}

#contenu1 a:active{
     color: #930;
}

a:link,a:visited,a:hover,a:active{
     font-weight : bold;
     text-decoration: underline;
       color: #000;
     background: transparent;
}
a:hover{
     color: #930;
}

a:active{
     color: #930;
}
#menu a {
     font-weight : bold;
     text-decoration: underline;
     color: #000;
     background: transparent;
}
#menu a:hover{
  color: #930;
}

#menu a:active{
     color: #930;
}
p,td,li,ol,ul,h1,h2,h3,h4,h5,h6{
padding: 0;
margin: 0;
 font-family: "times new roman",times,serif;
      color: 000;}  
p,h1,#exh1
{margin-bottom: 10px;
margin-top: 5px;}
ol,ul{
margin-left: 40px;}

/* --------------------------------------------------------------------------------
 Titre site et sous titre sur 1ère page : H1 et H2 
------------------------------------------------------------------------------------*/
#baniere h1{
margin-bottom: 5px;
      font-size: 26px;
      font-weight: bold;
      text-align: left;
}
#baniere h1 span { font-style: italic;
font-size: 30px;
padding-left: 110px;

color: #930;}

#baniere h2{
      font-size: 22px;
      font-weight: bold;
      text-align: left;
 font-style: italic;
}
/* --------------------------------------------------------------------------------
 Titre site sur pages intérieure  : exh1 et exh2
 ---------------------------------*/
#baniere #exh1{
margin-bottom: 5px;
      font-size: 26px;
      font-weight: bold;
      text-align: left;
}
#baniere #exh1 span { font-style: italic;
font-size: 30px;
padding-left: 110px;

color: #930;}

#baniere #exh2{
      font-size: 22px;
      text-align: left;
 font-style: italic;
}


/*----------------------------------------------------------*/ 
h6{
      font-size: 11px;
      text-align: center;
padding-top: 20px;
}

/*---------------------------------------------------------------------------------------
balise h1  pages intérieures          (ex h3)
------------------------------------------------------------------------------------*/
#contenu h1, #contenu3 h1 {
      font-size: 16px;
      font-weight: 900;
      text-align: left;
      color: #930;
font-family: verdana;
border-bottom: 2px solid;

}
#contenu h1 span,   #contenu h3 span, #contenu3 h1 span,   #contenu3 h3 span{
font-size: 10px;
padding-left: 40px;
}

/*---------------------------------------------------------------------------------------
balise h2  pages intérieures          (ex h5)
------------------------------------------------------------------------------------*/

#contenu h2,#contenu h5,#contenu3 h2,#contenu3 h5
{font-size: 14px;
padding-bottom: 5px;
padding-top: 15px;
text-align: left;
font-weight: bold;
color: #930;
}
#contenu h2.menu,#contenu h5.menu,#contenu3 h2.menu,#contenu3 h5.menu{
text-align: center;}
#contenu h2.saut,#contenu h5.saut,#contenu3 h2.saut,#contenu3 h5.saut{
margin-top: 2em;
page-break-before: always;}


p{  
       text-align: left;
       font-size: 0.9em;
      
} 
/*---------------------------------------banniere ----------------*/
#baniere {
    background: #fddbb7 url(images/fondban3.jpg) repeat ;
    color: #000;
    border: 0;
    margin-top: 0px;
   padding: 0;
 height: 100px;
border-bottom : 2px solid;
}
#baniere1 {
padding-left: 20px;
height: auto;
      float: left;
}

#baniere img{
float: right;
padding-top: 0px;}

/*-----------------------------------------   menu    ------------------------------------------------*/

#menu {
background: transparent ;
    color: #000;
    border: 0;
    margin: 0;
   padding: 0;
    width: 220px;
    float: left;
 }
#menu img{
  margin: 5px auto;}

.menu2,#menu1{
height: auto;
width: auto;
margin: 10px;
padding: 3px;
text-align: center;
border: 2px solid;
}   
#menu1{ 
background: transparent;
padding: 3px 3px;
}
#menu p{
font-size: 12px;
      font-weight: bold;
      text-align: center;
}
#menu1  div.tel{
text-align: center;
margin: 0;
padding: 0;
}
#menu1  div.tel p{
margin: 5px 0 5px 0;
padding: 0;
font-size: 18px;
font-weight: bold;
text-align: left;
color: #930;
}
#menu1  div.tel img{

float: left;
margin: 0 10px;
padding: 0;
}

#menu1 h4{
padding: 0;
      margin: 0;
font-size: 16px;
      font-weight: bold;
      text-align: center;
      padding-top: 15px;
      }
#menu1 h6, .menu2 h6,#menu1 h2, .menu2 h2{
margin: 0;
      padding: 0;
margin-bottom: 10px;
      font-size: 16px;
        font-weight: bold;
      text-align: center;
      color: #000;
font-style: italic;
padding-top: 0px;}

.menu2 h6, .menu2 h2{
  font-size: 13px;
        font-weight: bold;
        margin-top: 10px;
}
#menu1 .exh4{
padding: 0;
      margin: 0;
font-size: 16px;
      font-weight: bold;
      text-align: center;
      padding-top: 15px;
      }
#menu1 .exh6, .menu2 .exh6{
margin: 0;
      padding: 0;
margin-bottom: 10px;
      font-size: 16px;
        font-weight: bold;
      text-align: center;
      color: #000;
font-style: italic;
padding-top: 0px;}

.menu2 .exh6{
  font-size: 13px;
        font-weight: bold;
        margin-top: 10px;
}

#menu ul { 
 border: 0;
    margin: 0;
   padding: 0;
margin: 7px 3px 30px 7px;
width: auto;
height: auto;
text-align: left;
}
#menu li{
 border: 0;
    margin: 0;
   padding: 0;
list-style:  none;
background:  none;
font-weight: bold;
font-size: 14px;
padding: 0;
margin: 0;
padding-left: 10px;
padding-top: 10px;
height: 26px;
width: auto;
color: #000;
text-align: left;
}
#menu li.classe8{color: #930;
background:  none;
padding-left: 10px;
height: 26px;
}
#menu li img{
display: inline;
text-align: left;
vertical-align: middle;
padding: 0;
margin: 0;
padding-right: 10px;}

#menu1 h3{
font-size: 12px;
      font-weight: bold;
      text-align: center;
    margin-bottom: 10px;
margin-top: 5px;

}

/*----------------------------------------------zone drapeaux --------------------------------------------------------*/
#version {    
margin: 0; 
padding: 0; 
margin-left: 580px; 
margin-top: 0px;
margin-bottom: 0.5em;
margin-right: -4em;      
}
#contenu1 #version img, #contenu #version img, #contenu3 #version img{
display: inline;
padding: 0;
margin: 0 0 0 15px;}
            
  #contenu1 #version{
margin-left: 650px; 
margin-top: 0px;
margin-bottom: 1.6em;
}
#version a{
padding: 0;
margin: 0;}

/*------------------------------------------------------------  contenu page index   -----------------------------------------------------*/
#contenu1{
    color: #000;
    border: 0;
    margin: 0;
   padding: 20px 10px 0 10px;
    width: auto;
height: auto;
 }   
 #contenu1 p{  
       text-align: justify;}
       #contenu1 li{
list-style:  none;
background:  none;
font-weight: bold;
font-size: 1.3em;
font-style: italic;
padding: 0px 0 0px 40px;
margin: 0;
width: auto;
margin-bottom: 1%;
color: #000;
border: 0;
height: 70px;
line-height: 70px;
}
/*-------------------------------------------------------------
page accueil ancienne version     ----> à supprimer
----------------------------------------------------------*/
#contenu1 ul{    
margin-left: 10em;}

#contenu1 li img{
display: inline;
vertical-align: middle;
padding-right: 15px;}
#contenu1 li.classe1 {margin-left: 120px; margin-bottom: 0%; margin-top: 0%;}
#contenu1 li.classe2 {margin-left: 40px; margin-bottom: 1%;}
#contenu1 li.classe3 {margin-left: 0px;}
#contenu1 li.classe4 {margin-left: 120px; margin-bottom: 1%; margin-top: -1%;}
#contenu1 li.classe5 {margin-left: 0px;}
#contenu1 li.classe6 {margin-left: 0px; margin-bottom: 1.5em ;}
#contenu1 li.classe7 {margin-left: 60px; margin-bottom: 1.5em ;}
#contenu1 li.classe9 {margin-left: 120px; margin-bottom: 1.5em ;}

 /*-------------------------------------------------------------
page accueil nouvelle version     
----------------------------------------------------------*/

#contenu1 h3{
background:  none;
font-weight: bold;
font-size: 1.3em;
font-style: italic;
padding: 0px 0 0px 40px;
margin: 0;
width: auto;
margin-bottom: 1%;
color: #000;
border: 0;
height: 70px;
line-height: 70px;
}


#contenu1 h3 img{
display: inline;
vertical-align: middle;
padding-right: 15px;}
#contenu1 h3.classe1 {margin-left: 280px; margin-bottom: 0%; margin-top: 0%;}
#contenu1 h3.classe2 {margin-left: 200px; margin-bottom: 1%;}
#contenu1 h3.classe3 {margin-left: 160px;}
#contenu1 h3.classe4 {margin-left: 280px; margin-bottom: 1%; margin-top: -1%;}
#contenu1 h3.classe5 {margin-left: 160px;}
#contenu1 h3.classe6 {margin-left: 160px; margin-bottom: 1.5em ;}
#contenu1 h3.classe7 {margin-left: 220px; margin-bottom: 1.5em ;}
#contenu1 h3.classe9 {margin-left: 280px; margin-bottom: 1.5em ;}



/*------------------------------------------------------------ contenu pages internes ----------------------------------------------------*/

#contenu{
  color: #000;
    border: 0;
    margin-left: 220px;
    padding: 20px 5em 0 4em;
    width: auto;
border-left: 2px solid;
height: 750px;
 }   

#contenu p{  
       text-align: justify;
     }


#zonetext{
margin: 0;
padding:0;
float: right;
width: 330px;} 
#zonetext p{
padding-left: 5px;
padding-bottom: 20px;
padding-top: 13px;}
#zonetext ul{
margin: 0;
padding:0;
}
#contenu li{
list-style:  none;
 border: 0;
    margin: 2.2em 0;
   padding: 0;
font-size: 0.9em;
padding: 0;
width: auto;
color: #000;
border: 0;
text-align: justify;
}
#contenu li.parcours{
   margin: 2em 2em 2em 4em;
list-style:  square;
font-weight: bold;
}
#contenu li.parcours h3{
font-size: 1em;
}
#contenu li.liens{
   margin: 10px 45px;
list-style:  square;
font-weight: bold;
color: #930;
}

#contenu img{

  padding: 15px 5px 5px 0px;}
#zoneimg{
float: left;
margin: 0 8px;
vertical-align: center;}

#zoneimg p
{padding :0;
margin: 0;
font-size: 0.8em;
font-style: italic;
text-align: center;
width: 250px;
}
p.legende{
padding :0;
margin: 0 auto;
font-size: 0.8em;
font-style: italic;
width: 250px;
}

/*------------------------------------------------------------ spécificités page son ----------------------------------------------------*/

#contenu3{
  color: #000;
    border: 0;
    margin-left: 220px;
    padding: 20px 5em 0 4em;
    width: auto;
border-left: 2px solid;
height: auto;
 }   


#contenu3 p,#contenu3 li{  
       text-align: justify;}
       
#zoneimg2{
margin: 0;
padding: 0;
width: 400px;
margin: 0 auto 0 auto;}
#zoneimg2 img{
padding: 5px 5px;
}


 
 li.son{
list-style:  square;
padding-bottom: 0px;
margin-top: 5px;
text-align: left;
padding-left: 0px;
font-size: 0.9em;
margin-bottom: 10px;
}
img{
text-align: center;
margin: 0 auto;}

#tableau {
background: #fff;
width: 470px;
border-collapse: collapse;
border: 1px solid black;

page-break-after: always;
margin: 0 auto 0 auto;
}
#tableau th,#tableau td{border: 2px solid gray;
vertical-align: middle;
padding: 0 5px;
font-size: 11px;
}
.col2 {
border-right: 6px double black;}
.imp {
text-align: right;
margin: 0.2em 0;
}
/*------------------------------------------------------------ divers ----------------------------------------------------*/
p span,li span{
 font-weight: bold;}
.ita{font-weight: 900;
font-style: italic;
}
.baspage{
     color: #000;
    margin: 0;
   padding: 0;
    width: auto;
clear: both;}
span.gras     {
font-weight: bold;}

/*------------------------------------table pianos occasion             ---------------*/

table.occasion {
padding: 5px;
margin: 20px auto;
border: 2px solid #000;}
.occasion tr {border: 0px solid #000;
margin: 0px;
padding: 0px;}
.occasion td {
font-size: 1em;
margin: 0px;
padding: 0 0;
border: 0;

}
.occasion td.haut {
border-top: 2px solid #000;
padding-top: 10px;}
.occasion td.bas {
border-bottom: 0px solid #000;
padding-bottom: 10px;}
.occasion p{
text-align: center;}


     #page-piano{
background: #fff ;
border: 0;
padding: 0;
width: 920px; 
height: auto;
margin: 0.5em auto 0.5em auto;
padding: 10px 0px;
}
#page-piano img{
display: block;
margin: 0 auto;
}
#page-piano #bas{ font: 16px Verdana, Helvetica, sans-serif; font-weight: 600; background-color: #fff; margin: 10px auto; line-height: 1.4em;  width: 100%	; height: 30px;  }
#page-piano #bas-titre{ margin-left: 10px;	 float: left;}
#page-piano #fin { margin-right: 10px;	 float: right; width: 120px;}


#cadre-accordeur-5{  background: url('images/vide.png') repeat scroll 0 0 transparent;     
position: absolute; 
height:280px; 
width:600px;
border: 0;
 padding: 0;
margin: 0;
z-index: 5;
}     
#cadre-diapason{  background: url('images/vide.png') repeat scroll 0 0 transparent;     
position: absolute; 
height:200px; 
width:450px;
border: 0;
 padding: 0;
margin: 0;
margin-left: 100px;
z-index: 5;
}     

#cadre-harm{  background: url('images/vide.png') repeat scroll 0 0 transparent;     
position: absolute; 
height:800px; 
width:600px;
border: 0;
 padding: 0;
margin: 0;
margin-left: 0px;
z-index: 5;
}     
#cadre-harm2{  background: url('images/vide.png') repeat scroll 0 0 transparent;     
position: absolute; 
height:357px; 
width:600px;
border: 0;
 padding: 0;
margin: 0;
margin-left: 0px;
z-index: 5;
} 
#cadre-harm3{  background: url('images/vide.png') repeat scroll 0 0 transparent;     
position: absolute; 
height:370px; 
width:600px;
border: 0;
 padding: 0;
margin: 0;
margin-left: 0px;
z-index: 5;
}