@font-face {
  font-family: calibri;
  src: url("fonts/calibri.ttf");
}

@font-face {
  font-family: calibri;
  font-weight: bold;
  src: url("fonts/calibri-bold.ttf");
}

@font-face {
  font-family: calibri;
  font-style: italic;
  src: url("fonts/calibri-italic.ttf");
}

body {
  background-color: #000000;
  margin: 0 0 0 0;
}

div.pano {
  position: absolute;
  top: 150px;
  left: 0px;
  width: 900px;
  height: 500px;
  overflow: hidden;
  background-color: white;
}

div.scrollright {
  position: absolute;
  left: 400px;
  z-index: 2;
  top: 0px;
  width: 100px;
  height: 500px;
}

div.scrollleft {
  position: absolute;
  width: 100px;
  z-index: 2;
  height: 500px;
  left: 0px;
  top: 0px;
}

img {
  border: 0;
}

img#img {
  position: absolute;
  top: 0px;
  left: -500px;	 
  z-index: 1;
}

img#img2 {
  position: absolute;
  left: 2500px;	 
  top: 0px;
}

img#cercle {
  position: absolute;
  left: 100px;
  top: 150px;
  opacity: 0.4;
  z-index: 10;
  filter: alpha(opacity=40);
  visibility: hidden;
}

div.win1 {
  background-color: #00008B;
  position: absolute;
  left: 100px;
  top: 15px;
  width: 250px;
  height: 100px;
  white-space: pre;
  color: white;
  font-size:24pt;
  font-family: calibri, verdana, sans-serif;
  font-weight: bold;
  line-height: 36px;
  padding: 10pt;  
  visibility: hidden;
  z-index: 20;
}

div.win2 {
  background-color: #D3D3D3;
  position: absolute;
  left: 500px;
  top: 15px;
  width: 250px;
  height: 150px;
  color: black;
  visibility: hidden;
  padding: 0;
  border: 0;
  padding-left: 10pt;
  padding-right: 10pt;
  z-index: 20;
}

div.helpbutton {
  background-color: red;
  color: white;
  font-family: calibri, verdana, sans-serif;
  font-size:12pt;
  font-weight: bold;
  margin: 3pt;
  text-align: center;
  width: 50px;
  height: 20px;
  position: absolute;
  left: 400px;
  top: 700px;
}

div.helptext {
  background-color: black;
  color: #D3D3D3;
  font-family: calibri, verdana, sans-serif;
  font-size:10pt;
  padding: 10px;
  width: 800px;
  height: 80px;
  position: absolute;
  left: 200px;
  top: 400px;
  visibility: hidden;
}

div.helptext b {
  color: white;
  font-weight: bold;
}

p.win2titre {
  font-family: calibri, verdana, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  color: black;	   
  margin-top: 5pt;
}

p.win2texte {
  font-family: calibri, verdana, sans-serif;
  font-size: 10pt;
  color: black;
  margin-top: 0;
}


p.win2lien {
  color: #00008B;
  font-family: calibri, verdana, sans-serif;
  font-size: 10pt;
  margin-top: 10pt;
}

p.win2lien a:link {
  text-decoration: none;
}

p.win2lien a:hover {
  text-decoration: none;
}

p.win2lien a:visited {
  text-decoration: none;
}