body{
   color: #000;
   background: #fff;
  margin: 0;
  padding: 0;
       }
#page{
background: #fefbdc url(fond.jpg) no-repeat;
border: 0px solid #eceff2;
padding: 0;
width: 800px; 
height: 47em;
margin: 0.5% auto 0.5% auto;
font-family: arial,hevetica,sans-serif;
color: #039;

}
.hide{
         display: none;
        }
img{
      display: block;
      border: 0;
      } 
a,a:link,a:visited,a:hover,a:active{
     font-weight : bold;
     text-decoration: underline;
       color:  #bc6628;
     background: transparent;
}
a:hover{
     color: #f7b957;
}

a:active{
     color: #f7b957;
}
#menu a{
     font-weight : bold;
      color: #904e02;
     text-decoration: underline;
     background: transparent;
}
#menu.ind a{
color:  #444;
}
#menu a:hover{
  color: #444;
}
#menu a:active{
     color: #444;
}
div,p,td,li,ol,ul,h1,h2,h3,h4,h5,h6{
padding: 0;
margin: 0;
font-family:  arial,hevetica,sans-serif;
color:  #444;
}  
h1{
font-family:  'times new roman', times, serif;
padding: 0;
margin: 0;
      font-size: 13px;
      font-weight: 300;
      text-align: center;
color: #904e02;
margin: 0em 0.6em;
}
h1 span{
      font-weight: 300;
font-size: 18px;}
h2{
font-family:  'times new roman',times,serif;
color: #904e02;
      font-size: 12px;
      font-weight: 300;
      text-align: center;
margin-left: 0%;
padding-bottom: 2%;
border-bottom: 1px solid;
margin: 1em 1em 0.5em 1em;
}
h2 span{
font-weight: 300;
font-size: 14px;}
h3{
      font-size: 140%;
      font-weight: 900;
      text-align: right;
margin: 0;
padding: 0;
 font-style: italic;
color: #bc6628;
border-bottom :5px solid #dd894b;
margin: 4em 6em 0 1em;
}
h3.h3b
{margin: 2em 6em 0 1em;}
h3.plan{
width: 50%;
margin-left: 28%;
margin-top: 2%;}
h4{font-size: 100%;
 color: #bc6628;
font-weight: 900;
padding-left: 1%;
}
#menu{
margin: 0;
font-family:  arial,hevetica,sans-serif;
color: #904e02;
    font-weight: bold;
padding: 0;
clear: both;
float: left;
width: 24%;
height: 630px;
padding-top: 0%;
}
#menu img{
margin: 0 auto;}
#menu p{
font-family:  'times new roman',times,serif;
font-weight: 300;
margin: 0;
padding: 0;
color: #904e02;
font-size: 80%;
text-align: center;
margin: 1em 0.5em;
padding-top: 1em;
border-top: 1px solid;}
ul#liste1{
list-style: none;
padding: 0.5em 0.5em 0.5em 1.5em;
margin: 0;
}

li.menua,li.menua2{
margin: 0;
color:  #444;
margin-top: 1.7em;
font-size: 95%;
 font-style: italic;
}
li.menua2{
margin-top: 0;
}
li.menub,li.menuc{
background: transparent;
border: 0;
margin: 0;
padding: 0;
margin: 0.2em;
margin-left: 2em;
list-style: disc outside;
color: #904e02;
padding: 0em 0 0 0em;
font-size: 80%;
 font-style: normal;
}
li.menuc{
list-style: circle outside;
color:  #444;}
#contenu{
margin: 0;
margin: 0em;
padding: 0;
font-family:  arial,hevetica,sans-serif;
border-top : 0px solid #ccc;
border-bottom : 0px solid #ccc;
float:left;
width: 74%;
height: 630px;
}
#contenu p {
float: left;
color: #333;
margin: 2em 0em 0.5em -3em;
font-size: 60%;
font-family: verdana,hevetica,sans-serif;
width: 40%;
}
#contenu p.chir {
float: left;
margin: 2em 0em 0.5em 10em;
font-size: 80%;
font-family: verdana,hevetica,sans-serif;
width: 30%;
}
#contenu .zoneimg2{
width: 55%;
float: left;
padding: 0;
margin: 0;}
#contenu .zoneimg2 img{
padding: 0em 1em 0.5em 1em;
margin: 0;
}

#contenu p.premier{
padding-left: 20em;
margin-top: 0.5em;}
#contenu p.deux{
margin-left: -8em;}
#zoneindex{
   margin: 0em 1em 3em 0em;
font-family: verdana,hevetica,sans-serif;
}

#zoneindex p{
float: none;
text-align: justify;
font-size: 80%;
font-weight: 300;
 color: #444;
   margin: 0em 1em;
padding: 1em 3em 2em 3em;
font-family: verdana,hevetica,sans-serif;
width: auto;}
#zoneindex p.liste{
margin: 0;
font-weight: 900;

padding: 0em 3em 0 3em;}


#zoneindex ol{ 
font-size: 100%;
float: none;
border: 0;
margin: 0;
padding: 0em 3em 1em 3em;
width: auto;
height: auto;
text-align: left;
font-weight: 300;
}
#zoneindex li{
list-style: square outside;
  color:  #444;;
font-size: 80%;
font-weight: 300;
margin-top: 0em;
padding: 0;
margin: 0 0 0 2em;
font-family: verdana,hevetica,sans-serif;
}
#zoneplan{
margin: 0;
padding: 0;
height: auto;
margin-top: 0em;
padding-bottom: 0em;
text-align: center;
font-size: 100%;
font-weight: 600;
color: #666;
width: 74%;
}
#zoneplan p{
font-size: 60%;
border: 0;
margin: 0;}
#zoneplan2{clear: both;
background: #fff;
margin: 0;
padding: 0;
height: auto;
width: auto;
margin-top: 1em;
margin: 0;
padding: 0;

font-size: 70%;
color: #444;
text-align: right;
}

#contenu img{
padding : 0.5em 0em 0.5em 76%;}
#zoneplan img{
background: transparent; 
margin: 0em 0em 0em 0em;
padding: 0;
display: block;
}
#zoneplan2 img{
padding: 0 0em 0em 0em;}

#contenu p img{
padding : 0.5em 0.5em 1em 0;
}
#zonetext{
margin: 0;
margin-top: 0em;
padding: 0;

}
#zonetext img{
padding : 0.5em 0.5em 0.5em 10em;}

#zonetext li img{
padding : 0;
}
#zonetext ol{ 
 border: 0;
    margin: 0;
   padding: 0;
   margin: 1.5em 5em ;
width: auto;
height: auto;
text-align: left;
}
#zonetext ol#host{ 
margin-bottom: -1em;
}

#zonetext ol ol{ 
 border: 0;
    margin: 0;
   padding: 0;
width: auto;
height: auto;
text-align: left;
}
#zonetext ol#inter{
margin-left: 10em;} 
#zonetext li{
background: url(fleche.jpg) no-repeat;
list-style: none;
  color:  #444;;
font-size: 80%;
font-weight: 600;
margin-top: 1em;
padding: 0 0 0 3em;
}

#zonetext li li{
background: transparent;
list-style: square outside;
  color:  #444;;
font-size: 100%;
font-weight: 300;
margin-top: 0em;
padding: 0;
margin: 0 0 0 2em;
}
#zonetext li li span{
vertical-align: super;
font-size: 90%;
}
#zonetext li span{
font-weight: 300;}
#zonetext li.lilien {margin-top: 3.3em;
}
#zonetext ol#doct{ 
margin-top: -1.5em;
margin-left: 3.5em;

}
#zonetext li.doct {margin-top: 2em;
}
#zonetext li.doct li{
line-height: 1.3;
}
#doct2{
 border: 0;
    margin: 0;
   padding: 0;
   margin: -1em 0em 1em 7em ;
   padding: 0 0 0 0em;
  color:  #444;
font-weight: 300;
width: 56%;
line-height: 1.3;
font-family:  arial,hevetica,sans-serif;
font-size: 80%;
}
#zonetext li ul li{
list-style: square;
background: transparent;
  color:  #444;;
  font-size: 100%;
font-weight: 600;
margin: 1em 0 0 3em;
padding: 0em 0 0 0em;
}
#zonetext2 {
margin: 0;
padding: 0;
width: 74%;

}
#zonetext2 p{ 
 border: 0;
    margin: 0;
   padding: 0; 
   width: 100%;
   padding : 0em 0em 0em 8em;
   font-size: 70%;
   float: none;

}
#zonetext2 img{
display: inline;
vertical-align: middle;
padding: 0;
margin: 0 1em;
}
#zonetext3{
margin: 0;
margin-top: 0em;
padding: 0;

}
#zonetext3 ol{ 
 border: 0;
    margin: 0;
   padding: 0;
   margin: 1.5em 5em ;
width: auto;
height: auto;
text-align: left;
}
#zonetext3 ol#host{ 
margin-bottom: -1em;
}

#zonetext3 li{
background: url(fleche.jpg) no-repeat;
list-style: none;
  color:  #444;;
font-size: 80%;
font-weight: 600;
margin-top: 1em;
padding: 0 0 0 3em;
}

#zonetext3 li span{
font-weight: 300;}
#zonetext li.lilien {margin-top: 3.3em;
}
#contenu p.legende{
font-size: 65%;
 font-family: verdana,hevetica,sans-serif;
margin: 0;
margin: 0.5em;
text-align: center;
padding: 0;
font-weight: 600;
color:  #444;
}
#contenu .zoneimg3{
padding: 0;
margin: 0 0 0 0 ;}
#contenu .zoneimg3 img{
display: block;
padding: 0em 1em 0em 1em;
margin: 0;
}

#zoneimg {
padding: 0;
margin: 0;
padding-left: 0%;
}
#zoneimg img{
margin: 0;
padding: 0% 0 0 10%;}
#contenu p.legende img{
margin: 0;
padding: 0 ;
}
#zoneimg4 {
padding: 0;
margin: 0;
margin-top: -2em;
}
#zoneimg4 img{
margin: 0;
padding: 0% 0 0 0%;}
#contenu p.legende img{
margin: 0;
padding: 0 ;
}
#fincont{clear: both;
text-align: center;
margin: 0;
padding: 0;
font-size: 60%;
color:  #444;
 font-weight: 600;
 padding: 0 1em 1em 0;
}