body {
  background: #c9ecff;
  background-image: url(images/bg_body.png);
  background-position: top center;
  background-repeat: no-repeat;
}

h1 {
  color: #eeeeec;
}

.container{
  margin-top: 18px;
}

/*
 * Entête
 */

#head {
  height:90px;
  background-image: url(images/bg_head.png);
  color: #168;
  position: relative;
}

#head h1 {
  position: absolute;
  left: 250px;
  font-weight: bold;
  color: #168;
}

#head #coords {
  position: absolute;
  left: 250px;
  top: 36px;
  color: white;
  font-weight: bold;
}

#head #open-hours {
  position: absolute;
  left: 300px;
  top: 50px;
}

/*
 * Menu
 */

ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
	background: white;
  background-image: url(images/bg_menu.png);
}
ul#menu li.main-page{
	height:36px;
  font-weight: bold;
	float: left;
	padding: 0 10px;
	line-height: 36px;
	position: relative;
}
ul#menu li.main-page a{
  text-decoration: none;
  color: #168;
}
ul#menu li.main-page ul.sub-menu {
	clear: left;
  display: none;
  background: #b6ddf3;
  background: rgba(182, 221, 243, 0.8);
  position: absolute;
  list-style-type: none;
  padding-left: 10px;
  left: 0;
  top: 36px;
  width: 256px;
  border: 1px solid #8aadc2;
  border-top: 0;
}

ul#menu li.main-page:hover .sub-menu {
  display: block;
}

/*
 * Pied de page
 */

#foot {
  height: 36px;
  background-image: url(images/bg_foot.png);
  text-align: center;
  font-size: 75%;
  color: #777; 
  border-top: 18px solid #efefef;
}

#foot a {
  color: #3E566F; 
  text-decoration: none;
}
/*
 * Login utilisateur
 */

div.user-login {
  width: 300px;
  margin: 81px auto;
  background: #AA0000;
  padding: 4px 0;
  border-radius: 5px;
}

div.user-login p.title {
  color: white;
  margin: 0;
  text-align: center;
  font-weight: bold;
}

div.user-login input {
  width: 280px;
  margin: 5px 9px;
}