/*===============================================================
    CONTENANTS  
  ===============================================================*/
#HeaderPage {
  position: relative;
  padding: 0;
  width: 772px;
  max-width: 772px;
  margin: auto;
  height: 266px; 
  text-align: left;
  Background-color: #977FFF;
  z-index: 0;
}

#BoxLogo {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 266px;
  height: 217px;
  background: url('../images/acceuil/accueillogo_1.jpg') no-repeat top left;
  z-index: 3;
}

#BoxAccueil {
  position: absolute;
  left: 266px;
  top: 32px;
  width: 490px;
  height: 161px;
  background: url('../images/acceuil/acceuilentete_1.jpg') no-repeat top left;
  z-index: 3;
}

.signart {
  position: absolute;
  left: 648px;
  top: 173px;
  width: 65px;
  height: 53px;
  background: url('../images/acceuil/signart.gif') no-repeat top left;
  z-index: 10;
}

.signart:hover {
  position: absolute;
  left: 648px;
  top: 173px;
  width: 65px;
  height: 53px;
  background: url('../images/acceuil/signarthover.gif') no-repeat top left;
  z-index: 10;
}

.signartimage{
  border: 0;
  }
  
.BoxCitation{
  position: absolute;
  left: 250px;
  top: 183px;
  width: auto;/*450px;*/
  color: #C6FF00;
  background: transparent;
  z-index: 10;
}

.BoxCitationOmbre{
  position: absolute;
  left: 251px;
  top: 184px;
  width: auto;/*450px;*/
  color: black;
  background: transparent;
  z-index: 9;
}

#mailtoxab {
  position: absolute;
  width: 100%;
  height: 70%;
}

#BoxEntete {
  position: absolute;
  left: 200px;
  top: 15px;
  width: 572px;
  height: 50px;
  z-index: 7;
}

#BoxEnteteOmbre {
  position: absolute;
  left: 202px;
  top: 17px;
  width: 572px;
  height: 50px;
  z-index: 6;
}