@charset "ISO-8859-1" ;

@import "maps.css" ;
@import "reset.css" ;


/*
 * Global
 */
a:hover img, a:focus img { background-color: #3399ff ; }

a         { text-decoration: none ; }
a:link    { color: #3333ff ; }
a:visited { color: #704A95 ; }
/*a:visited { color: #9966cc ; }*/
/*a:hover, a:focus { background-color: #ffff99 ; }*/
a:hover, a:focus { background-color: #cfcfcf ; }

.example:target { background-color: #ffff99 ; }

/* body { background-color: #d8d8d8 ; }*/
body { background-color: #cfcfcf ; }

/*
 * Transparency stuff: hiding this stuff from IE and Opera 5,6
 */

/*
body                               { background: #ffffcc url(share/ui/glycine.jpg) 0 0 no-repeat fixed ; color: black ; }
head:first-child+body .banner      { background: #ffccff url(share/ui/glycine-pale.jpg) 0 0 no-repeat fixed ; }
head:first-child+body #mainbar     { background: #ffccff url(share/ui/glycine-pale.jpg) 0 0 no-repeat fixed ; }
head:first-child+body #mcurrent ul { background: #ffccff url(share/ui/glycine-pale.jpg) 0 0 no-repeat fixed ; }
head:first-child+body .content     { background: #ffccff url(share/ui/glycine-pale.jpg) 0 0 no-repeat fixed ; }
head:first-child+body .content h1  { background: #cc99ff url(share/ui/glycine-dark.jpg) 0 0 no-repeat fixed ; }
head:first-child+body .footer      { background: #ffccff url(share/ui/glycine-pale.jpg) 0 0 no-repeat fixed ; }
*/

/*
 * Banner
 */
.skip   { display: none ; }

.banner {
  font-family: windsordemi, "Trebuchet MS", serif ;
  margin: 0.8em 2.5% ;
  height: 4em ;
  height/* */:/**/3.6em ;
  height: /**/3.6em ;
  padding-top: 0.3em ;

  border: #3333ff 1px solid ;
  background-color: #bdbdbd ;
}

.banner h1 {
  float: left ;
  font-size: 1.4em ;
  margin-left: 0.4em ;
}

.banner h2 {
  float: right ;
  font-size: 1.2em ;
  font-weight: normal ;
  margin-right: 0.4em ;
}

.banner a:link, .banner a:hover, .banner a:visited { color: #9966cc ; background-color: transparent ; }

/*
 * Main bar
 */
#mainbar, #mainbar ul { margin: 0 ; padding: 0 ; }

#mainbar {
  position: absolute ;
  top: 2.9em ;
  left: 2.5% ;
  width: 94% ;
  padding-bottom: 2px ;

  text-align: right ;
  border-left: 1px solid #3333ff ;
}

#mainbar li {
  display: inline ;
  list-style-type: none ;

  color: #3333ff ;
}

#mainbar li a { padding: 0 0.4em ; }

#mainbar li a:link, #mainbar li a:visited {
  background-color: transparent ;
  color: #3333ff ;
}

#mainbar li a:hover, #mainbar li a:focus, #mcurrent a:hover, #mcurrent a:focus { border-bottom: 2px dotted #9966cc ; }
#mcurrent { border-bottom: 2px solid #9966cc ; }

#mainbar form { display: inline ; }

/*
 * Second bar
 */
#mcurrent ul {
  display: block ;
  position: absolute ;
  top: 2.8em ;
  left: 0 ;
  width: 15% ;

  border: #3333ff 1px solid ;
  border-top: 0 ;
  background-color: #bdbdbd ;

  text-align: center ;
  overflow: hidden ;
}

/* Not for IE, nor for Opera 5, 6*/
head:first-child+body #mcurrent>ul {
  position: fixed ;
  top: 5.6em ;
  left: 2.5% ;
}

#mcurrent ul ul {
  position: static ;
  width: 100% ;
  border: none ;
}

#mcurrent ul li {
  display: list-item ;
  border-top: 1px solid #3333ff ;
  border-bottom: 1px solid #ffccff ;
}

#mcurrent ul li { border-bottom: none ; }
#mcurrent ul li li { border-top: 0 ; }

#mcurrent ul ul {
  font-size: 0.8em ;
  border-top: 1px solid #3333ff ;
}

#mcurrent ul a { display: block ; }
/*#mcurrent ul a:hover, #mcurrent ul a:focus { background-color: #ffff99 ; color: #3333ff ; border: none ; }*/
#mcurrent ul a:hover, #mcurrent ul a:focus { background-color: #cfcfcf ; color: #3333ff ; border: none ; }

/*
 * Content
 */
.content {
  width: 100% ;
  width/* */:/**/78.5% ;
  width: /**/78.5% ;
  margin: 0.8em 2.5% 0.8em 19% ;

  border: #3333ff solid 1px ;
  /* background-color: #ffccff ; */
  background-color: #bdbdbd ;

  overflow: hidden ;
}

.content h1 {
  font-size: 1.4em ;
  padding: 0 0.4em ;

  border-bottom: 1px dashed #3333ff ;
  background-color: #cc99ff ;
}

.content h2 {
  clear: both ;

  font-size: 1.2em ;
  font-style: normal ;
  font-weight: normal ;

  margin: 0 0.4em 0 1em ;
  padding-left: 0.4em ;

/*  border: 1px #3333ff ;*/
  border: 3px #cc99ff ;
  border-style: none none dashed dashed ;
}

.content h2:target, .content h3:target { color: #3333ff ; }

.content h3 {
  font-size: 1em ;
  font-style: normal ;
  font-weight: bolder ;
  margin: 0 1.2em ;
  padding-left: 5px ;
  border-left: 10px solid #cc99ff ;
}

.content p {
  margin: 0.8em 0.4em ;
  padding-right: 0.2em ;
  text-indent: 1em ;
  line-height: 1.4em ;
}

.content address {
  margin-left: 1em ;
}

.content pre { background-color: #f9ddf9 ; line-height: 2em ; text-align: center ; }

.content h1 + p:first-letter {
  font-size: 1.5em ;
  font-weight: bolder ;

  color: #9966cc ;
}

.content h2 + p {
  margin-top: 0 ;
  padding-top: 0.4em ;
/*  border-right: 1px dashed #3333ff ;*/
border-right: 3px dashed #cc99ff ;
}

.content h3 + p { margin-top: 0.2em ; }

div.figure img { border-color: #cc99ff ; background-color: #f9ddf9 ; }

.room { min-height: 168px ; }
.room p { border-top: 2px #cc99ff solid ; }
.room p span a:before { content: ">\00A0" ; }

blockquote { border-left: 10px #9966cc solid ; padding-left: 5px ; }

.note h3 {
  margin-left: 1em ;
  border: none ;
}

.note {
  margin: 1em ;
  padding: 0.5em ;
/*  background-color: #f9ddf9 ; */
/*  background: transparent url(share/ui/pink-lines.png) 0 0 repeat ;*/
}

/*
 * Glossary
 */
.gloss dt { border-color: #3333ff ; }
.gloss dd { border-color: #3333ff ; }

/*
 * Chronology
 */
.chrono li, .chrono dt, .chrono dt a { border-color: #cc99ff ; }
.chrono>li dl, .chrono>li dd { border-color: #cc99ff ; }
.chrono dt a:hover, .chrono dt a:focus { border-left: 5px #9966cc solid ; }

/*
 * Thumbs banner
 */
.thumbs {
  text-align: center ;
  margin: 0.8em 0 ;
  padding: 0.5em 0 ;
  clear: both ;

  background: transparent url(share/ui/pink-lines.png) 0 0 repeat ;
}

.thumbs li { display: inline ; }
.thumbs a:hover, .thumbs a:focus { background-color: transparent ; }

/*
 * Prices
 */
table { margin-bottom: 0.8em ; border-color: #8E8E8E ; }

tr.first { background-color: #8E8E8E ; }
tbody { border-top-color: #8E8E8E ; }

caption { margin-bottom: 0.8em ; background-color: #8E8E8E ; }

th, td { border-color: #8E8E8E ; }

/*
table { margin-bottom: 0.8em ; border-color: #cc99ff ; }

tr.first { background-color: #cc99ff ; }
tbody { border-top-color: #cc99ff ; }

caption { margin-bottom: 0.8em ; background-color: #cc99ff ; }

th, td { border-color: #cc99ff ; }
*/

/*
 * News
 */
ul.news { margin: 0.8em 1.4em 1em ; padding: 0 ; }

/*
 * Gallery
 */
.gallery { margin: 0 1em ; padding: 0 ; }
.gallery li a { display: block ; }

.gallery li {
  float: left ;
  width: 114px ;
  list-style-type: none ;

  margin: 0.2em ;
}

/* For Opera */
.gallery li a:hover, .gallery li a:focus { background-color: transparent ; }

/*
 * Access maps
 */
.accmap div { text-align: center ; }
.accmap img { margin-top: 0.6em ;  }

/*
 * Extra
 */
.extra {
  clear: both ;
  margin: 0 ;
  padding: 0.6em 0 0.6em 1.2em ;
}
.gallery + .extra { padding-top: 1.5em ; }
.extra + h2 { margin-top: 0.6em ; }

.extra li {
  display: inline ;
  list-style-type: none ;
  margin: 0 0.2em ;
}

.extra li:after { content: "\00A0::" ; }

/*
 * Footer
 */
.footer {
  font: normal 0.8em Arial, sans-serif ;
  text-align: center ;

  clear: both ;
  margin: 0.6em 2.5% ;
  overflow: hidden ;

  background-color: #bdbdbd ;
  border: #3333ff 1px solid ;
}

body.short .footer {
  width: 78.5% ;
  margin-left: 19% ;
}

.footer span { margin: 0 0.2em ; }

/*
 * Languages
 */
.languages {
  font-family: Arial, sans-serif ;
  font-size: 0.8em ;
  text-align: center ;
}

.languages a { padding: 0 0.2em ; }

/*
 * Forms
 */
.contact {
    clear: both ;
    margin: 0.8em 5% ;
    font-size: 80% ;
}

fieldset {
    padding: 0.6em ;
    margin: 0.4em 0 ;
    border-width: 1px ;
    border-style: solid ;
    border-color: #3333ff ;
}
fieldset fieldset { border: none ; }
.contact>fieldset>legend { padding: 0.1em 0.5em ; }

legend {
    text-transform: lowercase ;
    font-weight: bolder ;
    letter-spacing: 0.2em ;
    color: #3333ff ;
}
fieldset fieldset legend {
    font-weight: normal ;
    letter-spacing: normal ;
}

label {
    white-space: nowrap ;
    margin-right: 1em ;
}
fieldset#info label, fieldset#period label {
    display: block ;
    float: left ;
    width: 11em ;
}

fieldset#info label, fieldset#info p { margin-left: 0.3em ; }
fieldset#info>label, fieldset#info>p { margin-left: 0.6em ; }

.contact input, textarea { margin: 0 0.2em 0.1em ; }
fieldset#period input { width: 50% ; }

* html fieldset#info input, * html fieldset#info textarea {
width: 90% ;
width/* */:/**/60% ;
width: /**/60% ;
}
.contact>fieldset#info input[type="text"], .contact>fieldset#info textarea { width: 90% ; }
* html #info #iccbox { width: 3% ; margin-right: 40% ; }
#info>#iccbox { margin-right: 10% ; }

fieldset#info div { text-align: center ; }
fieldset#info div input { width: 5em ; margin-top: 1em ; }


input[type="text"], #info div input, textarea {
    border: #cc99ff solid 1px ;
    background-color: white ;
}

.contact input:focus, .contact input:hover, #info div input:hover, #info div input:focus, textarea:focus, textarea:hover {
    background-color: white ;
    border-color: #3333ff ;
}

form .error { background-color: #cc99ff ; border-color: #3333ff ; }
p.error { color: red ; }
p.warning { color: red ; }