html { 
  height:100%; 
}
body { height:100%; 
  overflow: hidden; 
  margin:0; 
  padding:0; 
  font-family:Arial, Helvetica, sans-serif; 
  font-size:16px; 
	background-color: #FFFFFF;
}

.popup_div {
  position: absolute;
  /*width:680px; 
  height:480px; 
  */
  width:100%; 
  height:100%; 
  display:none;
  z-index:1004;
  left:0%;
  top:0%;
  /*
  left:50%;
  top:50%;
  margin:-250px 0 0 -340px;
  */
}

.pano_div{
  z-index:1000;
  width:100%;
  height:100%;
}

/* ------------------- */

.titre {
	color:#8f4441;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 650; 
	text-align: left;
}
.paragraphe {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.8em; 
	text-align: justify;
	letter-spacing:0px;
}
.lien {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.8em; 
	font-weight: 700; 
	text-align: left;
}

.button_quit {
  position: absolute;
  right:2%;
  bottom:4%;  
}


a:link {color:#692f2f;text-decoration:none;}      /* unvisited link */
a:visited {color:#692f2f;text-decoration:none;}  /* visited link */
a:hover {color:#692f2f;text-decoration:underline;}  /* mouse over link */
a:active {color:#692f2f;text-decoration:underline;}  /* selected link */