/****************************************************/
/* Page générée par BDGWeb 1.4 le 18/12/2004 20:48:08 */
/* Feuille de style écrite par Sébastien Desvignes  */
/****************************************************/

/* Styles de bases */
body {
  background-color: #000000;
  color: #C0502E;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  scrollbar-base-color:       #B6663A;
  scrollbar-track-color:      #B6663A; 
  scrollbar-arrow-color:      #C0502E;
  scrollbar-3dlight-color:    #D6BA7E;
  scrollbar-highlight-color:  #D0A26A;
  scrollbar-face-color:       #CA8A56;
  scrollbar-shadow-color:     #A05E36;
  scrollbar-darkshadow-color: #763216;
}
/* Style des images par défaut */
img {
  border: none;
}
/* Style des images d'illustration (planches, couvertures, versos, photos) */
.Illus img {
  border: none;
}
span.Illus {
  float: left;
  margin-right: 3px;
}

/* Style pour les body en frame de droite */
body#albums, body#auteur, body#accueil {
  margin: 10px 12px;
}

/* Style pour les body en frame de titre, et les liste */
body#titre-lst, body#titre-dtl, body#liste {
  margin: 0;
}

/* Couleur des liens */
a:link, a:visited {
  color: #C0502E;
  text-decoration: underline;
}
a:hover {
  color: #EB9548;
}

/**************************************************/
/* Styles pour la page des frames                 */
/**************************************************/
html#index {
  background-color: #000000;
  padding: 1pt 4pt 4pt 4pt;
}
#frame {
  border: solid #000000;
  border-width: 1pt 4pt 4pt 4pt;
}
#frame #titre-liste {
  border-top: solid #000000 2pt;
}
#frame #liste, #frame #page {
  border: 1pt solid rgb(0, 0, 0);
}
/**************************************************/
/* Styles pour les pages accueils                 */
/**************************************************/
body#accueil {
  background-color: #000000;
  text-align: justify;
}
#accueil .col1 {
  float: left;
  width: 49%;
}
#accueil .col2 {
  float: right;
  width: 49%;
}
#accueil .Thumb img {
  border: 1px solid #EB9548;
  margin-top: 1px;
  margin-right: 1px;
}
#accueil .banner {
  text-align: center;
}
#accueil h1 {
  text-align: center;
  color: #EB9548;
  font-size: 1.7em;
  font-weight: bold;
  margin-bottom: 0;
}
#accueil .stats {
  text-align: center;
  color: #EB9548;
  font-size: 1.225em;
  font-style: italic;
  margin-bottom: 1em;
}
#accueil h2 {
  text-align: left;
  color: #EB9548;
  font-size: 1.225em;
  font-weight: bold;
  margin-bottom: 1;
  margin-top: 3;
}
#accueil ul {
  margin: 0;
  padding: 0;
}
#accueil p {
  margin-bottom: 0;
}
#accueil #methodes {
  list-style: square;
  list-style-position: inside;
}
#accueil #legende {
  padding-left: 16px;
}
#accueil #eo {
  list-style-image: url("edo.gif");
}
#accueil #noeo {
  list-style-image: url("edo_no.gif");
}
#accueil #integrale {
  list-style-image: url("integrale.gif");
}
#accueil #nointegrale {
  list-style-image: url("integrale_no.gif");
}
#accueil #dedicace {
  list-style-image: url("dedicace.gif");
}
#accueil #signe {
  list-style-image: url("signe.gif");
}
#accueil #hc {
  list-style-image: url("hc.gif");
}
#accueil #ex_auteur {
  list-style-image: url("ex_auteur.gif");
}
#accueil #tire {
  list-style-image: url("tire_a_part.gif");
}
#accueil .bouton img {
  vertical-align: baseline;
}
#accueil .important {
  color: #900;
  padding-bottom: 1em;
}
#accueil .date {
  color: #BBB;
}
#accueil #derseries {
  list-style: none;
  padding-left: 16px;
}

/**************************************************/
/* Styles pour les listes dans le frame de gauche */
/**************************************************/
/* Style des liens de la liste */
#liste a {
  display: block;
  width: 100%;
  text-indent: 4px;
  text-decoration: none;
  white-space: nowrap;
  color: #C0502E;
}
/* Effet de surbrillance */
#liste a:hover {
  background-color: #303030;
  color: #EB9548;
}
/* Mise en évidence de la première lettre du lien (inactivé pour IE) */
#liste li > a:first-letter {
  color: #900;
}
/* Enlève l'aspect de liste à la liste de liens */
#liste ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* Bizarerie pour IE */
#liste li {
  width: 100%;
}
/* Mise en couleur pour les éléments spéciaux de la liste (photo auteurs) */
#liste .special {
  color: #900;
}
#liste li > .special:first-letter {
  color: #EB9548;
}

/****************************************/
/* Styles pour les pages titre de liste */
/****************************************/
body#titre-lst {
  color: #C0502E;
  background-color: #000000;
}
#titre-lst table {
  table-layout: fixed;
  width: 100%;
  font-size: 8pt;
  text-align: center;
}
#titre-lst td {
  width: 3.846%;
}
#titre-lst a:link, #titre-lst a:visited {
  display: block;
  color: #C0502E;
  text-decoration: none;
}
#titre-lst a:hover {
  color: #EB9548;
  background-color: #000000;
}

/*********************************/
/* Styles pour les pages details */
/*********************************/

/* Police par défaut des tables */
#albums table {
  font-size: 8pt;
}
/* Ligne ou colonne de titre des tableaux */
#albums th {
  color: #EB9548;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
/* Tableau éditeur et collection */
#albums #Entete {
  font-size: 10pt;
  font-weight: bolder;
  margin-bottom: 1em;
}
/* Tableau de la liste des albums */
#albums #Recap {
  width: 100%;
  border: 1px solid #C0502E;
  white-space: nowrap;
  margin-bottom: 1em;
}
/* Ligne de titre de la liste */
#albums #Recap th {
  background-color: #C0502E;
  color: #EB9548;
  padding-left: 0.75em;
  border: none;
  font-weight: bolder;
}
/* Style par défaut des cases de la liste */
#albums #Recap td {
  border: none;
  cursor: hand;              /* Invalide, pour IE uniquement */
}
/* Effet de surbrillance */
#albums #Recap a:hover {
  background-color: #303030;
  color: #EB9548;
}
/* Style des lignes paires */
#albums #Recap .Paire {
  background-color: #303030;
}
/* Style des liens dans la liste */
#albums #Recap a {
  display: block;            /* Remplit toute la case du tableau */
  padding-left: 0.75em;
  text-decoration: none;
  color: #C0502E;
}
/* Style des titres des séries par collection */
#albums h1 {
  background-color: #000000;
  font-size: 12pt;
  font-weight: bolder;
  padding: 0 4px;
  margin: 1em 0 0 0;
}
/* Pour les liens de retour en haut de la page */
#albums .G {
  float: left;
  margin-right: 4px;
}
#albums .D {
  float: right;
  margin-left: 4px;
}
#albums .H {
   color: #EB9548;
}
#albums .I {
  font-style: italic;
}
/* Style des titres des séries version par série */
#albums #Serie h1 {
  background-color: transparent;
  font-weight: bold;
  color: #EB9548;
  font-size: 11pt;
  margin: 0;
  padding: 0;
}
/* Styles pour les planches */
#albums #Serie .Illus {
  margin-left: -210px;
}
#albums #Serie.Photo {
  padding-left: 210px;
}

/* Style des paragraphes d'information sur une série (affichage par série) */
#albums #Serie p {
  margin: 0;
}
#albums #Serie .Genre {
  color: #EB9548;
  font-style: italic;
  font-size: 10pt;
}
#albums #Serie .Encours {
  color: #900;
}
#albums #Serie .Comments {
  margin-top: 1em;
  text-align: justify;
}
/* Style du bloc d'information sur une série */
#albums #Serie {
  min-height: 284px;
  margin: 2em 0;
}
/* Titre d'un album */
#albums h2 {
  color: #EB9548;
  margin-bottom: 5;
  margin-top: 10;
  font-size: 10pt;
  font-weight: bold;
}
/* Mise en page fluide, rupture toutes les deux fiches */
#albums hr {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  margin: 0 0 -1em 0;
}
/* Style d'une fiche album en mode 2 colonnes */
#albums .Fiche {
  float: left;
  width: 49%;
  min-height: 180px;
  min-width: 270px;
  margin-left: 0;
  margin-right: 0;
}
/* Style d'une fiche album en mode une colonne */
#albums .FicheLarge {
  min-height: 180px;
  margin-left: 0;
  margin-right: 0;
}
/* Style des entêtes de la fiche */
#albums .Fiche th, #albums .FicheLarge th {
  width: 70px;
}
/* Style pour l'affichage de la note d'un album (pas très propre, à changer) */
#albums .note {
  font-family: Wingdings;
}
/* Trait séparant les informations de la série et les fiches albums */
#albums #trait {
  visibility: visible;
  margin: 3em 0 2em 0;
  height: 2px;
}
/* pour parabd */
#albums .FicheLarge .typeobjet,  #albums .Fiche .typeobjet  {
  color: #EB9548;
  font-size: 9pt;
  font-weight: bold;
  border: 5px;
  border-color: red;
  cursor: hand;              /* Invalide, pour IE uniquement */
}

/*********************************/
/* Styles pour les pages auteurs */
/*********************************/

body#auteur {
  margin-top: 2em;
}

/* Styles pour les photos */
#auteur .Illus {
  margin-left: -130px;
}
#auteur .Photo {
  padding-left: 130px;
}

/* Styles pour le titre de la page auteur */
#auteur h1 {
  font-weight: bold;
  color: #EB9548;
  font-size: 1.7em;
  margin: 0;
  padding: 0;
}

#auteur .VraiNom {
  font-weight: normal;
  font-style: italic;
  font-size: 0.72em;
}

/* Style des paragraphes d'information sur une série (affichage par série) */
#auteur p {
  margin: 0;
}
#auteur .Fonction {
  color: #EB9548;
}
#auteur .Ne {
  color: #900;
}
#auteur .Comments {
  margin-top: 1em;
  text-align: justify;
}

/* Style des séries réalisées */
#auteur h2 {
  font-weight: bold;
  color: #EB9548;
  font-size: 1.225em;
  margin: 2em 0 0 0;
  padding: 0;
}

#auteur ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*******************************************/
/* Styles pour les pages titres de details */
/*******************************************/
body#titre-dtl {
  color: #C0502E;
  background-color: #000000;
  text-align: center;
}
#titre-dtl a:link, #titre-dtl a:visited {
  color: #C0502E;
  text-decoration: underline;
}
/*********************************/
/* Styles pour les statistiques  */
/*********************************/
body#stats {
  background-color: #000000;
}
#stats h1 {
  text-align: center;
  color: #EB9548;
  font-size: 1.7em;
  font-weight: bold;
}
/* Police par défaut des tables */
#stats table {
  font-size: 8pt;
}
/* Tableau */
#stats #Recap {
  width: 60%;
  border: 2px solid #C0502E;
  white-space: nowrap;
  margin-bottom: 1em;
  margin-top: 4em;
}
/* Ligne de titre */
#stats #Recap th {
  background-color: #C0502E;
  color: #EB9548;
  padding-left: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  border: none;
  font-weight: bolder;
  text-align: left;
  vertical-align: center;
}
/* Style par défaut des cases de la liste */
#stats #Recap td {
  border: none;
  padding-left: 0.25em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
#stats .reste {
  font-style: italic;
}