@charset "ISO-8859-1" ;

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


/*
 * Global
 */
img {
    padding: 1px ;
    border: 1px solid #FADD39 ;
    vertical-align: bottom ;
}

a:hover img, a:focus img {
    background-color: #FADD39 ;
}

a         { text-decoration: none ; }
a:link    { color: #C74457 ; }
a:visited { color: #FADD39 ; }
a:hover, a:focus { text-decoration: underline ; }

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

/*
 * Transparency stuff: hiding this stuff from IE and Opera 5,6
 */
body                               { background: white url(share/ui/tremiere.jpg) 0 60px no-repeat fixed ; color: black ; }
head:first-child+body .banner      { background: white url(share/ui/tremiere.jpg) 0 60px no-repeat fixed ; }
head:first-child+body #mainbar     { background: white url(share/ui/tremiere.jpg) 0 60px no-repeat fixed ; }
head:first-child+body #mcurrent ul { background: white url(share/ui/tremiere-blurred.jpg) 0 60px no-repeat fixed ; }
head:first-child+body .content     { background: white url(share/ui/tremiere-blurred.jpg) 0 60px no-repeat fixed ; }
head:first-child+body .content h1  { background: white url(share/ui/tremiere-blurred.jpg) 0 60px no-repeat fixed ; }
head:first-child+body .footer      { background: white url(share/ui/tremiere-blurred.jpg) 0 60px no-repeat fixed ; }
head:first-child+body .languages   { background: white url(share/ui/tremiere-blurred.jpg) 0 60px no-repeat fixed ; }
head:first-child+body tr.first     { background: #FADD39 url(share/ui/tremiere-yellow.jpg) 0 60px no-repeat fixed ; }
head:first-child+body caption      { background: #FADD39 url(share/ui/tremiere-yellow.jpg) 0 60px no-repeat fixed ; }
head:first-child+body .offer       { background: #FADD39 url(share/ui/tremiere-yellow.jpg) 0 60px no-repeat fixed ; }

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

.banner {
    font-family: windsordemi, "Trebuchet MS", serif ;
    margin: 1em 2.5% 1.8em ;
    height: 4.5em ;
    height/* */:/**/4.1em ;
    height: /**/4.1em ;
    background-color: white ;
}

.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:visited, .banner a:hover, .banner a:focus {
    color: #C74457 ; background-color: transparent ;
    text-decoration: none ;
}

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

#mainbar {
    position: absolute ;
    top: 2.9em ;
    left: 2.5% ;
    width: 95% ;
    padding-bottom: 2px ;
    text-align: right ;
}

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

#mainbar a:link, #mainbar a:visited {
    padding: 0 0.4em ;
    background-color: transparent ;
    color: #C74457 ;
}

#mainbar a:hover, #mainbar a:focus {
    font-style: italic ;
    text-decoration: none ;
}

/*
 * Second bar
 */
#mcurrent a:link, #mcurrent a:visited {
    color: #FADD39 ;
    font-weight: bolder ;
}

#mcurrent ul {
    display: block ;
    position: absolute ;
    top: 3.8em ;
    left: 0 ;
    width: 15% ;
    text-align: center ;
    overflow: hidden ;
}

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

#mcurrent ul {
    color: #FFFA8F ;
    font-weight: bolder ;
}

#mcurrent ul ul {
    position: static ;
    width: 100% ;
    font-size: 0.9em ;
}

#mcurrent ul li {
    display: list-item ;
}

#mcurrent ul a:link, #mcurrent ul a:visited {
    display: block ;
    color: #FFFA8F ;
    padding: 0.4em 0 ;
    border: transparent 1px solid ;
    font-weight: bolder ;
}

#mcurrent ul a:hover, #mcurrent ul a:focus {
    border: #FADD39 1px solid ;
    color: #FADD39 ;
    text-decoration: none ;
    font-style: normal ;
    background: transparent url(share/ui/tremiere-pale.jpg) 0 60px no-repeat fixed ;
}

/*
 * Content
 */
.content {
    width: 100% ;
    width/* */:/**/77% ;
    width: /**/77% ;
    margin: 0 0 0 19% ;
    padding: 0.6em 2% 0 ;
    background-color: white ;
    overflow: hidden ;
}

.content h1 {
    font-size: 1.4em ;
}

.content h2 {
    clear: both ;
    font-size: 1.2em ;
    margin: 1em 0 0 0.8em ;
}

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

.content h3 {
    font-size: 1em ;
    font-weight: bolder ;
    margin: 1em 0 0 1em ;
}

.content p {
    margin: 0.8em 0 ;
    text-indent: 1em ;
    line-height: 1.4em ;
}

.content img.lpict { float: left ; margin: 6px 0.6em 0 0 ; }
.content img.rpict { float: right ; margin: 6px 0 0 0.6em ; }

.room {
    clear: both ;
    margin: 1em ;
    min-height: 166px ;
}

.room p span a:before {
    content: ">\00A0" ;
}


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

.content img.lpict { float: left ; margin-right: 0.6em ; }
.content img.rpict { float: right ; margin-left: 0.6em ; }

.figure {
    margin: 1em 5% ;
}

.figure img {
    display: block ;
    padding: 5px ;
    border: #FADD39 1px solid ;
}

.figure span {
    font-size: 80% ;
}

.figure a:link, .figure a:visited, .figure a:hover, .figure a:focus {
    display: block ;
    background-color: transparent ;
}

.figure a:hover img, .figure a:focus img {
    background-color: transparent ;
}

blockquote {
    font-style: italic ;
    margin: 0.4em 5% ;
    border-left: 10px #C74457 solid ;
    padding-left: 10px ;
}

cite {
    display: block ;
    margin: 0.4em 5% ;
}

cite .author { font-variant: small-caps ; }
cite .book { font-style: italic ; }

acronym[title], dfn[title], abbr[title] {
    cursor: help ;
    color: black ;
    border-bottom: 1px dotted black ;
}

.content pre {
    font-size: 0.9em ;
    line-height: 2em ;
    text-align: center ;
}

/*
 * Tables
 */
table {
    margin: 0 10% 0.8em ;
    text-align: center ;
    border-collapse: collapse ;
    width: 80% ;
    border: 1px solid #FADD39 ;
}
/*.content>table { margin-bottom: 0 ; }*/
/* Not for IE 5 */
div>table, table>caption { margin: 0 auto ; }

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

th, td {
    border: 1px solid #FADD39 ;
    padding: 0.1em 0.4em ;
}

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

/*
 * Prices
 */
col#service { width: 30% ; }
col#loprice { width: 30% ; }
col#hiprice { width: 40% ; }

/*
 * News
 */
table.news img { border: 0 ; }
col#type { width: 10% ; }
col#date { width: 20% ;  }
col#description { width: 70% ; }

ul.news { margin: 0.8em 1.4em 1em ; padding: 0 ; }
ul.news li { list-style-type: none ; }
ul.news img { vertical-align: middle ; margin-top: 2px ; }

/* Browsers */
col#windows, col#linux, col#macintosh { width: 15% ; }

.yellow { background-color: #ffff99 ; }
.orange { background-color: #ef950e ; }
.red    { background-color: #e53424 ; }

/*
 * Special offer
 */
.offer {
	margin: 1em ;
	padding: 1em ;
	-webkit-border-radius: 16px ;
	-moz-border-radius: 16px ;
	border-radius: 16px ;
}

.offer h3 {
	margin: 0 ;
}

.offer p {
	text-indent: 0 ;
}

.offer em {
	font-weight: bold ;
}

/*
 * Glossary
 */
.gloss {
    margin: 0 8% ;
    font-size: 90% ;
}

.gloss dt {
    display: block ;
    width: 8em ;
    border-bottom: #FADD39 1px solid ;
    text-align: center ;
}

.gloss dd {
    display: block ;
    margin: -2.2em 0 0.8em 8em ;
    padding: 0 0 1em 0.6em ;
    border-left: #FADD39 1px solid ;
}

.gloss dt a {
    display: block ;
    width: 8em ;
    padding: 0.5em 0 0.5em ;
}

.gloss dt a:hover, .gloss dt a:focus {
    background-color: #C74457 ;
    color: #FADD39 ;
    text-decoration: none ;
}

/*
 * Chronology
 */
.chrono {
    margin: 0 8% ;
    padding: 0 ;
    font-size: 90% ;
    border-left: #FADD39 5px solid ;
}

.chrono li {
    list-style-type: none ;
    padding: 0.4em 0 1em 0.8em ;
}

.chrono li li {
    border: none ;
    list-style-type: square ;
    list-style-position: inside ;
    padding: 0 ;
}

.chrono li .century {
    font-weight: bolder ;
}

.chrono dl {
    margin-left: -0.8em ;
}

.chrono>li dl {
    margin-top: 0.4em ;
    padding-top: 0.6em ;
    border-top: #FADD39 1px dotted ;
}

.chrono dt {
    display: block ;
    width: 8em ;
    text-align: center ;
}

.chrono dd {
    display: block ;
    margin: -1.2em 0 0.2em 8em ;
    padding-left: 0.4em ;
}

.chrono dt a {
    display: block ;
    width: 8em ;
    margin-left: -5px ;
    border-left: #FADD39 5px solid ;
}

.chrono dt.unknown { visibility: hidden ; }
.chrono dd.unknown { border-left: none ; }

.chrono dt a:hover, .chrono dt a:focus {
    background-color: #C74457 ;
    border-left: 5px #FFFA8F solid ;
    color: #FADD39 ;
    text-decoration: none ;
}

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

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

/*
 * Gallery
 */

.gallery { margin: 0 1em 2em 1em ; padding: 0 ; }

.gallery li {
    display: inline ;
    line-height: 118px ;
    list-style-type: none ;
    margin: 0 ;
}

/* 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: 2em 0 2em 1em ;
    padding: 0 ;
}
.gallery + .extra { padding-top: 1.5em ; }
.extra + h2 { margin-top: 0.6em ; }

.extra li {
    display: inline ;
    list-style-type: none ;
}

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

/*
 * Footer
 */
.footer {
    clear: both ;
    margin: 0 2.5% 0 19% ;
    padding: 1em 0 2em ;
    font: normal 0.9em Arial, sans-serif ;
    text-align: center ;
    overflow: hidden ;
    background-color: white ;
}

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

.footer span { margin: 0 0.2em ; }

/*
 * Languages
 */
.languages {
    margin: 0 2.5% 3em 19% ;
    font-family: Arial, sans-serif ;
    font-size: 0.8em ;
    text-align: center ;
    background-color: white ;
}

.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: #FFFA8F ;
}
fieldset fieldset { border: none ; }
.contact>fieldset>legend { padding: 0.1em 0.5em ; }

legend {
    text-transform: lowercase ;
    font-weight: bolder ;
    letter-spacing: 0.2em ;
    color: black ;
}
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: #FFFA8F 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: #FFFA8F ;
}

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