/* ====================================================================== */
/* Styles spécifiques à l'en-tête contenant la bannière et le logo du BES */
/* ====================================================================== */

#header {
  border-bottom: 1px solid #C0C0C0; /* gris bordure */
  background-color: #FFFFFF; /* blanc */
  height: 71px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#easyAccess {
  position: absolute;
  background-color: #FFFFFF; /* blanc */
  left: 100px;
  top: 3px;
  font-size: 0.818181em;
}

#easyAccess, #easyAccess a, #easyAccess a:visited {
  color: #FFFFFF; /* blanc */
}

#easyAccess a:hover, #easyAccess a:focus {
  color: #000000; /* noir */
}

#besLogo {
  float: left;
  background: url(besLogo.png) no-repeat 7px 4px;
  display: block;
  width: 219px;
  height: 71px;
}

#besLogo span {
  display: none; /* Masque le texte du lien lors d'un rendu graphique */
}

.bannerItem {
  display: block;
  float: right;
  margin: 0px 0px 1px 1px;
  border: none;
  width: 70px;
  height: 70px;
}

#bannerItem1 {
  background: url(ulbLogo.png) no-repeat 0 0 ;
}

#bannerItem1:hover {
  background: url(ulbLogo.png) no-repeat 0 -70px ;
}

#bannerItem1 span {
  display: none; /* Masque le texte du lien lors d'un rendu graphique */
}

#bannerItem2 {
  background: url(bannerImage2.png) no-repeat 0 0 ;
}

#bannerItem3 {
  background: url(bannerImage3.png) no-repeat 0 0 ;
}

#bannerItem4 {
  background: url(bannerImage4.png) no-repeat 0 0 ;
}

#bannerItem5 {
  background: url(bannerImage5.png) no-repeat 0 0 ;
}

#bannerItem6 {
  background: url(bannerImage6.png) no-repeat 0 0 ;
}

#bannerItem7 {
  background: url(bannerImage7.png) no-repeat 0 0 ;
}