/******************************************************/
/* Page générée par BDGWeb 1.8.1 le 04/12/10 23:08    */
/* Feuille de style écrite par Sébastien Desvignes    */
/******************************************************/

/* Styles de bases */
body {
  background-color: rgb(109, 152, 195);
  margin: 0;
  padding: 0;
  height: 100%;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  behavior: url(csshover.htc); /* Support des :hover dans IE */
}
/* Style des images par défaut */
img {
  border: none;
}
/* Style des images d'illustration (planches, couvertures, versos, photos) */
.Illus img {
  border: 2px solid #294A6B;
}
span.Illus {
  float: left;
  margin-right: 7px;
}

/* Couleur des liens */
a:link, a:visited {
  color: #294A6B;
  text-decoration: underline;
}
a:hover {
  color: #6D98C3;
}
/* Police par défaut des tables */
table {
  font-size: 11px;
}
/* Bloc principal */
.principal {
  position: absolute;
  overflow: auto;
  -moz-user-focus: normal;
  left: 256px;
  right: 8px;
  top: 21px;
  bottom: 8px;
  height: expression(document.body.clientHeight - 29 + "px");
  width: expression(document.body.clientWidth - 264 + "px");
  padding: 12px;
  border: 1px solid black;
  text-align: justify;
}

/* Petit bonus pour les navigateurs implémentant :target */
:target {
  background-color: rgb(255, 255, 192);
}

/**************************************************/
/* Styles pour les pages accueils                 */
/**************************************************/
#accueil {
  background-color: #EBF1F7;
  text-align: justify;
}
#accueil .col1 {
  float: left;
  width: 49%;
}
#accueil .col2 {
  float: right;
  width: 49%;
}
#accueil .Thumb img {
  border: 1px solid #294A6B;
  margin-top: 1px;
  margin-right: 1px;
}
#accueil .banner {
  text-align: center;
}
#accueil h1 {
  text-align: center;
  color: #294A6B;
  font-size: 1.7em;
  font-weight: bold;
  margin-bottom: 0;
}
#accueil .stats {
  text-align: center;
  color: #294A6B;
  font-size: 1.225em;
  font-style: italic;
  margin-bottom: 1em;
}
#accueil h2 {
  text-align: left;
  color: #294A6B;
  font-size: 1.225em;
  font-weight: bold;
  margin-bottom: 1;
/*  margin-top: 0;*/
}
#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 #legende dt {
  height: 1.2em;
}
#accueil #legende dd {
  margin-left: 20px;
  margin-top: -1.2em;
}
#accueil .bouton img {
  vertical-align: baseline;
}
#accueil .important {
  clear: left;
  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 */
/**************************************************/
/* iframe */
#iliste {
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 8px;
  width: 240px;
  height: expression(document.body.clientHeight - 8 + "px");
}
#iliste iframe {
  width: 100%;
  height: 100%;
  border: none;
}
/* Enlève l'aspect de liste à la liste de liens */
#liste {
  overflow: auto;
  position: absolute;
  left: 0;
  top: 21px;
  bottom: 0;
  width: 238px;
  height: expression(document.body.clientHeight - 21 + "px");
  background-color: white;
  color: black;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid black;
}
/* Enlève l'aspect de liste pour les sous-liste */
#liste ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* Style des liens de la liste */
#liste a {
  display: block;
  width: 240px;
  text-indent: 4px;
  text-decoration: none;
  white-space: nowrap;
  color: black;
}
/* Augmente le text-indent pour les liens des sous-listes */
#liste ul a {
  text-indent: 12px;
}
/* Effet de surbrillance */
#liste a:hover {
  background-color: #CEDEEF;
}
/* Mise en évidence de la première lettre du lien (inactivé pour IE) */
#liste li > a:first-letter {
  color: #900;
}
/* Mise en couleur pour les éléments spéciaux de la liste (photo auteurs) */
#liste .special {
  color: #090;
}
#liste .nb_albums {
  color: #7f7f7f;
  font-size: smaller;
}
/* Style spécifique aux listes de dates */
.date #liste a {
  background-image: url(images/annee_inactif.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: 18px;
  line-height: 16px;
}
.date #liste ul {
  display: none;
}
.date #liste .actif ul {
  display: block;
}
.date #liste ul a, .date #liste .actif ul a {
  background-image: url(images/mois_inactif.gif);
  background-position: 16px 0;
  text-indent: 34px;
}
.date #liste .actif a {
  background-image: url(images/annee_actif.gif);
}
.date #liste ul .actif a {
  background-image: url(images/mois_actif.gif);
}
/* Inactive la mise en évidence de la première lettre du lien pour les listes de date */
.date #liste li > a:first-letter {
  color: inherit;
}

/****************************************/
/* Styles pour les pages titre de liste */
/****************************************/
#titre-lst {
  /*position: absolute;
  left: 0;
  top: 0;*/
  line-height: 21px;
  color: white;
  background-color: rgb(109, 152, 195);
  word-spacing: -4px; /* Resserre les lettres */
  width: 240px;
}
#titre-lst a:link, #titre-lst a:visited {
  color: white;
  text-decoration: none;
  padding-right: 1px;
}
#titre-lst a:hover {
  color: #294A6B;
  background-color: #CEDEEF;
}
/* Style spécifique aux listes de dates */
.date #titre-lst {
  word-spacing: 0;
  text-align: center;
}

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

#albums {
  background-color: white;
}

/* Ligne ou colonne de titre des tableaux */
#albums th {
  color: #294A6B;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
/* Tableau éditeur et collection */
#albums #Entete {
  font-size: 13px;
  font-weight: bolder;
  margin-bottom: 1em;
}
/* Tableau de la liste des albums */
#albums #Recap {
  width: 100%;
  border: 1px solid #294A6B;
  white-space: nowrap;
  margin-bottom: 1em;
}
/* Ligne de titre de la liste */
#albums #Recap th {
  background-color: #294A6B;
  text-indent: 2em;
  color: white;
  border: none;
  font-weight: bolder;
}
#albums #Recap th a {
  color: white;
  background-repeat: no-repeat;
  background-position: right;
}
#albums #Recap .asc {
  background-image: url(images/asc.gif);
}
#albums #Recap .desc {
  background-image: url(images/desc.gif);
}
#albums #Recap th:hover a {
  background-color: #E3E3E3;
  color: #294A6B;
}
/* Style par défaut des cases de la liste */
#albums #Recap td {
  padding-left: 12px;
  border: none;
  cursor: hand;              /* Invalide, pour IE uniquement */
}
/* Effet de surbrillance */
#albums #Recap tr:hover {
  background-color: #FFD9D9;
}
/* Style des lignes paires */
#albums #Recap .Paire {
  background-color: #EBF1F7;
}
/* Style des liens dans la liste */
#albums #Recap a {
  display: block;            /* Remplit toute la case du tableau */
  width: 100%;               /* pour IE qui a du mal à comprendre */
  text-decoration: none;
  color: black;
}
/* Style des titres des séries par collection */
#albums h1 {
  background-color: #cedeef;
  font-size: 16px;
  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: #294A6B;
}
#albums .I {
  font-style: italic;
}
#albums .CommentsAlbum {
  float: left;
  text-align: justify;
  font-style: italic;
  margin-right: 4px;
  margin-top: 4px;
}
/* Style des titres des séries version par série */
#albums #Serie h1 {
  background-color: transparent;
  font-weight: bold;
  color: #294A6B;
  font-size: 15px;
  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: #294A6B;
  font-style: italic;
  font-size: 13px;
}
#albums #Serie .Encours {
  color: #900;
}
.Site {
  color: #900;
}
.Site a {
  color: #294A6B;
}
.Site a:hover {
  color: #294A6B;
  text-decoration: none;
  background-color: #CEDEEF;
}
#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: #294A6B;
  margin: 0.2em 0;
  font-size: 13px;
  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 0 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: #294A6B;
  font-size: 12px;
  font-weight: bold;
  border: 5px;
  border-color: red;
  cursor: hand;              /* Invalide, pour IE uniquement */
}

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

#auteur {
  background-color: white;
}

/* 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: #294A6B;
  background-color: transparent;
  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: #294A6B;
}
#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: #294A6B;
  font-size: 1.225em;
  margin: 2em 0 0 0;
  padding: 0;
}

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

/***********************/
/* Styles pour le menu */
/***********************/
#menu {
  position: absolute;
  z-index: 1;
  left: 256px;
  right: 8px;
  width: expression(document.body.clientWidth - 264 + "px");
  top: 0;
  height: 21px;
  padding: 0;
  margin: 0;
  color: white;
  text-align: center;
  list-style: none;
}
#menu li {
  list-style: none;
  float: left;
  position: relative;
  width: 100px;
  line-height: 21px;
  height: 21px;
  background-color: rgb(109, 152, 195);
  cursor: default;
}
#menu li.narrow {
  list-style: none;
  float: left;
  position: relative;
  width: 83px;
  line-height: 21px;
  height: 21px;
  background-color: rgb(109, 152, 195);
  cursor: default;
}
#menu li.sub {
  background: url(images/desc.gif) 100% 6px no-repeat;
  height: 25px;
}
#menu li:hover {
  color: yellow;
  background-color: rgb(51, 102, 153);
}
#menu li img {
  vertical-align: top;
}
#menu ul li {
  float: none;
  padding: 0.5em 0 0.25em;
  width: 100%;
}
#menu ul {
  display: none;
  top: 21px;
  left: 0;
  z-index: 101;
  background-color: rgb(109, 152, 195);
  padding: 0 0 0.25em;
  margin: 0;
  border: solid 1px rgb(51, 102, 153);
}
#menu  li.sub:hover  ul {
  display: block;
}
#menu a:link, #menu a:visited {
  color: white;
  text-decoration: underline;
}

/*********************************/
/* Styles pour les statistiques  */
/*********************************/
#stats {
  background-color: #EBF1F7;
}
#stats h1 {
  text-align: center;
  color: #294A6B;
  font-size: 1.7em;
  font-weight: bold;
}
/* Tableau */
#stats .Recap {
  width: 60%;
  border: 2px solid #294A6B;
  white-space: nowrap;
  margin-bottom: 1em;
  margin-top: 4em;
}
/* Ligne de titre */
#stats .Recap th {
  background-color: #294A6B;
  color: white;
  padding-left: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  border: none;
  font-weight: bolder;
  text-align: left;
  vertical-align: middle;
}
/* 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;
}

#imprimer {
  background-color: white;
}
#imprimer #Recap {
  width: 720px;
  border: 2px solid #294A6B;
  white-space: nowrap;
  margin-bottom: 1em;
}
#imprimer #Recap th {
  background-color: #294A6B;
  color: white;
  padding-left: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  border: none;
  font-weight: bolder;
  font-style: italic;
  text-align: left;
  vertical-align: middle;
}
#imprimer #Recap td {
  border: none;
  padding-left: 0.25em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
#imprimer h1 {
  text-align: center;
  color: #294A6B;
  background-color: #cedeef;
  font-size: 1.225em;
  font-weight: bold;
  margin-bottom: 3px;
  width: 720 px;
  padding-bottom: 0.25em;
  padding-top: 0.25em;
}

/*******************************/
/* Styles pour les bas de page */
/*       A Personnaliser       */
/*******************************/
#baspage {
  position: absolute;
  bottom: 8px;
  left: 256px;
  right: 8px;
  width: expression(document.body.clientWidth - 264 + "px");
  margin: 0;
  padding: 0;
  background-color: black;
  /*background-color: #6d98c3;*/
  text-align: center;
  color: white;

}