test {
  font-family: "Comic sans MS";
  font-family: "Lucida Handwriting";
}

BODY {
  position: relative;
  font-size: normal;
  vertical-align: middle;
}

.hidden {
  display: none;
}

hr{
	height:1px;
}

div.imgLine {
  position: relative;
  text-align: center;
  width: 90%;
  padding: 0.3%;
}

div.imgClick {
  position: relative;
  display: inline;
}


div.galleria {
  position: relative;
  display: inline-block;
}

img.imgClick {
  width: 18%;
  vertical-align: middle;
}

.news {
  margin: 1px;
}

.news_content {
  font-size: smaller;
  margin: 5px;
}

.news_title {
  font-weight: bold;
  font-size: smaller;
  text-align: left;
  margin: 10px;
}

img.news {
    width: 60px;
}

#fond {
  position: absolute;
  top: 15%;
  right: 0%;
  filter: alpha(opacity = 20);
  -moz-opacity: 0.3;
  opacity: 0.2;
  z-index: 0;
}
@media screen{
body>div#fond {
  position: fixed;
}
}

#fond_trampo {
  position: absolute;
  top: 15%;
  left: 30%;
  filter: alpha(opacity = 20);
  -moz-opacity: 0.3;
  opacity: 0.2;
  z-index: 0;
}
@media screen{
body>div#fond_trampo {
  position: fixed;
}
}

#menu {
  position: absolute;
  top: 18%;
  left: 2%;
  width:16%;
  z-index: 1;
}
@media screen{
body>div#menu {
  position: fixed;
}
}

#menu_install {
  position: absolute;
  top: 35%;
  left: 16%;
  z-index: 2;
  background-color: white;
}
@media screen{
body>div#menu_install {
  position: fixed;
}
}

#trampo-titre {
  position: absolute;
  top: 5%;
  left: 10%;
  filter: alpha(opacity = 20);
  -moz-opacity: 0.3;
  opacity: 0.2;
  z-index: 0;
}
@media screen{
body>div#trampo-titre {
  position: fixed;
}
}

.menu-title{
  font-weight: bold;
  }
.menu-sub{
  position: relative;
  left: 20px;
  }
.menu-close{
  display: none;
  }

#titre {
  position: absolute;
  font-weight: bold;
  top: 5%;
  left: 5%;
}
@media screen{
body>div#titre {
  position: fixed;
}
}

#title {
  position: relative;
  text-align: center;
  top: 50px;
  left: 20%;
  width: 70%;
  padding: 20px;
}

#content {
  position: relative;
  top: 80px;
  left: 20%;
  width: 70%;
  text-align: center;
}

.menu a {
  text-decoration: none;
  color: black;
}

.menu-sub-sub a {
  text-decoration: none;
  color: black;
}

a.black {
  text-decoration: none;
  color: black;
}
a {
  text-decoration: underline;
  color: blue;
}

a:hover {
  color: pink;
}

a.linkopacity {
  text-decoration: none;
  color: black;
  filter: alpha(opacity = 30);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

a.linkopacity:hover {
  color: pink;
  filter: alpha(opacity = 100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

a.linkopacity img {
  border: 1px solid black;
  filter: alpha(opacity = 30);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

a.linkopacity:hover img {
  border: 1px solid black;
  filter: alpha(opacity = 100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

fieldset {
  padding: 15px;
  text-decoration: none;
  color: black;
}

legend {
  text-decoration: none;
  color: black;
}



.disponibilitePresent {
	background-color:green;
	width:70px;
}
.disponibiliteAbsent {
	background-color:red;
	width:70px;
}
.disponibiliteRetard {
	background-color:#F4A460;
	width:70px;
}
.disponibiliteIgnore {
	background-color:#C0C0C0;
	width:70px;
}
.prochainJour {
	background-color:#FFCCFF;
	width:70px;
}
.jourPasse {
	background-color:#C0C0C0;
	width:70px;
}


.tableauDisponibilites {
	font-size:smaller ;
	border:1px solid black;
	background-color:#EFEFEF;
	margin-bottom:10px;
}
.navigation {
	padding:0.2em;
	width:80%;
	border:2px dotted maroon;
	margin:10px 0;
	}
#imagestats {
	display:none ;
	}
#liste_evenements {
	margin-bottom:20px;
	font-size:1.2em;
	}
#liste_evenements li {
	margin-bottom:10px;
	}
	
.table-tarifs{
	border:1px solid gray;
	border-collapse:collapse;
	padding:10px;
  }
.table-tarifs td{
  text-align:center;
  border:1px dotted gray;
  padding-left:10px;
  padding-right:10px;
  }
  
  #map {
    width: 74%;
    height: 75%;
}


.tools-slider .slider-handler{
left: 0px;
}