/* Style relatifs à la mise en page générale et aux boîtes de contenu */

/* Redéfinition des marges, couleurs, polices, interlignages et styles de lien par défaut */
body,td,th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}
body {
  background-color: #619AA1;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
 
 }
p, dl, ul {
  margin: 0;
  line-height: 14px;
}
a:link {
  color: #000000;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #000000;
}
a:hover {
  text-decoration: underline;
  color: #000000;
}
a:active {
  text-decoration: underline;
  color: #000000;
}
a img {
  border: none;
}

/* style de définition des blocs en piles gérées en rollover */
.empilable {
	position: absolute;
	left: 288px;
	top: 114px;
	height: 142px;
	width: 338px;
}
/* style de définition des groupes de blocs */
.groupe {
  position: absolute;
}

/* blocs permanents */
/* (menu, logo, etc.) */
#logo {
  position: absolute;
  top: 0;
  left: 0;
}
#barrenav {
  position: absolute;
  top: 140px;
  left: 0;
  z-index: 200;
}

/* styles relatifs avec ombre et coins arrondis */
/* les styles sont déclinés pour les différentes largeurs de bloc et les différentes couleurs de fond */
/* - ombre */

/* Bandeaux-menus */
.bande {
  
}
.bande .coingche {
  float: left;
}
.bande .coindte {
  float: left;
}
.bande .contenu {
  float: left;
  /*border-top: 1px solid black;
  border-bottom: 2px solid black;*/
}
  

/* Barre de navigation */
#barrenav .marqueur {
  position: absolute;
  top: -3px;
  left: 12px;
  display: none;
}
#barrenav .marqueur.sel {
  display: block;
}

#barrenav .bande {
  height: 16px;
  width: 300px;
}
#barrenav .bande .coingche {
  width: 50px;
  height: 25px;
}
#barrenav .bande .coindte {
  width: 6px;
  height: 16px;
}
#barrenav .bande .contenu {
  height: 20px;
  padding-left: 10px;
  padding-right: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
#barrenav .bande .sep {
  border-left: 1px solid black;
}


#barrenav #navbilletterie {
  top: -86px;
  left: -5px;
}
#navbilletterie .bande {
  width: 700px;
}
#navbilletterie .bande .coindte {
  /*background-image: url(../images/menu/billetterie-dte.gif)*/
}
#navbilletterie .bande .impair {
  background-color: #77b5ef;
}
#navbilletterie .bande .pair {
  background-color: #b9b6ef;
}
#barrenav #navbilletterie .plus {
	position: absolute;
	top: 23px;
	left: 415px;
	height: 93px;
	width: 73px;
}
#barrenav #navbilletterie .sousmenu {
  position: absolute;
  top: 190px;
  left: 100px;
}
/*public c'est le local les noyaux*/
#barrenav #navpublic {
  top: 268px;
  left: 312px;
}
#navpublic .bande {
  width: 700px;
}
#navpublic .bande .coindte {
  background-image: url(../images/menu/public-dte.gif)
}
#navpublic .bande .impair {
  /*background-color: #619AA1;*/
}
#navpublic .bande .pair {
  /*background-color: #fea4d7;*/
}
#barrenav #navpublic .plus {
  position: absolute;
  top: 11px;
  left: 77px;
}
#barrenav #navpublic .sousmenu {
  position: absolute;
  top: 6px;
  left: 68px;
}