@charset "utf-8";

/* Master content */

body {
  background-color: #698733;
  background-image: url(../graphics/template/green.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  margin: 0px;
  padding: 0px;
}
  
img {
   border: none;
}

#container {
  position: relative;
  width: 1000px;
  margin: auto;
}

#header {
  position: relative;
  width: 1000px;
  margin: 10px 0px 0px 0px;
  padding: 0;
  height: 140px;
  float: left;
}
  
#main {
  position: relative;
  width: 1000px;
  height: 555px;
  margin: 0;
  padding: 0;
  background-image: url(../graphics/template/background.gif);
  background-color: #fff;
  float: left;
}

/* Navigation */

#homenav {
  width: 960px;
  position: relative;
  margin: 0px 0px 0px 20px;
  padding: 0;
  border-top: 1px solid #393e3a;
  height: 45px;
  float: left;
}
    
#homenav ul {
  margin: 0;
  padding: 0;
}
  
#homenav li {
  margin: 0px 20px 0px 0px;
  padding: 0;
  display: inline;
}

#homenav li, #homenav a {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #393e3a;
  line-height: 45px;
}

#homenav a:hover {
  text-decoration: underline;
}

#homenav p {
  text-align: right;
  margin: -32px 0px 0px 0px;
  padding: 0;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  color: #333;
}

/* main feature */
    
#content {
  width: 960px;
  float: left;
  position: relative;
  margin: 5px 0px 0px 20px;
  padding: 0;

}

#textlegend {
  width: 240px;
  height: 240px;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #698733;
}

#textlegend h1, #textgallery h1 {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  padding: 25px 15px 10px 20px;
  line-height: 16px;
}

#textlegend p {
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  padding: 0px 15px 5px 20px;
  line-height: 17px;
}

#textgallery p {
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  padding: 0px 15px 10px 20px;
  line-height: 17px;
}
#textlegend a, #textgallery a {
  text-decoration: none;
  text-decoration: underline;
  color: #fff;
}

#textgallery {
  width: 240px;
  height: 480px;
  float: right;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #698733;

}

#textcontact {
  width: 240px;
  height: 240px;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  background-image: url(../graphics/template/buble.gif);
}

#textcontact h1 {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  margin: 0;
  padding: 25px 15px 10px 20px;
  line-height: 16px;
}

#textcontact p {
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  margin: 0;
  padding: 0px 15px 5px 20px;
  line-height: 17px;
}

#textcontact a {
  text-decoration: none;
  text-decoration: underline;
  color: #666666;
}

#photohome {
  width: 240px;
  height: 240px;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}

#photogallery {
  width: 240px;
  height: 480px;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}
#text {
  width: 210px;
  height: 210px;
  position: relative;
  margin: 0px 10px 0px 20px;
  padding: 0;
  float: left;
}

#text h2 {
  font: 110% Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #393e3a;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 5px 0px; 
  color: #393e3a;
  text-align: left;
}

#text p {
  color: #333333;
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  line-height: 16px;
  margin: 20px 10px 0px 0px;
  padding: 0px 0px 20px 0px; 
}

.link {
  color: #333333;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-decoration: underline;
}

.link2 {
  color: #333333;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.link2:hover {
  text-decoration: underline;
}

.bloc {
  display: block;
  background-color: #e9e9e9;
  color: #333;
  width: 172px;
  border-left: 8px solid #7D9F3F;
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  padding: 5px 0px 5px 15px;
  text-decoration: none;
}

.bloc:hover {
  background-color: #cccccc;
}

#copy {
  width: 400px;
  position: relative;
  float: left;
  margin: 30px 0px 5px 20px;
  padding: 0;
}

#copy p {
  font: 50% Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #393e3a;
  text-align: left;
}

#animation {
  width: 240px;
  height: 240px;
  float: left;
  position: relative;
  margin: 8px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #698733;
}

#anim {
  width: 720px;
  height: 240px;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.bold {
  font-weight: bold;
  text-decoration: none;
}

#video {
  width: 640px;
  position: relative;
  float: center;
  margin: 0;
  padding: 50px 00px 00px 0px;
}