/*****************************************************\
|	Header (bannière + menu) et son contenu           |
\*****************************************************/


div#banniere {
  position: relative;
  top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  
  width: 950px; 
  height: 210px;
  
  /* background: url(../img/template/fond_banniere.png) no-repeat; */
}

img#logovia { /* logo de VIA */
  position: absolute;
  left: -40px;
  top: 22px;
}

div#slogan { /* slogan sur deux lignes */
  position: absolute;
  left: 290px;
  top: 40px;
  width: 400px;
  text-indent: -30px;
  
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 28px;
  color: white;
}

/* Menu principal (boutons) */

div#menu_principal {
  background-color: black;
  position: absolute;
  left: 0px;
  top: 200px;
  right: 0px;
  height: 40px;
}

div#menu_principal a { /* boutons */
  display: inline-block;
  height: 20px;
  padding: 10px 8px 10px 42px;
  margin-right: 4px;
  
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: : 0px 0px 0px 0px;
  
  /*border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;*/
  
  background-color: black;
  color: white;
  background-repeat: no-repeat;
  background-position: 4px 4px;
  
  font-family: 'century gothic', Tahoma, Verdana, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
}

div#menu_principal a.actif { /* pour la rubrique active : fond bleu et texte en blanc */
  background-color: white;
  color: black;
}

div#menu_principal a.actif:hover { /* pas d'effet de rollover sur le bouton de la rubrique active */
  border-bottom: none !important;
}


/* Images de fond */

div#menu_principal a#accueil { background-image: url(../img/template/accueil.png); }
div#menu_principal a#reseau { background-image: url(../img/template/reseau.png); }
div#menu_principal a#services { background-image: url(../img/template/services.png); }
div#menu_principal a#association { background-image: url(../img/template/association.png); }


/* Sous-menu */

div#sous_menu {
  position: absolute;
  top: 237px;
  left: 1px;
  right: 0px;
  z-index: 10;
}

div#sous_menu a {
   color: grey;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 11px;
   margin-left: 5px;
   margin-right: 5px;
}

div#sous_menu a:hover{
color: black;
}        

div#sous_menu div {
  padding: 10px 0px;
  border-bottom : 1px solid black;
  text-align: left;

  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;

  background-color: white;
}