body { background-color: #FFF; margin: 0; padding: 0; behavior:url(css/csshover.htc); } /* Ne pas virer ce qui est derriere behavior / indispensable pour le survol dans Explorer ! */

.intro { height: 100%; position:absolute; left: 50%; top: 50%; width: 800px; height: 600px; margin-top: -300px; /* moitié de la hauteur */ margin-left: -400px; /* moitié de la largeur */ background-color: #FFF; }
	

p { font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold   }
h2 { font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bold; color: #c30; font-size: 18px; text-decoration: underline; }
.h2_16 { color: #c30; font-size: 16px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bold; }
.h2_18 { color: #c30; font-size: 18px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bold; text-decoration: underline; }
.h2_14 { color: #c30; font-size: 14px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bold; text-decoration: underline; }
h3 { font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bold; color: #c30; font-size: 12px; line-height: 14px; }
h4 {font-family: 'Trebuchet MS', Verdana, san-serif; font-weight: bold; color: #339966; }
h6 { font-family: "Trebuchet MS", Verdana, san-serif; text-align: center; margin: -10px 0 0; }
.auteur { color: black; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; }
.auteur:link { color: black; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; }
.auteur:hover { color: #339966; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-decoration: none; }

.lettrine {float: left; font-size: 3em; border: 0px; margin-right: 3px; line-height: 0.85em;}

.listing_auteurs { color: black; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: 500; text-decoration: none; }
.listing_auteurs:link { color: blue; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: 500; text-decoration: none; }
.listing_auteurs:visited { color: blue; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: 500; text-decoration: none; }
.listing_auteurs:hover { color: #363; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: 700; text-decoration: underline; }
.listing_auteurs:active { color: blue; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: 500; text-decoration: none; }

.titre { color: #339966; font-size: 14px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; line-height: 18px ; }
.prix { color: black; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-align: right}
.recompense { color: white; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; line-height: 30px; background-color: #f00; text-align: right; padding: 2px 5px; }
.recompense2 { color: maroon; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: 900; text-align: right; }
.reedition { color: red; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: 900; text-align: left; }

a:link {color: black; font-size: 13px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-decoration: underline;}
a:visited { color: black; font-size: 13px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-decoration: underline;}
a:hover {font-size: 14px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bold; color: green; text-decoration: none;}
a:active { color: black; font-size: 13px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-decoration: underline;}

.bandeau_haut {width:750px;top:0px;}
.bandeau_centre {width:700px;}
.bandeau_barre {height:25px; vertical-align: middle;}
.bandeau_livre {width:700px; height:160px; vertical-align: middle;}
.texte_12_14 { color: black; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: normal; line-height: 14px; text-align: left }
.texte_12_14_C { color: black; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: normal; line-height: 14px; text-align: center; }
.oeuvres { color: green; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bold; font-style: italic; line-height: 14px; text-align: left; }
.texte_12_16 { color: black; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: normal; line-height: 16px; text-align: left }
.texte_10_12 { color: black; font-size: 10px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; line-height: 12px; text-align: left }
.texte_11_13 { color: black; font-size: 11px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; line-height: 13px; text-align: left }
.texte_11_15 { color: black; font-size: 11px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; line-height: 15px; text-align: left; }

.div_couverture { float:left; margin:25px; margin-bottom:20px; margin-left:0; }

.texte_auteur { color: black; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bold; font-style: italic; line-height: 16px; text-align: left  }
a.tri:link { color: black; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; font-style: normal; text-decoration: underline; }
a.tri:visited { color: black; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; font-style: normal; text-decoration: underline; }
a.tri:hover { color: #339966; font-size: 13px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; font-style: normal; text-decoration: none; }
a.tri:active { color: #339966; font-size: 11px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; font-style: normal; text-decoration: none; }

.texte_intro { color: black; font-size: 13px; font-family: "Trebuchet MS", arial, Verdana, san-serif; font-weight: normal; line-height: 18px; text-align: left ; padding-right: 50px; padding-left: 50px; }

.titre_intro { color: #339966; font-size: 14px; font-family: "Trebuchet MS", arial, Verdana, san-serif; font-weight: 700; text-align: left; padding-left: 50px; }
.a.titre_intro:link { color: #339966; font-size: 14px; font-family: "Trebuchet MS", arial, Verdana, san-serif; font-weight: 700; text-decoration: underline; text-align: left; padding-left: 50px; }
.a.titre_intro:visited { color: #339966; font-size: 14px; font-family: "Trebuchet MS", arial, Verdana, san-serif; font-weight: 700; text-decoration: none; text-align: left; padding-left: 50px; }
.a.titre_intro:hover { color: #339966; font-size: 14px; font-family: "Trebuchet MS", arial, Verdana, san-serif; font-weight: 700; text-decoration: underline; text-align: left; padding-left: 50px; }
.a.titre_intro:active { color: #339966; font-size: 14px; font-family: "Trebuchet MS", arial, Verdana, san-serif; font-weight: 700; text-decoration: none; text-align: left; padding-left: 50px; }

/*  ------------------------------------------
/*  special Foire Comtoise 2008
/*  ------------------------------------------ */

.lettrine_foire2008 {float: left; font-weight:900; font-size: 3em; border: 0px; margin-right: 3px; line-height: 0.85em; color:#ff3300;}
.exergue_foire2008 { color: #ff3300; }
.titre_foire2008 { color: #993300; font-size: 14px; font-family: "Trebuchet MS", arial, Verdana, san-serif; font-weight: 700; text-align: center; padding-left: 50px; }
.pays_foire2008 { font-family: "Trebuchet MS", Verdana, san-serif; font-size:14px; font-weight:900; color: #ff3300; }
#affiche {float: left; width:250px; text-align:center; margin-right:25px; }
#affiche_right {float: right; width:250px; text-align:center; margin-left:25px; }
.titre_affiche { color: #993300; font-size: 12px; font-family: "Trebuchet MS", arial, Verdana, san-serif; font-weight: 700; text-align: center; }

/*  ------------------------------------------
/*  texte pour pied de page
/*  ------------------------------------------ */
.texte_pied { color: #333; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; text-align: center; letter-spacing: 1px; margin-left:50px; }
.texte_pied a:link { color: #333; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight:500; margin-left:0px; }
.texte_pied a:hover{ color: #090; font-weight:500; }
.page_pied { background-color: #FFF; padding: 0; margin: 0; width: 865px; }

/*  ------------------------------------------
/*  texte affichage du nombre de pages dans les catalogues
/*  ------------------------------------------ */
.countpage { color: gray; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-align: right; text-decoration: none;}
a.countpage:link{ color: gray; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-align: right; text-decoration: underline;}
a.countpage:visited{ color: gray; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-align: right; text-decoration: underline;}
a.countpage:hover { color: green;; font-size: 13px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-align: right; text-decoration: underline;}
a.countpage:active { color: green; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-align: right; text-decoration: none;}

/*  ------------------------------------------
/*  texte "version imprimable"
/*  ------------------------------------------ */
.texte_print { color: gray; font-size: 9px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-align: right; text-decoration: none;}
a.texte_print:link, active {color: gray; font-size: 9px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-align: right; text-decoration: none;}
a.texte_print:visited {color: gray; font-size: 9px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: bolder; text-align: right; text-decoration: none;}
a.texte_print:hover {text-decoration: underline;}

.bloc_base { width: 850px; }
.bloc_pied { background-image: url(../medias/fond.jpg); background-position: 0 top; width: 850px; height: 60px; }
.bloc_entete { width: 850px; height: 150px; margin: 0; padding: 0; }

.bloc_entete_print  /* bloc pour les versions php imprimables */ { margin: 0; padding: 0; width: 1000px; height: 220px; }
.bloc_entete_deroulant {margin: 0; padding: 0; width: 850px; background-color: green;}
.bloc_centre {background-color:#FFFFFF; width: 850px;}
.bloc_genres {background-color:#FFFFFF; width: 850px; height:300px;}
.bloc_auteurs { background-image: url(../medias/arbre_fond.jpg); background-repeat: no-repeat; background-position: left bottom; padding-right: 100px; padding-left: 100px; }
.bloc_texte {width: 800px; text-align: left; padding-right: 0px; padding-left: 0px;}
.bloc_couvertures { width: 800px; height: 1000px; text-align: center; padding-right: 10px; padding-left: 20px; }
.bloc_separation { text-align: center; vertical-align: middle; width: 800px; height:25px; padding-top: 7px;}
.bloc_titre { background-color:#FFFFFF; width: 775px; text-align: left; padding-right: 25px; padding-left: 50px; page-break-inside : avoid; page-break-after:avoid;}
.bloc_titre_print { width: 700px; text-align: left; padding-right: 15px; padding-left: 10px; page-break-inside : avoid; page-break-after:avoid;}
.bloc_couv100 { float: left; padding-right: 20px; padding-bottom: 15px; }
.bloc_couv100_unfloat { float: left; padding-right: 20px; padding-bottom: 15px; height: 120px;}
.bloc_impression { display: none; }

/*  ------------------------------------------
/*  Rubriques de la Page Intro
/*  ------------------------------------------ */

.bloc_centre_intro { background-color:#FFFFFF; width: 850px; background-color:#000000; }
.bloc_rubriques { float: right; width: 175px; height:350px; padding: 0px; padding-left: 0px; margin: 0px; background-color:#FFF; }
.bloc_rubriques_art { background-image: url(../medias/graphic_pages/fond_art_vivre.jpg); background-position: center; float: right; width: 200px; height: 75px; padding: 0; margin: 0;}
.bloc_rubriques_litterature { background-image: url(../medias/graphic_pages/fond_litterature.jpg); float: right; width: 200px; height: 75px; padding: 0; margin: 0;}
.bloc_rubriques_histoire { background-image: url(../medias/graphic_pages/fond_histoire.jpg); float: right; width: 200px; height: 75px; padding: 0; margin: 0;}
.bloc_rubriques_ga { background-image: url(../medias/graphic_pages/fond_ga.jpg); float: right; width: 200px; height: 75px; padding: 0; margin: 0; }
.titre_rubs { font-size: 22px; font-family: "Trebuchet MS", Verdana, san-serif; text-align: center; }
.bloc_intro { background-color:#fff; height:370px; padding:0px; margin:0px; }
.bloc_intro2 { background-color:#fff; height:350px; padding:0px; margin-left:180px; margin-top:10px; }
.bloc_portrait {float:right; background-color:#FFFFFF; width:350px; height:175px;}
.texte_intro { color: #990000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: 600; text-align: center; line-height: 18px;  }
.texte_intro2 { color: #993366; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: 600; text-align: center; line-height: 18px;  }
.texte_intro3 { color: #993366; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: 600; text-align: left; line-height: 20px; margin-top:-5px;}
.citation_intro { color: #993366; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: 600; text-align: center; font-style: italic; font-variant: small-caps; }
.lettrine_intro { color: #ffcc66; font-size: 72px; font-family: Arial, Helvetica, sans-serif; font-weight: 600; text-align: left; }
.lettrine_quot { color: #993366; font-size: 36px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; position: relative; bottom: 25px; margin-right:4px;}
.mendel_editeur { color: #333333; font-size: 12px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: 700; text-align: right; position: relative; top: 5px; line-height:24px;}
.mendel_intro {color: #990000; font-size: 18px; font-family: "Trebuchet MS", Verdana, san-serif; font-weight: 500; text-align: right; line-height: 24px;}
.bloc_images_intro { float: left; width: 175px; height: 450px; padding: 0px; margin: 0px; background-color:#FFF; }
/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

ul { text-decoration: none; }
li { text-decoration: none; margin: 1em 0 1em 40px; list-style-type: disc; }

/*  ------------------------------------------
/*  Menu Navigateur Deroulant
/*  ------------------------------------------ */
*html div#listmenu ul {border-left: 1px ; } /* Merci Explorer ! */
*html div#listmenu ul li ul {border-left: 1px;} /* Merci Explorer ! */
body div#listmenu ul li ul{display: none;}
div#listmenu { width:850px; padding: 0px; margin: 0px;}
div#listmenu a { background-color: #333333; display: block; padding: 0 10px; font-size: 12px; color: white; text-decoration: none; font-family:Arial, sans-serif; font-weight: bold; }
div#listmenu a:hover, active { background-color: #cc3333; color: white; text-decoration: underline; font-weight: bold; }
div#listmenu ul { margin: 0;  padding: 0; }
div#listmenu li { line-height: 25px; float:left; width: 120px; position: relative; list-style-type: none; padding: 0px; border-right:1px solid ; margin: 0px; border-top: 1px solid ; border-bottom: 1px solid  }
div#listmenu li:hover { background-color: #cc3333; }
div#listmenu li:first-child {border-left:1px solid ;}
div#respond {background-color: #333333;} /* Merci Explorer ! */
div#respond:hover {background-color: #333333;} /* Merci Explorer ! */
div#listmenu ul li ul{ margin: 0; position: absolute; width: 10em; left:-1px; float: left; padding: 0; margin: 0; }
div#listmenu ul li ul li{ background-color: #333333; text-align: left; width:100%; float: left; border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; padding-top: 3px; }
div#listmenu ul li ul li:first-child{ float: left; border-top: 1px solid; }
div#listmenu ul li:hover ul {display: block;}
div#listmenu ul li:hover ul", "div#listmenu ul li ul:hover {display: block;}