html { background: #d0c9ba; font-family: "Trebuchet MS", Lucida, "Lucida Sans", Lucida Grande, sans-serif; font-size: 67%; }
* { margin: 0; padding: 0; }
a { font-weight: bold; text-decoration: none; color: #1E1C1C; }
a:hover { text-decoration: underline; }
body { background: url(fond.jpg) repeat-y center top; }
#conteneur { width: 780px; margin: 0 auto 0 auto; background: url(page.png) repeat; }
#header a { display: block; height: 215px; text-indent: -90000px; background: url(haut.jpg) no-repeat; }
#gauche { float: left; width: 202px; text-align: center; }
#gauche a { outline:none }
#gauche div.encart { text-align: left; margin: 10px 0 20px 10px; width: 202px; height: 440px; background: url(menu.jpg) no-repeat; }
#gauche ul { padding-top: 40px; list-style: none; }
#gauche ul a { text-indent: -9000px; display: block; }
#gauche ul a:hover { text-decoration: none; }
#gauche ul #accueil { width: 95px; height: 37px; margin: 0 0 0 35px; background: url(accueil.gif) no-repeat; }
#gauche ul #accueil:hover { background: url(accueil.gif) 0 -37px; }
#gauche ul #auteurs { width: 135px; height: 35px; margin: 13px 0 0 22px; background: url(auteurs.gif) no-repeat; }
#gauche ul #auteurs:hover { background: url(auteurs.gif) 0 -35px; }
#gauche ul #livres { width: 110px; height: 45px; margin: 8px 0 0 40px; background: url(livres.gif) no-repeat; }
#gauche ul #livres:hover { background: url(livres.gif) 0 -45px; }
#gauche ul #prix { width: 110px; height: 49px; margin: 1px 0 0 44px; background: url(prix.gif) no-repeat; }
#gauche ul #prix:hover { background: url(prix.gif) 0 -49px; }
#gauche ul #liens { width: 80px; height: 39px; margin: 10px 0 0 70px; background: url(liens.gif) no-repeat; }
#gauche ul #liens:hover { background: url(liens.gif) 0 -39px; }
#gauche ul #votrelivre { width: 130px; height: 50px; margin: 3px 0 0 45px; background: url(votrelivre.gif) no-repeat; }
#gauche ul #votrelivre:hover { background: url(votrelivre.gif) 0 -50px; }
#gauche form { margin: 2em 0 0 10px; padding: .5em; text-align: left; }
#gauche form p { clear: left; }
#gauche form label { color: #6d3400; font-weight: bold; cursor: pointer; }
#gauche form label:after { content: " :"; }
#gauche form #recherche { border-bottom: 1px solid #884a01; border-right: 1px solid #884a01; border-left: 1px solid #b5864e; border-top: 1px solid #b5864e; padding: 5px; background: #EFE2D1; width: 125px; cursor: text; }
#gauche form input.s { border: 1px solid #b5864e; padding: 5px; width: 30px; cursor: pointer; }
#gauche div.w3c { margin: 1em 0 0 0; }
#contenu { text-align: justify; width: 350px;   float: left; margin: 0 0 0 20px; line-height:1.7em;  }
#contenu h1, #droite h3, #contenu h2.vc { background: url(puce.png) no-repeat left center; padding: 3px 0 3px 46px; text-align: left; font-size: 1.5em; margin: 1em 0 .5em 0; }
#contenu ul {list-style:disc inside;}
h1.droite { font-size: 1.5em; margin-bottom:10px; }
h2.vc { clear: both; }
.commentez { background-color:#EFEAE0; text-align:center;padding: .1em;;  margin:auto; margin-top: 0.3em;clear:both;width:230px }
#droite { width: 170px; float:left; margin: 5px 0 0 20px; padding-bottom: 25px; background: url(ornement.png) no-repeat bottom center; }
#droite h3 { font-size: 1.2em; }
#droite ul { list-style: none; }
#droite ul ul { margin: 0 0 10px 0; }
/*#droite ul ul a:before { content: "par "; opacity: .5; font-size: .9em; }*/
#droite ul ul a { font-weight: normal; }
#droite ul a:hover { text-decoration: underline; }
div.pub { margin: 1em 1em .5em 0; float: left; }
p.commentaire { color: #3F3B37; margin: -1em 0 1em 0; padding-bottom: 30px; background: url(ornement.png) no-repeat bottom center; }
ul.commentaire { color: #3F3B37 ; padding-bottom: 30px; background: url(ornement.png) no-repeat bottom center; }
p.commentaire span { color: #1F1D1B; display: block; font-style: italic; border-bottom: 1px solid #AFAAA4; }
.indent { margin-left:14px; }
.separation { background: url(ornement.png) no-repeat bottom center;margin:10px; }
.capitale { font-size: 1.6em; margin:.2em 0 .2em 0; }
.today { text-align:right;font-style:italic;}
hr { border:0; background: url(puce.png) no-repeat top center; padding-bottom:32px; margin-bottom:1em; }
#contenu input, #contenu textarea { border-top:1px solid #362D2D; border-left:1px solid #362D2D; border-bottom:1px solid #CBBDB2; border-right:1px solid #CBBDB2; padding:.2em; width:100% }
#contenu input.envoyer {border-top:1px solid #CBBDB2; border-left:1px solid #CBBDB2; border-bottom:1px solid #362D2D; border-right:1px solid #362D2D; padding:.2em 0 .2em 0; width:auto; }
iframe { margin:0 0 0 0; padding: 0 0 0 0; }