body {
  background: url(/images/bg-gradient-grenouille.jpg) repeat-x;
}

.wrapper {
 background: url(/images/bg-content-grenouille.gif) repeat-y;
}

#header {
 border-bottom: 10px solid #13466a;
}

.footer {
  background-color: #13466a;
}

.half_box {
 background-color: #aabcc9;
}

.grey_bg {
 padding-bottom: 10px;
 background-color: #aabcc9;
}

#nav ul li {
 border: 1px solid #13466a;
 border-bottom: none;
}

/* @group subnav */

#subnav {
 float: left;
 width: 170px;
 height: 100%;
 margin-right: 10px;
 margin-top: 20px;
 font-size: 1.2em;
}

#subnav ul a {
 background-color: #13466a;
 display: block;
 color: white;
 text-transform: uppercase;
 text-decoration: none;
 padding: 5px;
}

#subnav li {
 display: block;
}

#subnav a:hover {
 background-color: #aabcc9;
 color: black;
}

#subnav li.active a {
 background-color: #aabcc9;
 color: black;
}

/* @end */