body {
  margin: 0;
  padding: 0;
  height:100%;
}

#container {
  background: White;
  width: 100%;
  height: 100%;
  position: fixed;
}

#top {
  background: #fff;
  width: 100%;
  height: 65%;
}

#top_left {
  background: #c26928 url(../image/template/accueil2/top_left.jpg) no-repeat bottom right;
  float: left;
  width: 49.9%;
  height: 100%;
}

#top_right {
  background: #fff url(../image/template/accueil2/top_right.png) no-repeat bottom left;
  float: left;
  width: 50%;
  height: 100%;
}


#bottom {
  background: #eaaa21;
  width: 100%;
  height: 35%;
  border-top: 3px solid White;
}

#bottom_left {
  background: #291e56 url(../image/template/accueil2/bottom_left.jpg) no-repeat top right;
  float: left;
  width: 49.9%;
  height: 100%;
}

#bottom_right {
  background: #eaaa21 url(../image/template/accueil2/bottom_right.gif) repeat-y;
  float: left;
  width: 50%;
  height: 100%;
}

#st_jean,
#lacolle {
  margin-top: 12px;
  margin-left: 3px;
}

#st_jean a, #lacolle a {
  display: block;
  float: left;
  width: 95px;
  margin-top: 28px;
  height: 20px;
  text-indent: -2000px;
  outline: none;
}

#st_jean a {
  background: url(../image/template/accueil2/lien_stjean.jpg) no-repeat;
  margin-left: 10px; 
  width: 80px;
}

#lacolle a {
  background: url(../image/template/accueil2/lien_lacolle.jpg) no-repeat; 
}

#st_jean a:hover,
#lacolle a:hover {
  background-position: 0px -20px; 
}

#boussole {
  float: left;
}