/* Design BDFI - CSS en partie inspiré des tutoriels de css.alsacreations.com */


body, body#bdfi {
 margin: 0;
 padding: 0;
 background: #444;
 /* background: url(../images/houx2.gif) no-repeat; */
 font-family: Verdana, Helvetica, sans-serif;
 font-size: small;
}

#conteneur {
 position: absolute;
 margin:2px;
 padding:0 5px;
 margin-left:2%;
 width: 94%;
 background: #fafafa;
 border-left: 6px solid #fc7;
 border-right: 6px solid #fc7;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 100%;
}

form.bdfi {
 margin: 0;
 padding: 0;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 85%;
}
form.bdfi input, form.bdfi select, form.bdfi select.option {
 font-size: 100%;
}
form.bdfi input, form.bdfi select, form.bdfi select.option, select, select.option, div#pied input {
 cursor: pointer;
 margin: 1px;
 background: #ccc url(../images/fond_bouton.png) repeat-x top;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 3px solid gray;
 border-right: 3px solid gray;
 font-family: Verdana, Helvetica, sans-serif;
}
select, select.option {
 font-size: 85%;
}
div#pied input { font-size: 9px } 

div#pied input {
 margin:0;
 padding: 0;
 background: #fc7 url(../images/fond_bouton.png) repeat-x top;
 vertical-align: top;
}

form.bdfi input.saisie, select.saisie {
 background: #fff url(../images/fond_saisie.png) repeat-x top;
 cursor: text;
}

/* ============== */
/* --- Header --- */
/* ============== */

#header {
 padding: 3px;
 height: 7em;
 min-height: 90px;
 margin-bottom: 1px;
 background: url(../images/fond_header.png);
 background-repeat: repeat-x;
 background-color: #fda;
 border-top: 1px solid #fda;
 border-bottom: 1px solid #fd0;
 border-left: 3px solid #fc7;
 border-right: 3px solid #fc7;
}
#sigle {
 position: absolute;
 z-index: 50;
 top: 1px;
 left: 8px;
}

#banner {
 float:left;
 height: 75px;
 padding:0;
 margin:12px 0 0 0;
}
#banner img
{
 padding:0;
 margin-left: 135px;
 border : 2px inset #fc7;
}
#bloc_recherche {
 position: absolute;
 z-index: 50;
 padding: 0;
 top: 23px;
 right: 10px;
 text-align: center;
}

/* =================================== */
/* ---       Menu horizontal       --- */
/* CSS adapté de css.alsacreations.com */
/* =================================== */

#menu0 dl, #menu0 dt, #menu0 dd, #menu0 ul, #menu0 li
{
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#menu0 {
 position: absolute;
 z-index:100;
 top: 3px; /* 20 */
 left: 0; /* obligatoire pour IE */
 margin-left: 110px; /* 143 */
}

#menu0 dl {
 float: left;
 width: 9em;
 text-align: center;
}
#menu0 dt {
 cursor: pointer;
 margin: 1px;
 background:  #ccc url(../images/fond_bouton.png) repeat-x top;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 3px solid gray;
 border-right: 3px solid gray;
 font-weight: bold;
 text-align: center;
}
#menu0 dd {
 display: none;
 height: 100%;
 margin: 1px;
 background: #fff;
 border-top: 1px dotted gray;
 border-bottom: 1px dotted gray;
 border-left: 3px solid gray;
 border-right: 3px solid gray;
}
#menu0 li {
 text-align: center;
 border: 0;
}
#menu0 li a, #menu0 dt a {
 color: #000;
 text-decoration: none;
 display: block;
 height: 100%;
 border: 0;
}
#menu0 li a:hover, #menu0 dt a:hover {
 background: #fda;
 border: 0;
}

/* =================================== */
/* --- Menu niveau 2 (colonne)     --- */
/* CSS adapté de css.alsacreations.com */
/* =================================== */
#menu dl#signet {
 border: 0;
 margin:0;
 padding:0;
}
#menu dl#signet dd {
 margin:0;
 padding:0;
 background-color: #fda;
/* background: #ccc url(../images/neige.png) repeat-y top; */
 border-top: 1px solid #fda;
 border-bottom: 1px solid #fda;
 border-left: 3px solid #fc7;
 border-right: 3px solid #fc7;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li
{
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#menu {
 position: absolute;
 z-index: 50;
 left: 5px;
 margin: 0;
 margin-top: 8px;
 padding: 0;
}

#menu dl {
 margin: 0;
 padding: 0;
 width: 115px;
}

#menu dt {
 cursor: pointer;
 margin: 2px 0;
 padding: 0;
 height: 20px;
 line-height: 20px;
 background:  #ccc url(../images/fond_bouton.png) repeat-x top;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 3px solid gray;
 border-right: 3px solid gray;
 text-align: center;
 font-weight: bold;
}
#menu dd {
 height: 100%;
 background: #fff;
 border-top: 1px dotted gray;
 border-bottom: 1px dotted gray;
 border-left: 3px solid gray;
 border-right: 3px solid gray;
}
#menu li {
 text-align: center;
}
#menu li a, #menu dt a {
 height: 100%;
 margin: 0;
 padding: 0;
 color: #000;
 text-decoration: none;
 display: block;
 border: 0;
}

#menu li a:hover, #menu dt a:hover {
 background: #fda;
}

hr {
 border-top: 1px dotted orange;
 border-bottom: 1px dotted orange;
 border-left: 3px solid orange;
 border-right: 3px solid orange;
}
/* ================ */
/* --- Tableaux --- */
/* ================ */
table { font-size: 100%; }
table.ix_menu
{
 border-collapse:collapse;
 margin: 2px 0;
 padding: 0;
 width: 115px;
 border-top: 1px dotted gray;
 border-bottom: 1px dotted gray;
 border-left: 3px solid gray;
 border-right: 3px solid gray;
}
table.ix_menu tr
{
 margin: 0;
 padding: 0;
}
table.ix_menu td
{
 margin: 0;
 padding: 0;
 text-align: center;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 100%;
}
table.ix_menu td.titre
{
 height: 20px;
 line-height: 20px;
 font-weight: bold;
 background:  #ccc url(../images/fond_bouton2.png) repeat-x top;
}
table.ix_menu td.b
{
 background: #eee;
 width: 33%;
}
table.ix_menu td.w
{
 background: #fff;
 width: 33%;
}
table.ix_menu td.search
{
 background-color: #fda;
 width: 33%;
}

table.ix_menu td.w a, table.ix_menu td.b a, table.ix_menu td.search a {
 color: #000;
 text-decoration: none;
 display: block;
 border: 0;
}

table.ix_menu td a:hover {
 background: #fda;
}

/* ============================== */
/* --- Colonne d'informations --- */
/* ============================== */
#colonne {
 position: absolute;
 z-index: 50;
 right: 5px;
 color: #000;
 width: 150px;
 max-width: 150px;
 margin:0;
 margin-top:10px;
 padding: 5px;
 border-top: 1px solid #fda;
 border-bottom: 1px solid #fda;
 border-left: 3px solid #fc7;
 border-right: 3px solid #fc7;
 text-align: center;
 font-size: 85%;
 background-color: #fda;
}

#colonne ul {
 list-style-position: outside;
 list-style-type: square;
 padding: 0;
 margin: 0;
 margin-left: 15px;
 text-align: left;
}
#colonne ul li {
 padding: 0;
 margin: 0;
}
#colonne dl { 
 padding: 0;
 margin: 0;
}
#colonne dl dt { 
 color: #850;
 padding: 0;
 margin: 0;
 float: left;
 text-align: left;
}
#colonne dl dd { 
 padding: 0;
 margin: 0;
 text-align: right;
}

/* ============= */
/* --- Pages --- */
/* ============= */
#page_menu_mp, #page_menu, #page {
 color: #000;
 padding: 5px 5px 20px 5px;
 margin-left: 8px;
 min-height: 450px;
 background: #f00;
 background: url(../images/marge_gauche.png);
 background-repeat: repeat-y;
}

#page_menu_mp {
 text-align: justify;
 margin-right: 190px;
 padding-left: 120px;
}
#page_menu {
 padding-top: 12px;
 text-align: left;
 padding-left: 120px;
}
#page {
 padding-top: 12px;
 text-align: left;
 padding-left: 60px;
}

#page ul {
 list-style-position: inside;
}

#page ul li {
 text-indent: -40px;
 margin-left: 20px;
}

/* ================ */
/* --- XXX --- */
/* ================ */
div.logo, div.center {
 text-align: center;
}
span.nota {
 font-size: 68%;
 color: gray;
}
div#bib_header, div.bdfi { /* --> bdfi uniquement*/
 padding:5px;
 /* font-size:85%; */
 /* -moz-border-radius: 8px; */
 background-color: #fec;
 border-top: 1px solid #fec;
 border-bottom: 1px solid #fec;
 border-left: 3px solid #fc7;
 border-right: 3px solid #fc7;
}
div.bdfi1 { /* --> bdfi uniquement*/
 padding:5px;
 border-left: 1px solid #aaa;
 border-right: 1px solid #aaa;
 border-bottom: 1px dotted #bbb;
}

.bib_button {
 font-size: 85%;
 margin: 1px;
 background: #ccc url(../images/fond_bouton2.png) repeat-x top;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 3px solid gray;
 border-right: 3px solid gray;
 cursor:pointer;
}

div.couve
{
 margin: 0;
 padding: 15px;
 float: right;
 text-align:center;
}

div.rec
{
 clear: both;
}

div.couvrec
{
 margin: 0 10px 5px 5px;
 padding: 0;
 float: right;
}

div.couvrec img
{
 margin: 0;
 padding: 0;
}

div.warning, span.warning {
 margin: 20px;
 padding: 4px;
 text-align:justify;
 background-color: #fef;
 color:black;
 border-top: 1px dotted #f00;
 border-bottom: 1px dotted #f00;
 border-left: 3px solid #f00;
 border-right: 3px solid #f00;
 display: block;
}

.nom { color: #B00 }
.date { color:navy; }
.cmt { color:green; }
.fr { color:blue; }
.vo { color:navy; }

strong { font-weight: bold; font-style: normal; }
/* mars 2009 : reset du format em => italique
/* em { color: blue; font-style: normal; } */

/* ================ */
/* --- XXX --- */
/* ================ */

h1,h2,h3,h4,h5,h3.bdfi
{
 margin-top: 15px;
 padding: 0;
 color: black;
 padding-left: 20px;
 font-family: Verdana, Helvetica, sans-serif;
}

h1
{
 margin:0;
 padding: 16px;
 color: #750;
 text-align: center;
 font-size: 230%;
 font-family: Verdana, Helvetica, sans-serif;
 font-weight: bold;
}

h2
{
 margin-bottom: 15px;
 font-size: 120%;
 background: #fda url(../images/fond_h2.png) repeat-x;
 border-top: 1px solid #fec;
 border-bottom: 1px solid #fda;
 border-left: 3px solid #fc7;
 border-right: 3px solid #fc7;
}
h3, h3.bdfi
{
 margin-bottom: 8px;
 color: #040;
 font-size: 120%;
 /* background: url(images/puce_h2.png); */
 background-repeat: no-repeat;
 background-position: center left;
}
h4
{
 color: #006;
 margin-bottom: 5px;
 font-size: 110%;
 /* background: url(images/puce_h3.png); */
 background-repeat: no-repeat;
 background-position: center left;
}
h5
{
 color: #006;
 margin-bottom: 5px;
 margin-left: 10px;
 font-size: 110%;
 /* background: url(images/puce_h3.png); */
 background-repeat: no-repeat;
 background-position: center left;
}

/* ================ */
/* --- XXX --- */
/* ================ */
dl.histo
{
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 100%;
 padding-left: 16px;
}
dl.histo dt
{
 padding-left: 0;
 margin-top: 1.1em;
 color: #006000;
 font-weight: bold;
 text-decoration: underline;
}
dl.histo dd
{
 margin-left: 32px;
 padding-left: 0;
}

table.index, table.index_theme
{
 margin: auto;
 padding: 0 20px 0 0;
 text-align: center;
 font-size: 100%;
}
 
table.index td
{
 padding: 0 20px;
 color: purple;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 100%;
 text-align: left;
 vertical-align: top;
}
table.index td.small
{
 padding: 0px;
 vertical-align: top;
}

table.index_theme td
{
 margin: 5px;
 padding: 5px;
 text-align: center;
}

table.prix
{
 margin: 0 15px;
 font-family: Verdana;
 font-size: 100%;
 border: 0;
}
table.prix tbody {
 font-size: 100%;
}
table.prix tr, table.prix tr td
{
 text-align: left;
 padding:0;
 font-size: 100%;
 margin:0;
}

table.img
{
 margin: 10px auto;
 padding: 0;
 text-align: center;
}
 
table.img td
{
 margin: 0;
 padding: 0;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 90%;
}

table.img td img
{
 border: 1px solid red;
}

table.couvrec
{
 border-collapse:collapse;
 margin: 0;
 padding: 0;
 height: 200px;
 background: url(images/vnoimg.png);
 background-repeat: no-repeat;
 background-position: top left;
/* border : 2px solid red; */
}
table.couvrec tr
{
 margin: 0;
 padding: 0;
}
table.couvrec tr td
{
 margin: 0;
 padding: 0 4px 0 0;
 /* font-family: Verdana, Helvetica, sans-serif; */
 /* font-size:8px; */
 vertical-align: top;
 height: 23px;
 /* border : 1px solid green; */
}
table.couvrec tr td img
{
 margin: 0;
 padding: 0;
 vertical-align: middle;
}
table.couvrec tr td input
{
 cursor: pointer;
 margin: 0;
 padding: 0;
 height: 18px;
 background: #ccc url(../images/fond_bouton2.png) repeat-x top;
 border-top: 1px dotted gray;
 border-bottom: 1px dotted gray;
 border-left: 3px solid gray;
 border-right: 3px solid gray;
 text-align: center;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 85%;
}

table.collec { margin-left: 1em; font-size: 100%;  border : 1px red solid}
table.collec tr td { font-family: Verdana, Helvetica, sans-serif;  font-size: 100%;  border : 1px green solid}

table.evol { margin: 0 5px; padding: 0 2px; font-size: 100%;  background: #ffe; border: 3px solid #cf7; }
table.evol tr th { font-family: Verdana, Helvetica, sans-serif;  font-size: 100%;  background: #cf7  url(../images/fond_h2.png); text-align: center; }
table.evol tr td { padding: 1px 5px; font-family: Verdana, Helvetica, sans-serif;  background: #ffe; font-size: 100%;  border-top: 1px green dotted; }

#menbib
{
 font-size: 75%;
}

div.index
{
 padding: 5px;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 140%;
 text-align: center;
}

dl.serie b
{
   color: #006400;
}

a:link    { color: #AA0000; }
a:visited { color: #803000;  }
a:active  { color: #808080; }

a.auteur { text-decoration: none }
a.auteur:link    { color: #B00000; }
a.auteur:visited { color: #900000; }
a.auteur:hover   { color: #880050; text-decoration:underline; }
a.auteur:active  { color: #900000; }

span.auteur { color: #B00000; }
span.cycle { color: #2060B0; }
span.note { color: green; }

a.pseudo { text-decoration: none }
a.pseudo:link    { color: #008000; }
a.pseudo:visited { color: #509050; }
a.pseudo:hover   { color: #509050; text-decoration: underline }
a.pseudo:active  { color: #50D050; }

a.cycle { text-decoration:underline; }
a.cycle:link    { color: blue; }
a.cycle:visited { color: blue; }
a.cycle:hover   { color: navy; }
a.cycle:active  { color: navy; }

a.antho { text-decoration:underline; }
a.antho:link    { color: blue; }
a.antho:visited { color: blue; }
a.antho:hover   { color: green; }
a.antho:active  { color: green; }
a.in-antho { text-decoration:underline; }
a.in-antho:link    { color: black; }
a.in-antho:visited { color: black; }
a.in-antho:hover   { color: green; }
a.in-antho:active  { color: green; }

a.theme  { font-family: Verdana; font-size: 100%; font-weight: bold; text-decoration: none}
a.theme:link    { color: white; }
a.theme:visited { color: white; }
a.theme:hover   { color: #dc143c; }
a.theme:active  { color: white; }

img {
  border: 0;
}
/* ======================== */
/* --- Image déplacable --- */
/* ======================== */

.cPix {
 position: absolute;
 overflow: auto;
 border-top: 1px solid #da5;
 border-left: 1px solid #da5;
 border-bottom: 1px solid #666;
 border-right: 1px solid #666;
 padding: 7px;
 background-color: #fff;
}

img.coll, img.pop, img.popcoll, img.poprec {
 cursor: crosshair;
 margin:3px 2px;
 padding:0;
 min-width: 85px;
 min-height: 150px;
 background: url(../images/vnoimg.png);
 background-repeat: no-repeat;
}
img.popcoll {
 float:left;
}
img.coll {
 float:left;
}
img.poprec {
 min-width: 115px;
 min-height: 230px;
 float:right;
 background: url(../images/mnoimg.png);
}


/* ========================================= */
/* --- Nouveau modèle d'image déplacable --- */
/* ========================================= */

.expandArea {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 66; 
}
.expandArea img {
 position: absolute; /* obligatoire pour laisser la page clickable */
 /* overflow: auto; pas utile ?! */ 
 border-top: 1px solid #da5;
 border-left: 1px solid #da5;
 border-bottom: 1px solid #666;
 border-right: 1px solid #666;
 padding: 7px;
 min-width: 70px;
 min-height: 130px;
 background: url(../images/noimg.png);
 background-repeat: no-repeat;
 background-color: #fff;
}

.expandable {
  cursor: crosshair;
}

/*--- style spécifiques pour diaporama ---*/
div.mini-slide /* decoration du conteneur : à adapter */
{
 margin: auto;
 text-align: center;
}
div.mini-slide a.cover {
 min-width: 185px;
 margin: auto;
 visibility: hidden;
 display: none; 
}

/*--- recueils ---*/
table.rpcover {
 border-right : 1px solid #fc7;
 border-bottom : 1px solid #fc7;
}
table.rpcover a.cover {
 visibility: hidden;
 display: none;
 background: url(../images/mnoimg.png) no-repeat;
 min-width: 115px;
 min-height: 230px;
}
table.rpcover input {
 background: #ccc url(../images/fond_bouton.png) repeat-x top;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 3px solid gray;
 border-right: 3px solid gray;
 cursor: pointer;
 font-size: 85%;
 margin: 1px;
 font-family: Verdana, Helvetica, sans-serif;
}
table.rpcover input.selected {
 background: orange url(../images/fond_h2.png) repeat-x top;
 border-top: 1px solid #fc7;
 border-bottom: 1px solid #fc7;
 border-left: 3px solid orange;
 border-right: 3px solid orange;
 cursor: default;
}

div.covers {
 min-height: 160px;
 padding: 0;
 margin: 5px 0;
 display: block;
}
div.covers a {
 display: block; /* ou float:left, indispensable pour etre capable de detecter le keypress su l'image agrandie ! */
 float: left;
}
div.covers a img {
 margin:3px 2px;
 padding: 0;
 background: url(../images/vnoimg.png);
 background-repeat: no-repeat;
 min-width: 80px;
 min-height: 150px;
 float: left;
}

/* Style recueils */
.coldata div, .coldata p {
  margin: 0;
  padding: 0;
  padding-left: 10px;
}
div.precision,
p.precision {
  margin: 0;
  padding: 0;
  padding-left: 25px;
  display: none;
}
div.rec
{
 clear: both;
}

div.rpcover
{
 margin: 0 10px 5px 5px;
 padding: 0;
 float: right;
}

div.rpcover img
{
 margin: 0;
 padding: 0;
}

#sablier{
	position: fixed;
	display:none;
	z-index:999;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #sablier {
  position: absolute;
}


/* Style forum*/
.pun .bdfi-aut {
	border-style: solid;
	border-color: red;
	background: white url(http://www.bdfi.net/images/link-bdfi-aut.jpg) no-repeat left;
	border-width: 1px 1px 1px 3px;
	border-radius: 3px;
	margin: 0.75em 1em;
	padding: 1em 0.75em 1em 60px;
}

/* ==================== */
/* --- Pied de page --- */
/* ===================== */

#pied {
 clear: both;
 margin: 0;
 margin-top: 1px;
 padding: 2px 25px;
 text-align: center;
 font-size: 75%;
 background: url(../images/fond_pied.png);
 background-repeat: repeat-x;
 background-color: #fda;
 border-top: 1px dotted #fc7;
 border-bottom: 1px dotted #fd0;
 border-left: 3px solid #fc7;
 border-right: 3px solid #fc7;
}