html, body { background-color: #000; }
html#popup, body#popup { background-color: #FFF; }

body {
	margin: 0; padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

/*/*/a{}
body,
body p {
	font-size: smaller;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body,
html>body p {
	font-size: small;
}
/* */

#container {
	position: relative;
	margin: 10px auto;
	text-align: center;
	overflow: hidden;
}
#container.city { margin: 0; text-align: left; width: 1167px; height: 825px; }
#container.mainstreet { margin: 0; text-align: left; width: 1167px; height: 825px; }

img#img-antivol {
position: absolute;
top: 0; left: 0;
}

#container.city img#img-antivol {
width: 1167px; height: 825px;
}

#flying-plane {
position: absolute;
top: 35px; left: -400px;
}

#flying-zeppelin {
position: absolute;
top: 170px; right: -145px;
}

/* Intro */

.intro #container {
	position: absolute;
	bottom: 0; right: 0;
	width: 458px; height: 504px;
	margin: 0;
}

.intro #intro-logo {
	display: block;
	width: 458px; height: 504px;
}

.intro .copyright {
	position: absolute;
	bottom: 5px; right: 5px;
	font-size: .85em;
}

.intro .copyright,
.intro .copyright a {
	color: #999;
}

.intro .copyright a:hover,
.intro .copyright a:focus {
	color: #666;
}

/* City Links */

ul#city-links a,
ul#mainstreet-links a {
	position: absolute;
	top: 0;
	display: block;
	text-indent: -9999em;
	outline: 0;
}

ul#city-links a#cl-dailypolis {
	width: 166px; height: 110px;
	top: 300px; left: 368px;
	line-height: 110px;
}
ul#city-links a#cl-lofts {
	width: 140px; height: 150px;
	top: 140px; left: 670px;
	line-height: 150px;
}
ul#city-links a#cl-mainstreet {
	width: 150px; height: 230px;
	top: 60px; left: 870px;
	line-height: 230px;
}
ul#city-links a#cl-prepubs {
	width: 160px; height: 100px;
	top: 350px; left: 110px;
	line-height: 100px;
}
ul#city-links a#cl-publishers {
	width: 200px; height: 120px;
	top: 41px; left: 246px;
	line-height: 120px;
}
ul#city-links a#cl-info {
	width: 120px; height: 140px;
	top: 100px; left: 41px;
	line-height: 140px;
}

ul#mainstreet-links a#cl-lofts {
	width: 115px; height: 200px;
	top: 170px; left: 685px;
	line-height: 200px;
}

ul#mainstreet-links a#cl-gallery {
	width: 300px; height: 200px;
	top: 550px; left: 10px;
	line-height: 200px;
}

ul#mainstreet-links a#cl-walthery {
	width: 200px; height: 330px;
	top: 390px; left: 535px;
	line-height: 330px;
}

ul#mainstreet-links a#cl-interviews {
	width: 140px; height: 340px;
	top: 375px; left: 740px;
	line-height: 340px;
}

a#back-city {
position: absolute;
top: 13px; left: 0;
width: 127px; height: 44px;
background: url(/images/back-city.png);
text-indent: -9999em;
}

/* Publishers list */

#publishers-menu li {
float: left;
width: 200px; height: 165px;
margin-bottom: 2px;
text-align: center;
}

#publishers-menu li.even {
background: #E5E5E5;
}

#publishers-menu li.odd {
background: #EEE;
}

#publishers-menu li a {
display: block;
text-decoration: none;
}

#publishers-menu li img {

}

#publishers-menu li span.name {
display: block;
margin: 5px 0;
text-align: center;
font-size: 1.3em;
}

/* Publishers Links */

ul#publishers-links a {
position: absolute;
top: 0;
display: block;
text-indent: -9999em;
}

ul#publishers-links a#publisher-01 {
width: 175px; height: 20px;
top: 188px; left: 260px;
line-height: 20px;
}


/* -- Links -- */

a {
	color: #369;
}

a:hover,
a:focus {
	color: #036;
}

#back-link {
	position: absolute;
	top: -3px; right: 10px;
	display: block;
	padding: 0 5px 0 25px;
	padding-left: 25px;
	height: 22px;
	line-height: 22px;
	font-weight: bold;
	background: #FFF url(/images/icons/16/nav_left_blue.png) no-repeat 5px 50%;
	
/*	top: 10px;*/
}

/* News */

#news-wrapper {
	position: absolute;
	top: 345px; left: 764px;
	width: 261px; height: 188px;
	overflow: hidden;
}

#news-wrapper div.pon {
/*	position: absolute;
	top: 0; left: 0;*/
	position: relative;
	display: block;
	width: 261px; height: 188px;
	background: #FFF;
}

#news-wrapper td {
	width: 261px; height: 188px;
	vertical-align: middle;
	text-align: center;
}

/* -- Info -- */

#info {
	padding: 0 10px;
}

#info h1 {
	margin-top: 0;
	color: #369;
	font-size: 1.5em;
	line-height: 100%;
}

#info h2 {
	color: #69C; 
	border-bottom: 2px solid;
	font-size: 1.3em;
}

#info a { color: #036; }
#info a:hover,
#info a:focus { background-color: lightblue; }

#info p { margin: 10px 0; }

/* -- Contact Info -- */

#contact-info {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#contact-info div {
	float: left;
	margin-top: 10px;
	padding: 0 0 0 45px;
	background-repeat: no-repeat;
	background-position: top left;
	clear: both;
}

#contact-info .address { background-image: url(/images/icons/32/mailbox_full.png); }
#contact-info .phone { background-image: url(/images/icons/32/telephone2.png); line-height: 32px; }
#contact-info .email { background-image: url(/images/icons/32/symbol_at.png); line-height: 32px; }

#contact-info .label {
	float: left;
	display: block;
	font-weight: bold;
	width: 8em;
}

#contact-info .value {
	float: left;
	display: block;
}

/* Prepubs */

ul#prepubs-menu {
	margin-top: 10px;
}

ul#prepubs-menu li {
	margin-bottom: 5px;
	padding: 5px;
	background-color: #DDD;
	border: 1px solid;
	border-color: #CCC #999 #999 #CCC;
}

ul#prepubs-menu li a {
	font-size: 1.3em;
	text-decoration: none;
}

ul#prepubs-menu li a span.auteur {
	font-size: .7em;
}

.prepub {
	margin-bottom: 20px;
	text-align: center;
}

.prepub a.bottomback {
	display: block;
	text-align: left;
	margin: 20px 0 10px;
	padding: 5px 0 5px 35px;
	line-height: 32px;
	font-weight: bold;
	background: #FFF url(/images/icons/32/nav_left_blue.png) no-repeat center left;
	border-top: 1px solid #CCC;
	outline: 0;
}

.prepub .prepub-picture-wrapper {
}

ul.prepub-infos {
margin: 10px 0;
}

.prepub table {
	width: 120px;
	margin: 0 auto 10px;
}

.prepub table td {

}

.prepub table td a {
	display: block;
	margin: 0 5px;
	width: 24px; height: 24px;
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: -9999em;
	outline: 0;
	background-image: url(/images/prepub-navigation.png);
}

.prepub table td.first a { background-position: 0 0; }
.prepub table td.first a:hover { background-position: -24px 0; }

.prepub table td.previous a { background-position: 0 -24px; }
.prepub table td.previous a:hover { background-position: -24px -24px; }

.prepub table td.middle a { background-position: 0 -48px; }
.prepub table td.middle a:hover { background-position: -24px -48px; }

.prepub table td.next a { background-position: 0 -72px; }
.prepub table td.next a:hover { background-position: -24px -72px; }

.prepub table td.last a { background-position: 0 -96px; }
.prepub table td.last a:hover { background-position: -24px -96px; }

.prepub table td.current {
	padding-top: 5px;
	font-size: 1.3em;
	text-align: center;
	color: #666;
}

/* Authors building */

#authors-building {
	position: relative;
	width: 375px; height: 390px;
	/*overflow-y: auto;
	overflow-x: hidden;*/
	overflow: auto;
	overflow-x: hidden;
}

#building-wrapper {
	position: relative;

	width: 350px; height: 911px;
}

#building-wrapper li {
	position: absolute;
	bottom: 20px; left: 180px;
}

#building-wrapper a {
	display: block;
	width: 80px; height: 80px;
	text-indent: -9999em;
}

ul#authorsBells {
float: left;
margin-top: 10px;
margin-bottom: 20px;
}

ul#authorsBells li { float: left; }

ul#authorsBells li a {
float: left;
display: block;
width: 118px;
margin-bottom: 10px;
padding: 10px 10px 10px 45px;
background: url(/images/icons/24/bell3.png) no-repeat 9px 50%;
border: 1px solid #FFF;
}

ul#authorsBells li a:hover {
border: 1px solid #CCC;
background: #F0F0F0 url(/images/icons/32/bell3.png) no-repeat 5px 50%;
}

/* Lofts */

.loft {
	position: relative;
}

.loft a {
	position: absolute;
	display: block;
	text-indent: -9999em;
}

.loft a.back {
	display: block;
	top: 0; left: 0;
	padding: 0 5px 0 35px;
	width: 250px;
	height: 30px; line-height: 30px;
	text-indent: 0 !important;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	background: #FFF url(/images/icons/24/school.png) no-repeat 5px 50%;
	border: 1px solid #666;
	border-width: 0 1px 1px 0;
	-moz-opacity: .8;
	
	float: left;
	z-index: 99;
}

.loft a.back:hover { -moz-opacity: 1; }

.topback {
position: absolute;
top: 0; left: 0;
padding: 10px 10px 10px 37px;
border: 1px solid #333;
border-width: 0 1px 1px 0;
background: #FFF url(/images/icons/32/nav_left_blue.png) no-repeat;
}

/* Taymans */
#loft-1 a.library,
#loft-7 a.library {
	top: 150px; left: 0;
	width: 135px; height: 300px;
}
#loft-1 a.gallery,
#loft-7 a.gallery {
	top: 120px; right: 0;
	width: 85px; height: 220px;
}
#loft-1 a.workshop,
#loft-7 a.workshop {
	top: 170px; left: 150px;
	width: 200px; height: 180px;
}

/* Walthery */
#loft-63 a.library {
	top: 130px; left: 0;
	width: 85px; height: 300px;
}
#loft-63 a.gallery {
	top: 30px; right: 40px;
	width: 100px; height: 200px;
}
#loft-63 a.workshop {
	top: 450px; left: 260px;
	width: 400px; height: 90px;
}

table#author-series {
width: 575px;
}

table#author-series td {
padding: 3px;
border-bottom: 1px solid #CCC;
}

table#author-series td.status {
color: #666;
}

a.back-loft {
	display: block;
	width: 20em;
	margin: 0 auto;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

a.back-loft:hover {
background-color: #D0D0D0;
}

div.author-bibliography {
width: 600px; height: 400px;
overflow-y: scroll;
overflow-x: hidden;
}

div.series-wrapper {
width: 820px; height: 600px;
overflow-y: scroll;
overflow-x: hidden;
}

ul#serie-albums {
float: left;
margin-bottom: 20px;
}

ul#serie-albums li { float: left; }

ul#serie-albums li a {
float: left;
display: block;
margin-bottom: 10px;
padding: 5px 0;
width: 200px;
text-align: center;
text-decoration: none;
font-size: .9em;
/*background-color: #EEE;*/
}

ul#serie-albums li a:hover {
border-color: #666;
background-color: #CCC;
}

.album-infos {
width: 660px; height: 460px;
overflow-y: auto;
overflow-x: hidden;
text-align: center;
}

.album-infos h2 {
font-size: 1.5em;
text-align: left;
}

.album-infos h3 {
margin-bottom: 10px;
text-align: left;
font-size: 1.3em;
}

.album-infos .cover {
	display: block;
float: left;
	margin: 10px 0;
}

.album-infos .cover img {
	padding: 1px;
	border: 1px solid #CCC;
}

.album-infos .whitebox {
float: left;
width: 300px;
margin-top: 8px;
margin-left: 20px;
}

.album-infos table {
margin: 0 auto;
text-align: left;
}

/*.album-infos .whitebox table tr td {
padding: 3px;
border-bottom: 1px dotted #CCC;
}*/

/* Gallery */

#gallery-entrance {
position: relative;
width: 800px; height: 565px;
background: url(/images/artgallery-entrance.png);
}

#gallery-entrance a#door-collectionbdpolis {
position: absolute;
top: 115px; left: 156px;
width: 180px; height: 300px;
text-indent: -9999em;
}

#gallery-entrance a#door-exposauteurs {
position: absolute;
top: 115px; left: 460px;
width: 180px; height: 300px;
text-indent: -9999em;
}

#gallery-index {
float: left;
width: 950px; height: 595px;
overflow-y: auto;
overflow-x: hidden;
}

table#list-objects {
/*width: 100%;*/
}

table#list-objects tr {
border-top: 2px solid #CCC;
}

table#list-objects td.item {
width: 190px;
padding: 0 3px 10px;
text-align: center;
vertical-align: top;
font-size: .85em;
}

table#list-objects td.odd {
background: #EEE;
}

table#list-objects td.item span.date {
font-size: .9em;
color: #666;
}

table#list-objects td.item a {
display: block;
margin: 0 auto;
width: 150px; height: 200px;
}

table#list-objects td.item a img {

}

table#list-objects td.item span.auteurs {
display: block;
font-weight: bold;
}

table#list-objects td.item span.descriptif {
display: block;
font-style: italic;
}

table#list-objects td.item span.categorie {
display: block;
color: #666;
}

table#list-objects td.item span.prix {
display: block;
color: #900;
}

.parabd-infos {
width: 820px; height: 595px;
overflow-y: scroll;
overflow-x: hidden;
text-align: center;
}

.parabd-infos span.auteurs {
display: block;
font-weight: bold;
}

.parabd-infos span.serie-album {
display: block;
}

.parabd-infos span.prix {
display: block;
color: #C00;
font-weight: bold;
}

.parabd-infos .image {
margin: 10px;
}

.parabd-infos .image img {
padding: 1px;
border: 1px solid #CCC;
}

.parabd-infos span.type {
display: block;
margin-top: 10px;
}

.parabd-infos span.categorie-editeur {
display: block;
}

.parabd-infos span.descriptif {
display: block;
margin: 10px 0;
font-style: italic;
}

.parabd-infos h3.complementary,
.whitebox table tr.header td {
width: 529px;
margin: 0 auto;
padding: 3px;
font-weight: bold;
color: #FFF;
background-color: #666;
border: 1px solid #333;
border-bottom: 0;
}

.whitebox table tr.header td {
text-align: center;
}

.parabd-infos table.parabd-complementary {
margin: 0 auto;
width: 535px;
border: 1px solid #666;
border-top: 0;
}
.whitebox table {
border: 1px solid #666;
border-top: 0;
}

.parabd-infos table.parabd-complementary td,
.whitebox table td {
padding: 5px;
text-align: left;
border-bottom: 1px dotted #CCC;
}

.parabd-infos table.parabd-complementary td.label,
.whitebox table td.label {
color: #666;
}

.parabd-infos table.parabd-complementary td.value {

}

#form-interested {
width: 513px;
margin: 10px auto;
padding: 10px;
border: 1px solid #CCC;
}

#form-interested h3 {
margin: 0 0 10px;
padding: 0;
font-weight: bold;
text-align: left;
}

#form-interested label {
float: left;
display: block;
margin-bottom: 15px;
padding: 4px;
width: 200px;
text-align: left;
}

#form-interested input {
float: left;
padding: 3px;
width: 15em;
}

#form-interested input.button {
margin-left: 208px;
width: 208px;
}

.infos-sent {
margin-top: 10px;
padding: 10px;
border: 1px solid Green;
background: lightgreen;
font-weight: bold;
}

a#back-to-gallery {
	display: block;
	width: 20em;
	margin: 0 auto;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

a#back-to-gallery:hover {
background-color: #D0D0D0;
}

/* Cafe */

#cafe-walthery {
	position: relative;
	width: 790px; height: 580px;
}

#cafe-walthery ul.videos-list {
	float: left;
	width: 150px;
	margin-top: 30px;
}

#cafe-walthery ul.videos-list li a {
	display: block;
	line-height: 38px;
	padding-left: 40px;
	background: url(/images/icons/32/movie.png) no-repeat 5px 50%;
}

#cafe-walthery ul.videos-list li.current a,
#cafe-walthery ul.videos-list li a:hover,
#cafe-walthery ul.videos-list li a:focus {
	background-color: #777;
	color: #FFF;
	-moz-border-radius: 5px 0 0 5px;
}

#cafe-walthery #pagination-wrapper {
	position: absolute;
	top: -5px; left: 0;
	font-size: .85em;
}

#cafe-walthery #pagination-wrapper ul.pagination {
	float: left;
}

#cafe-walthery #pagination-wrapper ul.pagination li {
	float: left;
	margin-right: 5px;
}

#cafe-walthery .video-container {
	float: left;
	width: 640px; height: 580px;
}

#cafe-walthery #video-descriptif {
	width: 630px; height: 90px;
	margin-top: 5px;
	padding-right: 10px;
	font-size: .85em;
	overflow-y: scroll;
}

/* Useful */

strong { font-weight: bold; }
.clearer { clear: both; }

.accessibility {
	position: absolute;
	top: -9999em;
}

.floated-right {
	float: right;
	margin: 0 0 1em 1em;
}

.pages-counter {
	color: #999;
	font-size: .75em;
	text-align: right;
}

.paging {
	font-size: 1em;
}

.paging div.numbers {
	display: block;
	margin: 10px 0;
	color: #999;
	text-align: center;
}

.paging div.disabled {
	color: #CCC;
}

.paging div.previous-next {
	text-align: center;
	font-size: 1em;
}

.paging div.previous-next div,
.paging div.previous-next a {
	margin: 5px;
	display: inline;
}

#pagination-wrapper {
margin: 10px 0;
text-align: center;
}