html, body{
  background-color:#817E71;
}
body{
  font: normal 12px "Trebuchet MS", arial, verdana, sans-serif;
  letter-spacing:1px;
  color:#FFF;
}
body, h1, h2, h3, h4, h5, h6{
  padding: 0;
  margin: 0;
}
textarea{
  width:250px;
  height:125px;
}
a{
 color:#6a636c;
 text-decoration: underline;
}
a:hover{
  color: #252126;
  text-decoration:none;
}
ul li{
  list-style-type: none;
}
table{
  border-collapse: collapse;
}
th, td{
  text-align:left;
  border: none;
  padding:0.25em;
}
table table th, table table td{
  border:none;
}
#header a, #center #gd-carbonnier a, #center .menu a{
  text-decoration: none;
}
#header{
  color: #FFF;
  background:#A9A79B url(/images/1x64_white.gif) repeat-x bottom left;
}
#header .wrapper{
  position: relative;
  width: 876px; /* -60px */
  height: 385px;
  background: transparent url(/images/tree.png) no-repeat bottom left;
}
#header p{
  width:280px;
  margin-left:375px;
  height:84px;
  line-height:1.2em;
}
#header p.teaser{
  width:325px;
  height:105px;
  padding-top:80px;
  margin-left:340px;
  font-size:18px;
}
#header a.button{
  display:block;
  position:absolute;
  height:22px;
}
#header a.button span, #center #gd-carbonnier span, #contact .form button.submit span{
  visibility: hidden;
}
#header a.studio{
  width:68px;
  right:80px;
  bottom:68px;
  background: transparent url('/images/studio.gif') no-repeat 0 0;
}
#header a.studio:hover{
  background-position:top right;
}
#header a.studio.open {
  background-position:bottom left;
}
#header a.studio.open:hover{
  background-position:bottom right;
}
#header a.contact{
  width:64px;
  right:10px;
  bottom:43px;
  background: transparent url('/images/contact.gif') no-repeat top left;
}
#header a.contact:hover{
  background-position:bottom left;
}
#contact #header a.contact{
  background-position:top right;
}
#center{
  color:#252126;
  background: #FFF url(/images/bg_content.png) repeat-x bottom left;
}
#center #gd-carbonnier {
  margin-left:105px;
  margin-bottom:30px;
  display:block;
}
#center #gd-carbonnier a{
  background: transparent url(/images/gd_carbonnier.gif) no-repeat bottom left;
  width:227px;
  height:21px;
  display:block;
}
#center .wrapper{
  background: transparent url(/images/1px.gif) repeat-y top left;
  overflow: hidden;
}
#center .menu{
  width:163px;
  float:left;
}
#container .content{
  margin-left:193px;
  _margin-left:190px; /* IE6 */
}
#pre-footer{
  background-color:#FFFFFF;
  color: #817E71;
  overflow:hidden;
}
#pre-footer .wrapper{
  color: #817E71;
}
#pre-footer .content{
  margin-top:2em ;
  margin-bottom:1em;
}
#pre-footer .content, #footer .content{
  margin-left:210px;
  overflow:hidden;
}
#pre-footer p,
#footer .wrapper ul{
  float:left;
  margin:0 1em 0 0;
  text-align:left;
  width:160px;
}
#pre-footer #client {
  font: normal 11px/13px arial;
}
#pre-footer #client h1{
  color:#252126;
  margin-bottom:1em;
  font-size:11px;
}
/* reset for full width */
#pre-footer #client p{
  font-weight: normal;
  float:none;
  width: auto;
  margin:0 0 1em;
}
#pre-footer #client{
  overflow:hidden;
}
#pre-footer #client .body{
  width:440px;
  float:left;
}
#pre-footer #client .related{
  margin-left:460px;
}
#pre-footer #client .related ul{
  margin-left:0;
  color:#817E71;
}
#pre-footer #client .related ul li:before{
  /* fix me */
  content: ' > ';
}
#pre-footer #client .related h2{
  font-size:11px;
  color:#000;
}
/* pull ul the div to share the bg color split */
#footer {
  background: transparent url(/images/1x29_bg_footer.gif) repeat-x 0 0;
}
#footer .wrapper {
  overflow:hidden;
}
#footer .wrapper ul li{
  line-height:1.5em;
  font-size:11px;
}
#footer .wrapper ul li strong{
  font-size:12px;
  color: #817E71;
  text-transform: uppercase;
  display:block;
  line-height:2.5em;
  margin-bottom:0.8em;
}
#copyright{
  padding:1em 0;
  text-align:center;
  color:#A9A79B;
}
.menu ul, .menu li{
  margin:0;
  padding:0;
}
.menu ul li{
  color:#252126;
  border-top: 1px solid #C1BFB6;
  padding:0;
}
.menu ul li h3, .menu ul li a{
  display:block;
}
.menu h3{
  font-size: 12px;
  padding:0.5em 0.45em;
}
.menu ul li h3:hover, .menu ul li h3.selected{
  background-color:#C1BFB6;
  background-image:none;
  cursor: pointer;
}
.menu a{
  color:#6A636C;
  padding-left:1em;
}
.menu a:hover, .menu .selected{
  color:#252126;
  background: transparent url(/images/bullet.gif) no-repeat center left;
}
.menu ul ul{
  padding-top:0.5em;
}
.menu ul li li{
  padding:0 0 0.25em 0;
  margin-left:0.5em;
  border:none;
}
.menu ul li li a{
  font-size:11px;
}
.menu :focus{
  outline:none; /* safari specific */
} 
table.mosaic,table.mosaic th, table.mosaic td{
  border: none;
  padding:0;
  margin:0;
}
.cell{
  width:  148px;
  height: 76px
}
.bg-1{
  background-color:#92C8AE;
}
.bg-2{
  background-color:#D9DD37;
}
.bg-3{
  background-color:#90B007;
}
#admin{
  position:absolute;
  right:3em;
  border:1px solid #DDD;
  padding:1em;
}
#admin ul{
  margin:0;
}
#viewer{
  position:relative;
  overflow:hidden;
  width:670px;
  height:342px;
}
#viewer .layer{
  position:absolute;
}
#viewer .footer{
  position:absolute;
  bottom:0;
  left:0;
  height:19px;
  width:670px;
  background: transparent url(/images/bg_bottom_content.png) repeat-x bottom left;
  z-index:100;
}
#previous, #next{
  cursor: pointer;
  width:40px;
  height:36px;
  background: transparent url(/images/assets_interface.png) no-repeat top left
}
#next{
  background-position:top right;
}
ul.error_list, #contact .form span{
  margin:0;
  color:#C431B5;
}
.content .form{
  margin-left:3em;
}
#contact .content .form .profile-address{
  line-height:1.5em;
  margin-bottom:2em;
}
form table td, #contact form table th{
  border:none;
}
form .left th{
  text-align:right;
}
form .contact{
  float:left;
}
form .right{
  margin-left:50px;
}
form .right th{
  text-align:left;
}
form .right input{
  width:250px;
}
form p{
  margin-top: 1.5em;
}
#contact .form button.submit{
  margin-left:130px;
  background: transparent url(/images/envoyer.gif) no-repeat top left;
  width:78px;
  height:24px;
  border:none;
  margin-top:1.2em;
  cursor:pointer;
}
#contact .form button:hover{
  background-position: top right;
}
div.error404 h1{
  text-indent:-4000px;
  width:296px;
  height:131px;
  margin:4em 8em 8em;
  background:transparent url(/images/404.png) no-repeat 0 0;
}