/**************************************
 * $Id$
 *
 * Goélette Web Agency
 * http: //www.goelette.net/
 * Christian Lescuyer <cl@goelette.net>
 *
 * Copyright (c)2005 Goélette
 *
 *************************************/

body#home div#contenu {
  position: absolute;
  width: 95%;
  margin: 94px 26px 26px 26px;
  padding: 0 0px 5px 0;
  border: 1px solid #4da6df;
}

body#home div#explication {
  font: italic 110%/1.2em  Georgia, "Times New Roman", Times, Serif;
  margin: 0;
  padding: 12px 5px 5px 5px;
  width: 550px;
}

/*
 * Box Gauche
 */
body#home div#left {
  float: left;
  width: 532px;
  margin-bottom: 10px;
}

/*
 * Box Metiers
 */
body#home div#box-work {
  float: left;
  margin: 0;
  padding: 0;
  border: 5px solid #4da6df;
  width: 251px;
  height: 275px;
  background: #4da6df url(/images/css01/box-work.gif) no-repeat;
  font-style: normal;
  font-weight: normal;
}

/* Tan Hack */
* html body#home div#box-work {
  width: 261px;
  w\idth: 251px;
}

body#home div#box-work a {
  font: 100%/1.9em  Georgia, "Times New Roman", Times, Serif;
  font-weight: normal;
}

body#home div#box-work li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

body#home div#box-work div {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  width: 123px;
  height: 104px;
  text-align: center;
}

body#home div#box-work div#box-pres {
  margin: 62px 0 5px 0;
  background-color: #b8d8ed;
}

body#home div#box-work div#box-devl {
  margin: 62px 0 5px 5px;
  background-color: #195bb2;
}

body#home div#box-work div#box-dsgn {
  margin: 0;
  background-color: #3492d8;
}

body#home div#box-work div#box-expl {
  margin: 0 0 0 5px;
  background-color: #6fb6e2;
}

body#home div#box-work div#box-pres a {
  color: #6fb6e2;
}

body#home div#box-work div#box-devl a {
  color: white;
}

body#home div#box-work div#box-dsgn a {
  color: #195bb2;
}

body#home div#box-work div#box-expl a {
  color: white;
}
body#home div#box-work div#box-pres a:hover {
  color: white;
}

body#home div#box-work div#box-devl a:hover {
  color: #b8d8ed;
}

body#home div#box-work div#box-dsgn a:hover {
  color: #b8d8ed;
}

body#home div#box-work div#box-expl a:hover {
  color: #195bb2;
}
body#home div#box-work div#box-pres li {
  color: #195bb2;
}

body#home div#box-work div#box-devl li {
  color: #b8d8ed;
}

body#home div#box-work div#box-dsgn li {
  color: white;
}

body#home div#box-work div#box-expl li {
  color: #195bb2;
}

/*
 * Box eCommerce
 */
body#home div#box-ecom {
  float: left;
  margin: 0 0 0 10px;
  padding: 0;
  border: 5px solid #1e8bf7;
  width: 251px;
  height: 275px;
  background: white url(/images/css01/box-ecom.gif) no-repeat;
}

body#home div#box-ecom {
  font: italic 110%/1.2em  Georgia, "Times New Roman", Times, Serif;
  width: 261px;
  w\idth: 251px;
}

body#home div#box-ecom div {
  margin: 62px 0 0 0;
  padding: 0;
  border: none;
  width: 241px;
  height: 208px;
  text-align: center;
}

body#home div#box-ecom div a {
  display: block;
}

body#home div#box-ecom div a#packs {
  font: bold 170%/1.1em Verdana, Arial, Helvetica, sans-serif;
  color: #a31700;
}
body#home div#box-ecom div a#packs:hover {
  color: #6fb6e7;
}

body#home div#box-ecom div a#refs {
  font: italic 150%/1.8em  Georgia, "Times New Roman", Times, Serif;
  color: #195bb2;
}
body#home div#box-ecom div a#refs:hover {
  font: italic 150%/1.8em  Georgia, "Times New Roman", Times, Serif;
  color: #3492d8;
}

/*
 * Box Droite
 */
body#home div#right {
  float: right;
  margin: 0;
  padding: 0;
}

body#home div#box-real {
  margin: 0;
  padding: 72px 5px 5px 5px;
  border: 5px solid #256db7;
  width: 304px;
  height: 312px;
  background: white url(/images/css01/box-real.gif) no-repeat;
}

body#home div#box-real {
  width: 314px;
  w\idth: 304px;
}

body#home div#box-real img {
  margin: 10px 5px 5px -40px;
  float: left;
  z-index: 99;
}

body#home div#box-real a {
  text-align: right;
}

/*
 * Footer
 */
body#home div#footer {
  width: 100%;
  margin: 0;
  font-style: normal;
  float: left;
}

body#home div#footer div#navigation {
  float: left;
  margin: 0 0 0 5px;
}

body#home div#footer div#navigation a {
  font: bold 100%/1.1em Verdana, Arial, Helvetica, sans-serif;
  color: #3492d8;
  display: inline;
  margin: 0;
  padding-right: 2em;
  font-weight: normal;
}
body#home div#footer div#navigation a:hover {
   color: #A31700;
}

body#home div#footer div#copyright {
  float: right;
  margin-right: 5px;
}