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

/* Reset defaults to known values */
* {
  padding:0;
  margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
  margin: 0 0;
}

li, dd {
  margin-left: 20px;
}

fieldset {
  padding: 0;
}

/* Simple settings for old navigators */
body {
  background-color: white;
  color: black;
  font: normal 100%/1.2em  Georgia, "Times New Roman", Times, Serif;
}

h1 {
  color: #0080B8;
  font: bold 200%/1.2em "Antique Olive Roman", Verdana, Arial, Helv, Helvetica, Geneva, sans-serif;
  padding: 5px;
}

h2 {
  font: 150%/1.2em  "Antique Olive Roman", Verdana, Arial, Helv, Helvetica, Geneva, sans-serif;
  padding: 5px;
}

p, li {
  padding: 5px;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #0080B8;
}
a:link    { color: #0080B8 }
a:visited { color: #00663A }
a:hover   { color: blue }
a:active  { color: #0080B8 }

img {
  border: 0;
}

li li {
  margin-left: 1px;
  line-height: 1.1em;
}

sup {
  font-size: 75%;
}

div#logo {
  border-bottom: 2px solid #0080B8;
  margin-bottom: 20px;
  margin-top: 10px;
  width: 100%;
}

div#logo img#vignette {
  float: right;
}

div#copyright {
  border-top: 2px solid #0080B8;
  height: 100px;
  width: 100%;
}

div#copyright p {
  margin: 10px;
}

div#copyright p#realisation {
  float: right;
  font-size: 75%;
}

table.livres {
  margin: 10px;
}

tr.odd {
  background-color: white;
}

tr.even {
  background-color: #C0EBFF;
}

td {
  padding: 5px 3px;
  vertical-align: top;
}
  
td.collection {
  background-color: #0080B8;
  color: white;
  padding: 10px;
  text-align: center;
}

td.titre {
  font-style: italic;
}

span.traduction {
  font-style: normal;
}


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;
}