body {behavior:url('http://www.bookparisnow.com/csshover.htc'); text-align: center; font-family:trebuchet, geneva, arial, sans-serif; }
html, body, img, table {margin:0; padding:0; border:none; }
div, a, ul, ol, li, select, input, b, form, p {margin:0; padding:0; }
ul, li {list-style: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt { margin: 0; padding: 0; font-weight: normal; }
a {text-decoration:none; color:#000; }
a:hover {text-decoration:underline; }
fieldset {border:none; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
.espaceur { clear: both; margin: 0; padding: 0; border: none; height: 10px; line-height: 10px; font-size: 1px; }
.botpadding {padding-bottom:15px; }
/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
.souligne {border-bottom:1px dotted #CCC; margin-bottom:5px; }

/* Gestion des couleurs */
.red, a.red, a:hover.red {color:#B70000; }
.blue, a.blue, a:hover.blue {color:#4488FF; }
.bluebright, a.bluebright, a:hover.bluebright {color:#DDE5F8; }
.green, a.green, a:hover.green {color:#82CF43; }
.greenbright, a.greenbright, a:hover.greenbright {color:#C1E4A2; }

.pucerouge li {background:url('/IMG/gif/carrerouge.gif') no-repeat 1% 5px; padding-left:15px; }
.pucebleu li {background:url('/IMG/gif/carrebleu.gif') no-repeat 1% 5px; padding-left:15px; }
.pucebleuclair li {background:url('/IMG/gif/carrebleuclair.gif') no-repeat 1% 5px; padding-left:15px; }
.pucevert li {background:url('/IMG/gif/carrevert.gif') no-repeat 1% 5px; padding-left:15px; }
.pucevertclair li {background:url('/IMG/gif/carrevertclair.gif') no-repeat 1% 5px; padding-left:15px; }

/* classes */
p.credit, p#contacter {padding-top:10px; }
p.credit, p.credit a, p.credit a:hover {color:#4488FF; font-size:11px; font-weight:bold; }
div.art {border-bottom:1px solid #4488FF; margin-bottom:25px; }
.format_png {behavior:url('http://www.bookparisnow.com/win_png.htc'); }

/* Gestion de la taille des caractères */
body, h3, h4, h5, h6 {font-size: 12px; }
h1 {font-size:14px; }
h1.pttitre {font-size:12px; }
h2, #navtop, #action {font-size:14px; }
#ariane {font-size:12px; }

#horiz {width:98%; background:#2E69E1; padding-top:10px; padding-left:20px; margin-bottom:15px; text-align:left; }
#lang {float:right; padding:0 15px; width:45px; margin-top:35px; }
#lang li {height:17px; line-height:17px; background: url('/IMG/gif/fren.gif') no-repeat top left; margin-bottom:10px; text-align:right; }
#lang li a {text-transform:uppercase; font-weight:bold; font-size:11px; padding-right:10px; }

#loginbox {float:right; text-align:center; width:160px; margin-right:10px; background: url('/IMG/jpg/login.jpg') no-repeat top left; }
#loginbox li {height:35px; line-height:35px; }
#loginbox li a {color:#FFF; font-weight:bold; text-transform:uppercase; }

#navtop {float:left; width:750px; }
#navtop ul,#navtop li {display:inline; }
#navtop li {float:left; height:30px; background:transparent url('/IMG/jpg/navleftboth.jpg') no-repeat top left; margin-right:2px; }
#navtop li:hover {background:transparent url('/IMG/jpg/navleftboth.jpg') no-repeat left -30px; }
/* hack IE zone cliquable */
#navtop li a {width:.1em; white-space:nowrap; display:block; padding:7px 20px; background:url('/IMG/jpg/navrightboth.jpg') no-repeat top right; font-weight:bold; text-transform:uppercase; }
#navtop > ul a {width:auto; display:block; padding:7px 20px; background:url('/IMG/jpg/navrightboth.jpg') no-repeat top right; font-weight:bold; text-transform:uppercase; }

#navtop li a:hover {display:block; padding:7px 20px; background:url('/IMG/jpg/navrightboth.jpg') no-repeat right -30px; } 
#navtop li.select {background:transparent url('/IMG/jpg/navleftboth.jpg') no-repeat left -30px; }
#navtop li a.select, #navtop li a:hover.select {background:url('/IMG/jpg/navrightboth.jpg') no-repeat right -30px; }

#main {padding-left:10px; width:995px; }
#maincontent {float:left; width:700px; padding:5px 10px; background: url('/IMG/jpg/fdblue.jpg') no-repeat top left; }

#ariane {margin-left:15px; }
#ariane ul, #ariane li {display:inline; }
#ariane li {float:left; height:25px; }
#ariane li a {width:.1em; white-space:nowrap; display:block; padding:5px 20px 5px 5px; background:url('/IMG/gif/ariane.gif') no-repeat top right; font-weight:bold; }
#ariane > ul a {width:auto; display:block; padding:5px 20px 5px 5px; background:url('/IMG/gif/ariane.gif') no-repeat top right; font-weight:bold; }
#ariane li.current {background: url('/IMG/gif/tableftblanc.gif') no-repeat left top; } 
#ariane a.current {background: url('/IMG/gif/tabrightblanc.gif') no-repeat right top; padding-right:15px; }

#content {width:700px; background: url('/IMG/gif/content.gif') no-repeat top left; }
#action {width:670px; padding-top:20px; border-bottom:2px solid #B70000; margin:0 15px 15px 15px; }
#action ul, #action li {display:inline; }
#action li {float:left; height:25px; }
#action li a {font-weight:bold; margin:0 20px; }
#action li a:hover {color:#B70000; text-decoration:none; border-bottom:2px solid #B70000; }
#action li a.action {color:#B70000; text-decoration:none; border-bottom:2px solid #B70000; }

#contenu {padding-right:15px; padding-left:15px; }
/* googlemap */
#carte {margin-bottom:15px; }
#map a {color:#B70000; font-weight:bold; text-decoration:underline; }
/* galerie photo */
#carousel {text-align:left; }
#carousel ul.thumbs li {float:left; display:inline; width:90px; height:90px; margin:0 15px 15px 0; }
#carousel ul.thumbs li a {display: block; padding:2px; border:1px solid #DDE5F8; width:90px; height:90px; }
#carousel ul.thumbs li a:hover {padding:0; border:3px solid #4488FF; }
#carousel ul.thumbs li a img {}


#lastart {float:left; width:430px; text-align:justify; }
#lastart h1 {text-transform:uppercase; font-weight:bold; color:#82CF43; border-bottom:1px solid #82CF43; margin-bottom:10px; }
#lastart h3 {margin-bottom:10px; }
#lastart h3 a {color:#B70000; font-weight:bold; background: transparent url('/IMG/gif/bulle.gif') no-repeat 0% 0%; padding-left:20px; }

p#contacter {padding-top:10px; cursor:pointer; margin-bottom:10px; }
p#contacter, p#contacter a, p#contacter a:hover {color:#4488FF; font-size:11px; font-weight:bold; }

h3.listtitre {margin:0; padding:0; }
div.liste-articles ul li {margin-bottom:10px; }
div.liste-articles ul li small {padding-left:15px; }

div.forums h2.menu-titre {font-weight:bold; color:#82CF43; border-bottom:1px solid #82CF43; margin-bottom:10px; }

#navcontent {margin-left:447px; width:220px; }
.box {background:#DDE5F8 url('/IMG/gif/topbluebright.gif') no-repeat top left; margin-bottom:15px; }
.boxin {background:transparent url('/IMG/gif/bottombluebright.gif') no-repeat bottom left; padding:10px 0 10px 0; text-align:center; }
.boxin label {font-weight:bold; text-transform:uppercase; font-size:12px; }
.boxin h3 {font-weight:bold; text-transform:uppercase; font-size:12px; padding:5px 10px 10px 10px; }

#highlight {background-color:#DDE5F8; }

.selectcss {width:188px; margin:0 auto; padding-bottom:5px; }
.selectcss dl {margin-bottom: 0; }
.selectcss dt.trigger {display: block; width: 188px; height: 20px; line-height: 20px; /*position:relative;*/ cursor:pointer; z-index:1; background: url('/IMG/gif/bgDropdown.gif') no-repeat 0 0; padding: 0 0 0 5px; margin: 0; font-size: 10px; }
.selectcss dt.trigger:hover {background: url('/IMG/gif/bgDropdownHover.gif') no-repeat 0 0; }
.selectcss dd.menu {float: left; position:absolute; z-index:2; margin:0; padding:0; border-left: 1px solid #CCC; border-bottom: 1px solid #333; border-right: 1px solid #333; border-top: none; background: #FFF; }
.selectcss dd.menu {height:200px; overflow: auto; }
.selectcss dd.menu ul {width: 170px; float: left; }
.selectcss dd.menu ul li {text-align:left; }
.selectcss dd.menu a {color: #000; font-size: 10px; display: block; padding: 3px 0 4px 5px; background: none; width: 160px; border-top: 1px solid #CCC; outline: none; }
.selectcss dd.menu a:hover {text-decoration: none; font-weight: bold; background: #F60; color: #FFF; }

#selquartier {margin-top:15px; }

#thematic {text-align:left; }
#thematic h4 {background: url('/IMG/gif/arrowblackblue.gif') no-repeat 10px 7px; padding-left:25px; color:#000; text-transform:uppercase; font-weight:bold; display:block; height:25px; line-height:25px; }
#thematic h4.themeon {background:#4488FF url('/IMG/gif/arrowblackblueon.gif') no-repeat 10px 8px; }
#thematic a {background: url('/IMG/gif/plus.gif') no-repeat 0% 5px; padding-left:15px; text-transform:lowercase; font-weight:normal; height:17px; line-height:17px; }
#thematic a.red {color:#B70000; }
#thematic div {padding:10px 10px; background:#FFF url('/IMG/gif/fdsubcat.gif') repeat-x top left; margin:0 1px; }

#verticalnav {margin-left:730px; width:260px; height:300px; }

#favoris {margin-bottom:15px; }
#favoris a {display:block; background: url('/IMG/jpg/favoris.jpg') no-repeat left top; height:40px; line-height:40px; font-weight:bold; text-transform:uppercase; color:#FFF; }
.vnavbox {background: url('/IMG/jpg/vnavboxtop.jpg') no-repeat left top; padding-top:10px; }
.vnavboxin {padding:0 10px 10px 10px; background: url('/IMG/jpg/vnavboxcont.jpg') repeat-x left top; margin-bottom:15px; }
.vnavboxin h2 {color:#000; font-size:12px; padding-bottom:5px; font-weight:bold; border-bottom:2px solid #000; margin-bottom:15px; }
.vnavboxin a {padding-right:20px; }
.vnavboxin ul {text-align:left; }
.vnavboxin li {padding-left; }

.vnavboxplain {background:#DEE5F8 url('/IMG/jpg/vnavboxtop.jpg') no-repeat left top; }
.vnavboxinplain {padding:0 5px 10px 5px; background: url('/IMG/jpg/vnavboxbottom.jpg') no-repeat left bottom; margin-bottom:15px; }

.boxplain {background:#DDE5F8 url('/IMG/gif/topbluebright.gif') no-repeat top left; margin-bottom:15px; }
.boxinplain {background:transparent url('/IMG/gif/bottombluebright.gif') no-repeat bottom left; padding:0 0 10px 0; text-align:center; }