/* { border: 1px solid black } */

/* Pour le livre */
body { background: black; font-family: "Book Antiqua", serif; font-size: 17px }
div, td, tr, table { margin: 0; padding: 0; border: 0 }

#haut { background: #f8f5a7 url(images/haut.jpg) repeat-x; height: 30px; }
#hauttranche { background: #f8f5a7 url(images/hauttranche.jpg) no-repeat; height: 30px; width: 100px; }
#hautbord { background: #f8f5a7 url(images/hautbord.jpg) no-repeat; height: 30px; width: 150px; }
#bas { background: #f8f5a7 url(images/bas.jpg) repeat-x; height: 30px; }
#bastranche { background: #f8f5a7 url(images/bastranche.jpg) no-repeat; height: 30px; width: 100px; }
#basbord { background: #f8f5a7 url(images/basbord.jpg) no-repeat; height: 30px; width: 150px; }
#tranche { background: #f8f5a7 url(images/tranche.jpg) repeat-y; width: 100px; }
#bord { background: #f8f5a7 url(images/bord.jpg) repeat-y; width: 150px; }
#papier { background: #f8f5a7 url(images/papier.jpg); vertical-align: top; }

#bord { vertical-align: top }
#bord .menu { margin-top: 15px; margin-left: 10px; }
#bord .menu div { margin-left: 20px; }
#bord .menu img { width: 25px }
#bord .menu img:hover { width: 50px; margin: -12px -12px -13px -13px }

.papier { background: transparent no-repeat top right; margin: 10px 20px }

img { border:0 }

#bas { font-size: 10px; text-align: center }
#bas a { color: white }

/* Titres */
h1 { text-align: center; margin-top: 50px }
h2 { margin: 2ex 0 0 0; border-bottom: 3px solid #662200; clear: both}
h2 a { color: #662200}
h1 img { margin: 5px; vertical-align: middle;}
h2 img { float: right; margin: 0 0 0 1em; border: 0}
h3 { padding :0 0 0 15px; background-image: url("images/h3.png"); background-repeat: no-repeat; background-position: 0% 50%; font-size: larger; }
h4 { font-style:italic; }

/* Liens */
a { color: #004488; text-decoration: none }
a.externe { color: #008844; }
a:hover { color: #0000ff; text-decoration: underline }

/* Listes */
dl { padding: 3px 1em; }
dt { font-weight: bold; margin-top: 1ex; }
dd { margin:0; }

/* Sections des pages */
#bas, .top, .info, .pied, .information, .ref, .navigation { font-family: "Verdana", sans-serif; font-style:italic; }

.top { text-align: right; font-size: smaller; clear: both }

.rubrique-texte h2 { clear: none; display: none }
.rubrique-texte .intro { font-size: larger }

/* Texte */
.intro { color: #662200; font-variant: small-caps }
.papier p { text-indent: 1cm; text-align: justify}
.papier p:first-letter { font-size:150%; color:#662200 }
.papier ul { list-style-position: inside }
.papier pre { border-left: 1px solid blue; margin-left: 2em; padding-left: 1em; font-size: small}
tt { font-size: 12px }
.dialogue { list-style: square; color: #442200; list-style-image: URL(images/trait.png); }

/* p a, li a { color: #004488 } */
.pied { text-align: center; font-size: 60%; background-color: #f8d5af; margin-bottom: 20px }

/* Informations */
.historique {  border: 2px solid #662200; background-color: #f8c6af; width: 150px; text-align: center;  font-size: smaller }

.navigation { clear: both; text-align: right; background-color: #f8c6af; font-size: smaller; margin: 10px 0 }

.info { color: #664400; text-align: right; font-size: 70%;}
.info .historique { display: none;}
.info:hover .historique { display: block; position: absolute; right: 150px; }

.information { float: left; width:150px; margin-right: 2ex; padding-right: 1ex; border-right: #662200 solid 2px; font-size: smaller; text-align: right }
.information h2 { border: 0; text-align: right; margin: 0 }
.information dl { padding:0 }
.information dd { font-size: smaller}
.information:hover .historique { display: block; position: absolute; left: 100px }
.information .historique { display: none; }

.ref { font-size: 70%; text-align: justify; border-top: 1px dotted #662200; border-left: 1px dotted #662200; margin: 1ex 0 0 170px; padding-left: 1em; font-style: italic  }

/* recherche */
.rechercheform form { margin: 10px; text-align: center; }

/* entree */
.entree { clear: left; margin: 2ex 0 2ex 1cm; }
.entree img { float: left; margin: 5px}
.entree a { font-size: larger; }
.entree .info { text-align: left; }
.entree span { background-color: #f8c6af;}