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: red;
}

#contenu1 a:active{
     color: red;
}

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

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

#menu a:active{
     color: red;
}
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,h3,h4
{margin-bottom: 10px;
margin-top: 5px;}
ol,ul{
margin-left: 40px;}
h1{
margin-bottom: 5px;
      font-size: 26px;
      font-weight: bold;
      text-align: left;
}
h1 span { font-style: italic;
font-size: 30px;
padding-left: 110px;

color: #930;}

h2{
      font-size: 22px;
      font-weight: bold;
      text-align: left;
 font-style: italic;
}
h6{
      font-size: 11px;
      text-align: center;
padding-top: 20px;
}
h3{
      font-size: 16px;
      font-weight: 900;
      text-align: left;
      color: #930;
font-family: verdana;
border-bottom: 2px solid;

}
h3 span{
font-size: 10px;
padding-left: 40px;
}

h5
{font-size: 14px;
padding-bottom: 5px;
padding-top: 15px;
text-align: left;
font-weight: bold;
color: #930;
}
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 60px;}

.menu2,#menu1{
height: auto;
width: auto;
margin: 10px;
padding: 5px;
text-align: center;
border: 2px solid;
}   
#menu1{ 
background: url(images/fondmenu2.gif) left top  no-repeat;
padding: 5px 3px;
}
#menu p{
font-size: 12px;
      font-weight: bold;
      text-align: center;
}
#menu1  p.tel{
font-size: 14px;
      font-weight: bold;
      text-align: center;
}
#menu1  p.tel span{
color: #903;}
#menu1 h4{
margin: 0;
      padding: 0;
margin-bottom: 10px;
      font-size: 14px;
        font-weight: bold;
      text-align: center;
      color: #000;
font-style: italic;
padding-top: 0px;}


#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: 25px;
width: auto;
color: #000;
text-align: left;
}
#menu li.classe8{color: red;
background:  none;
padding-left: 52px;
}
#menu li img{
display: inline;
text-align: left;
vertical-align: middle;
padding: 0;
margin: 0;
padding-right: 10px;}

/*------------------------------------------------------------  contenu page index   -----------------------------------------------------*/
#contenu1{
    color: #000;
    border: 0;
    margin: 0;
   padding: 70px 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;
}
#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;}


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

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

#contenu p{  
       text-align: justify;}


#zonetext{
margin: 0;
padding:0;
float: left;
width: 390px;} 
#zonetext p{
padding-left: 10px;
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.liens{
   margin: 10px 45px;
list-style:  square;
font-weight: bold;
color: #930;
}

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

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

#contenu3{
  color: #000;
    border: 0;
    margin-left: 220px;
    padding: 40px 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;
}
#zoneimg p
{padding :0;
margin: 0;
font-size: 0.8em;
font-style: italic;
text-align: center;
width: 200px;
}

 
 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;}

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

page-break-after: always;
margin: 0 auto 0 auto;
}
th,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;}