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

body {
  background: transparent url(/images/css01/bandeau_gradient_bas.jpg) no-repeat bottom right;
}

/*
 * Bandeau haut
 */
div#image1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 72px;
  background: url(/images/css01/bandeau_centre.gif) repeat-x;
}

div#image2 {
  position: absolute;
  top: 0;
  right: 0px;
  width: 272px;
  height: 72px;
  background: url(/images/css01/bandeau_droite.jpg) no-repeat left top;
}

div#image3 {
  position: absolute;
  top: 0;
  left: 0;
  height: 72px;
  width: 472px;
  background: url(/images/css01/bandeau_gauche.jpg) no-repeat left top;
}

div#image4 {
  position: absolute;
  top: 72px;
  left: 0;
  height: 61px;
  width: 566px;
  background: transparent url(/images/css01/bandeau_gradient.jpg) no-repeat left top;
}

div#image5 {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 91px;
  background: url(/images/css01/poisson5.png) no-repeat right top;
}

div#image6 {
  position: absolute;
  top: 20px;
  left: 13px;
  height: 76px;
  width: 160px;
}

body.zone-work div#image6 {
  background: white url(/images/css01/menu02.gif) no-repeat 2px 2px;
}

body.zone-refs div#image6 {
  background: white url(/images/css01/menu03.gif) no-repeat 2px 2px;
}

body.zone-ecom div#image6 {
  background: white url(/images/css01/menu04.gif) no-repeat 2px 2px;
}

body.zone-nous div#image6 {
  background: white url(/images/css01/menu05.gif) no-repeat 2px 2px;
}

/*
 * Contenu
 */
#contenu {
  position: absolute;
  top: 0px;
  left: 0;
}

/*
 * Corps
 */
#corps {
  margin: 95px 200px 0 186px;
  padding-bottom: 60px;
}

.zone01 li {
  list-style: none;
  background: transparent url(/images/css01/puce01.gif) no-repeat 0 12px;
  padding-left: 20px;
}
.zone01 li li {
  list-style: none;
  background: transparent url(/images/css01/puce01r.gif) no-repeat 0 9px;
  padding : 3px 10px 7px 18px;
  line-height : 1.2em;
}

.zone02 li {
  list-style: none;
  background: transparent url(/images/css01/puce02.gif) no-repeat 0 12px;
  padding-left: 20px;
}
.zone02 li li {
  list-style: none;
  background: transparent url(/images/css01/puce02r.gif) no-repeat 0 9px;
  padding : 3px 10px 7px 18px;
  line-height : 1.2em;
}

.zone03 li {
  list-style: none;
  background: transparent url(/images/css01/puce03.gif) no-repeat 0 12px;
  padding-left: 20px;
}

.zone03 li li {
  list-style: none;
  background: transparent url(/images/css01/puce03r.gif) no-repeat 0 9px;
  padding : 3px 10px 7px 18px;
  line-height : 1.2em;
}

.zone04 li {
  list-style: none;
  background: transparent url(/images/css01/puce04.gif) no-repeat 0 12px;
  padding : 8px 10px 0px 20px;
}

.zone04 dl {
  padding-left: 20px;
}

.zone04 dt {
  list-style: none;
  font-size:115%;
  background: transparent url(/images/css01/puce04.gif) no-repeat 0 4px;
  padding-left: 20px;
}

.zone04 dd {
  margin-bottom:10px;
}

.zone04 li li {
  list-style: none;
  background: transparent url(/images/css01/puce04r.gif) no-repeat 0 9px;
  padding : 3px 10px 7px 18px;
  line-height : 1.2em;
}

.zone05 li {
  list-style: none;
  background: transparent url(/images/css01/puce05.gif) no-repeat 0 12px;
  padding-left: 20px;
}

.zone05 li li {
  list-style: none;
  background: transparent url(/images/css01/puce06r.gif) no-repeat 0 9px;
  padding : 3px 10px 7px 18px;
  line-height : 1.2em;
}

.zone06 li {
  list-style: none;
  background: transparent url(/images/css01/puce06.gif) no-repeat 0 12px;
  padding-left: 20px;
}

.zone06 li li {
  list-style: none;
  background: transparent url(/images/css01/puce06r.gif) no-repeat 0 9px;
  padding : 3px 10px 7px 18px;
  line-height : 1.2em;
}


div#notice {
  position: absolute;
  right: 5px;
  top: 95px;
  width: 180px;
}

/*
 * Teaser
 */
div.teaser {
  margin-top: 10px;
  border: 1px solid #4f7fa5;
  color: #832b03;
}

div.teaser h1 {
  font: bold 110%/1em Verdana, Arial, Helvetica, sans-serif;
  color: #3b3b3b;
  text-align: center;
  padding: 5px;
}

div.teaser li {
  font: bold 74%/1.2em Verdana, Arial, Helvetica, sans-serif;
  list-style: none;
  margin: 0 7px;
}

div.teaser p {
  font: bold 74%/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin: 1px 6px 2px;
}

div.teaser img {
  border: 0;
}

/*
 * teaser-rose
 */

div#teaser-rose {
  margin-top: 10px;
  width: 180px;
  border: none;
  background: transparent url(/images/css01/fond-rose.jpg) no-repeat;
  font: bold 100% Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}

div#teaser-rose h1 {
    font: 300% Verdana, Arial, Helvetica, sans-serif;
    color: #FB64F1;
}

div#teaser-rose p {
  font: bold 80%/1.3em;
  padding: 5px 10px 8px;
  color: #FBB6F7;
}

div#teaser-rose img {
  border: 0;
}

div#teaser-rose a {
  font: bold 130%/1.4em;
  color: #5F0159;
}

div#teaser-rose a:hover {
  color: #E21677;
}

/*
 * teaser-mer
 */

div#teaser-mer {
  display: none;
}


table.references  {
  border-collapse: collapse;
}

table.references tr {
}

table.references td {
  border-top: 1px solid #c52303;
  border-bottom: 1px solid #c52303;
  padding: 10px 0 0px 0;
}

table.references td img {
  padding: 0 0 0 20px;
  border: 0;
}

h2.references {
  color: #871B01;
  padding-top: 35px;
}

div#ref_thumbs {
  width: 130px;
  float: left;
  padding: 10px 0 0 10px;
}
div.savoir-plus {
  float: right;
 }

/*
 * tarifs
 */

div#tarifs h1 {
  font: bold 170%/1em Verdana, Arial, Helvetica, sans-serif;
  color: #4297D8;
  padding: 15px 0 0 0;
}

div#tarifs h2 {
  font: bold 100%/1.3em Verdana, Arial, Helvetica, sans-serif;
  color: #4297D8;
  margin: 0 2px 2px 2px;
}

div#tarifs p {
  font: bold 90%/1.5em Verdana, Arial, Helvetica, sans-serif;
  margin: 0 4px 5px 4px;
}
div#tarifs p.plus {
  font: bold 120%/1.5em Verdana, Arial, Helvetica, sans-serif;
  margin: 0 4px 5px 4px;
}

div#tarifs p.prix {
  font: bold 250%/0.7em Verdana, Arial, Helvetica, sans-serif;
  color: #B34705;
}

div#tarifs p.note {
  font: 70%/1.2em Verdana, Arial, Helvetica, sans-serif;
}


div#tarifs div {
  text-align: center;
  border: 2px solid #4f7fa5;
  color: #093F71;
  background-color:#FBF0D2;
  width: 30%;
  margin: 5px;
  float: left;
}

/*
 * plan
 */

div#plan h1 {
  font: bold 130%/1.9em Verdana, Arial, Helvetica, sans-serif;
  color: white;
  text-align: center;
  padding: 15px 0 15px 0;
}

div#plan div {
  border: 1px solid #6A757D;
  color: #093F71;
  width: 45%;
  margin: 10px 10px 10px 0;
  float: left;
}

div#plan li {
  list-style: none;
  font: bold 90%/1.5em Verdana, Arial, Helvetica, sans-serif;
  padding-left: 17px;
}

div#plan li li {
  list-style: none;
  font: 90%/1.5em Verdana, Arial, Helvetica, sans-serif;
  background: transparent url(/images/css01/puce05r.gif) no-repeat 0 10px;
  padding : 5px 0px 0px 15px;
  line-height : 1.6em;
}
div#plan2 {
  background: transparent url(/images/css01/pmenu02.gif) no-repeat;
}
div#plan3 {
  background: transparent url(/images/css01/pmenu03.gif) no-repeat;
}
div#plan4 {
  background: transparent url(/images/css01/pmenu04.gif) no-repeat;
}
div#plan5 {
  background: transparent url(/images/css01/pmenu05.gif) no-repeat;
}



/*
 * Footer
 */
div#footer {
  float: right;
  width: 300px;
}

div#footer p {
  font: normal 10px/1.2em Verdana, Arial, Helvetica, sans-serif;
}

/*
 * Divers
 */
p.w3c-valid {
  text-align: center;
}