body{
  background-color: #000;
  height: 100%;
  margin: 0px;
  padding: 0px;
  height: 100%;
scrollbarTrackColor: red;
scrollbarFaceColor: green
}

/* page ACCUEIL */

#nemolac{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -210px;
  margin-top: -48px;
  width: 419px;
  height: 96px;
}

#nemolac h1{
  margin: 0px;
  padding: 0px
}

#nemolac img.logo{
  border: none;
  width: 419px;
  height: 96px
}

#nemolac h2{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: white;
  margin: 0px;
  padding: 0px;
  text-align: center;
  letter-spacing: 8px
}

/* page NEMOLAC */

#panoramique{
  background: transparent;
  width: 100%;
  height: 452px;
  position: absolute;
  top: 50%;
  margin-top: -226px
}

#display, #bottom{
  background: black;
  position: relative;
  left: 50%;
  width: 800px;
  height: 371px;
  margin-left: -400px
}

#texte, #vueGlobale, #vuePonton, #murImage , #quaiRambla, #immeubleVegetalise, #vueTerrasse, #revue, #jcabrera, #contact{
  background: black
}

#jcabrera{
  text-align: center
}

#texte, #revue, #jcabrera, #contact{
  width: 800px;
  height: 371px;
  overflow: auto;
  scrollbar-arrow-color: #9baeb5; /* fleche */
  scrollbar-face-color: #4c6874; /* la barre de scroll */
  scrollbar-track-color: #232323; /* fond */
  scrollbar-highlight-color: #99adb6; /* ombre gauche intérieure */
  scrollbar-3dlight-color: #232323; /* ombre gauche extérieure */
  scrollbar-shadow-color: #727c86; /* ombre droite interieure */
  scrollbar-darkshadow-color: #232323; /* ombre droite extérieure */
}

#texte p, #revue p, #revue h2, #revue a, #texte h1{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #dddddd;
  text-align: justify;
  margin: 0px 9px 20px 0px
}

#texte h1{
  display: inline;
  float: left;
  margin: 0px
}

#revue a{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #dddddd;
  text-decoration: underline
}

#revue a:hover{
 text-decoration: none
}

#separateur{
  position: relative;
  width: 100%;
  height: 9px;
  font-size: 0px;
  border-bottom: 1px solid #4c6874;
}

#bottom{
  height: 71px
}

#menu, #liens, #revuePresse{
  float: left;
  height: 32px;
  margin-top: 10px
}

#liens, #revuePresse{
  margin-left: 20px
}

#menu img, #liens img, #revuePresse img{
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 5px;
  cursor: pointer;
  border: none
}

#logo{
  position: absolute;
  top: 8px;
  right: 0px;
  width: 217px;
  height: 39px
}

#interne{
  position: absolute;
  top: 57px;
  right: 0px;
}

#interne span, #interne a{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #fff;
  text-decoration: none
}

#interne a:hover{
  text-decoration: underline;
  cursor: pointer
}

#playerControl{
  width: 16px;
  height: 16px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  right: 0px;
  top: -18px
}

#playerControl.on{
  background: black url(../img/volOn.gif) no-repeat top left;
}

#playerControl.off{
  background: black url(../img/volOff.gif) no-repeat top left;
}