body {
margin: 0;
padding: 0;
    scrollbar-3dlight-color: #5F6067;
    scrollbar-highlight-color: #595959;
    scrollbar-face-color: #3A3A3A;
    scrollbar-shadow-color: #000000;
    scrollbar-darkshadow-color: black;
    scrollbar-arrow-color: #E3E4FF;
    scrollbar-track-color: #303030;
    background-attachment:fixed;
/*    background-color: #000E56;      */
    background-color: #000028;
    /* background-color: #081D28;   */
}

a:link { color: white; text-decoration: none; }
a:visited { color: orange; text-decoration: none; }
a:active { color: white; text-decoration: none; }
a:hover { color: black; background-color: orange; font-weight: normal;}
/* accueil
*****************/
#popup{
  border: 5px solid yellow;
  background: #000000;
  /*background: url(../images/charte/bg_contenu.jpg) top right;       */
  position: absolute;
  top: 217;
  left: 10%;
  margin: -150px 0 0 -150px;
  width: 300px;
  font: 12px Arial, Helvetica, sans-serif;
  padding: 00px;
  z-index: 20000;
 /*     filter: alpha(opacity=85);
    opacity: .9;                */
  }
  /*
#popup h1{
  width: 500px;
  height: 54px;
  margin: 7px 0;
  padding: 0;
  text-indent: 10px;
  font-size: 30px;
  line-height: 60px;
  color: #FFF;
  clear: both;
  }
#popup dl{
  margin: 8px 0 20px 10px
  }
#popup dt{
  margin: 10px 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  }
#popup dd{
  margin: 4px 0 0 15px
  }
#popup img.rightwhiteborder{
  float: right;
  border: 3px solid #FFF;
  margin: 0 0 8px 12px;
  }
  */
#popup .close{
  text-align: right;
  }
.pop {
text-align: center;
font-size: 24px;
font-weight: bold;
font-family : "Pristina" ;
color: gray;
}