@charset "ISO-8859-1" ;

/* This is to hide this stylesheet from Emacs/W3... */
@media all {

/* 
 * Settings common to all stylesheets 
 */ 
body, img, h1, h2, dl, dt, dd, form, label, input, textarea, fieldset, legend, blockquote { 
  margin: 0 ;
  padding: 0 ;
}

body { 
  font-size: 1em ; 
  font-family: "Trebuchet MS", "Bitstream Vera Sans", sans-serif  ;
}

img { 
  padding: 1px ;
  border: 1px solid #3399ff ;
  
  vertical-align: bottom ; 
}

a.logo img { border: none ; }
a.logo:hover, a.logo:focus, a.logo:hover img, a.logo:focus img { background-color: transparent ; }

hr { display: none ; }

/*
 * Quotations
 */
html[lang|=fr] > * { quotes: "\00AB\00A0" "\00A0\00BB" "\201C" "\201D" ; }
html[lang|=en] > * { quotes: "\201C" "\201D" "\2018" "\2019" ; }

q:before { content: open-quote ; }
q:after  { content: close-quote ; }

blockquote {
  font-family: Garamond, "Book Antiqua", serif ;
  font-style: italic ;
  margin: 0.4em 5% ;
}

cite.reference { margin: 0.4em 5% ; }

.content blockquote p { margin: 0 ; padding: 0 ; }
.content blockquote p:first-child:before { content: open-quote ; }
.content blockquote p.last:after { content: close-quote ; }

cite {
  font-style: normal ;
  font-weight: normal ;
  font-variant: normal ;
  font-size: 90% ;
}

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

/*
 * Other
 */
acronym, dfn, abbr {
  font-style: normal ;
  font-weight: normal ;
  font-variant: normal ;
}

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

.century { text-transform: lowercase ; font-variant: small-caps ; }
.century sup { font-variant: normal ; font-size: 0.7em ; vertical-align: 40% ; }

div.figure { margin: 0.8em 5% ; }
div.figure img { display: block ; padding: 5px ; border: 2px solid ; }
div.figure span { padding-left: 0.5em ; font-size: 80% ; }

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

.room { clear: both ; margin: 0.4em ; }
div.room p { padding-top: 0.4em ; margin: 0 ; }

.room img { margin-top: 6px ; }
.room img.lpict { margin-left: 3px ; }
.room img.rpict { margin-right: 3px ; }

/*
 * Tables
 */
table { 
  margin: 0 10% ;
  text-align: center ;
  border-collapse: collapse ; 
  width: 80% ;
  border: 1px solid ;
}
tbody { border-top: 2px solid ; }
th, td { border: 1px solid ; padding: 0.1em 0.4em ; }

caption { 
  caption-side: bottom ;
  margin: 0 10% ;
}

/* Not for IE 5 */
div>table, table>caption { margin: 0 auto ; }

/* Prices */
col#service { width: 40% ; }
col#pricehs { width: 30% ; }
col#pricebs { width: 30% ; }

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

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 ; }

/*
 * Glossary
 */
.gloss { margin: 0 8% ; font-size: 90% ; }
.gloss dt, .gloss dd { display: block ; }
.gloss dt { width: 8em ; border-bottom: 1px solid ; }
.gloss dt a { display: block ; width: 8em ; }
.gloss dd { margin: -1.2em 0 0.4em 8em ; padding-left: 0.4em ; border-left: 1px solid ; }

/*
 * Chronology
 */
.chrono { margin: 0 8% ; font-size: 90% ; padding: 0 ;}
.chrono ul { margin: 0 ; padding: 0 ; }
.chrono, .chrono li { list-style-type: none ; }
.chrono li { 
  border-left: 5px solid ;
  padding: 0.4em 0 0 0.4em ;
  margin-top: -0.2em ;
}

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

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

.chrono dl { margin-left: -0.4em ; }
.chrono>li dl { border-top: 2px dotted ; }

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

.chrono dd { 
  display: block ;
  margin: -1.2em 0 0.2em 8em ;
  padding-left: 0.4em ;
}
.chrono>li dd { border-left: 1px solid ; }

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

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

}