body{
  background-color:#EAC36F;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:small;
  margin:0;
  padding:0;
  height: 100%;
  overflow-y: hidden;
}
html>body{overflow-y:visible}
a{
  color:#930;
  text-decoration:none;
}
a:hover{
  text-decoration:none;
}
h1{
  font-size:medium;
  color:#930;
  margin:2em 0 0 0;
  background-color:transparent;
}
.spacer{
  clear:both;
}
.lettrine{
  background-color:#EAC36F;
  color:white;
  font-size:200%;
  border:1px dotted #000;
  padding:0 0.1em;
  margin-right:2px;
}
.titre{
  color:black;
  font-size:150%;
}
.plan {float:right}
#page{
  color:#930;
  background: url(../imagesenal/fond.gif) top left repeat-y;
  width:800px;
}
#part1title{
  margin:0 0 0 200px;
  padding:0;
}
#part1{
  margin:1em 20px 0 260px;
  background-color:#FFF;
  padding:0;
}
#part2title{
  background: url(../imagesenal/title01.gif) top left no-repeat;
  margin:0 0 0 199px;
  height:50px;
  width:610px;
}
#part2{
  background: url(../imagesenal/fond2an.gif) top left repeat-x;
  margin:0 0 1em 190px;
  padding-top:20px;
}
#part2 p{
  margin:0;
  padding:1em 1em 0 30px;
}
#part2 .fond{
  background: url(../imagesenal/02_visite.gif) top left no-repeat;
  margin:0;
  padding:1em 1em 0 100px;
}
img.visite {float: left; clear: left; margin: 0 0.2em 0 0;}

#part3title{
  margin:0 0 0 170px;
}
#part3{
  margin:1em 2px 1em 220px;
}
img.histoire {float: right; clear: right; margin: 0 0 0 0.5em; height: 20px;}

#part4title{
  margin:0 0 0 170px;
}
#part4{
  margin:1em 1em 1em 190px;
}
#part4 p{
  padding:0 0 0 2em;
}
img.technique {float: left; clear: left; margin: 0 0.2em 0 0; height: 55px;}

#part5title{
  margin:0 0 0 170px;
}
#part5{
  margin:1em 1em 0 220px;
}
#footer{
 background-color:black;
 color:white;
 width:601px;
 margin: 0 0 0 199px;
 text-align:center;
}
#footer a:hover{
color:#FFF;
}
/****MENU****/

.menu {
  position: absolute;
  top: 20px;
  left: 0;
  width: 200px;
  height: 100%;
  background-color:transparent;
}
.menu a{
  font: 20px/1em Georgia, serif ;
  color:white;
  margin:0;
}
.menu a:hover{
  color:#FFF;
  text-decoration:underline;
}
.menu ul{
  padding-top:120px;
}
.menu li{
  list-style-type:none;
}
.menufond {
  background: url(../imagesenal/pomme.gif) top left no-repeat;
  height:287px;
  width:212px;
}
#content  {
  height: 100%;
  overflow: auto;
}
/* fin du hack "fixed" permettant de fixer le menu rouge sous IE */
.boite {width:20% ; height:800px ; border:2px solid black} /* boite servant à faire défiler l'écran, en débordant de la page */
body>.menu {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */


/****GALERIE****/
div#galerie
{
  width: 560px ;
  background: #eed ;
  border: 1px solid #dcb ;
  padding: 5px ;
  margin: 15px 0 0 215px ;
  text-align: center ;
  font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
  margin: 0 ;
  padding: 0 ;
  list-style-type: none ;
}

ul#galerie_mini li
{
  float: left ;
}

ul#galerie_mini li a img
{
  margin: 2px 1px ;
  border: 1px solid #dcb ;
}

dl#photo
{
  clear: both ;
  margin: 0 auto ;
}

dl#photo dt
{
  font: italic 2em/1em Georgia, serif ;
  color: #930 ;
}

dl#photo dd
{
  margin: 0 ;
}

dl#photo img
{
  border: 1px solid #dcb ;
}