/* --- GENERAL --- */
body  { color: #505050; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #283cbe }
a  { color: #283cbe; text-decoration: none }
a:hover { color: #283cbe; text-decoration: underline }
a.selected { color: #283cbe; font-weight: bold; text-decoration: none }
/* --- LAYOUT --- */
#container { background-color: white; margin: 0; width: 800px; height: auto }
#header-line     { background-color: #283cbe; background-image: url(images/header-line.gif); background-repeat: no-repeat; background-position: center top; width: 800px; height: 16px }
#header-banner   { background-image: url("images/header-banner.jpg"); background-repeat: no-repeat; background-position: center top; width: 800px; height: 70px }
#header-banner-ch { background-image: url("images/header-banner-ch.jpg"); background-repeat: no-repeat; background-position: center top; width: 800px; height: 70px }
#header-banner-uk { background-image: url("images/header-banner-uk.jpg"); background-repeat: no-repeat; background-position: center top; width: 800px; height: 70px }
#header-separator  { background-color: white; background-image: url(images/header-separator.gif); background-repeat: no-repeat; background-position: center top; width: 800px; height: 14px }
#left-side   { color: #7a8799; font-size: 11px; line-height: 12px; text-align: left; margin: 0; width: 149px; height: auto; float: left; vertical-align: top }
#content      { color: #505050; font-size: 11px; line-height: 12px; background-image: url("images/watermark.gif"); background-repeat: no-repeat; background-position: right top; text-align: left; margin: 0; padding: 15px 15px 10px 10px; width: 626px; height: auto; float: left; vertical-align: top }
#footer-content      { font-size: 9px; line-height: 10px; background-color: white; background-image: url("images/small-logo.gif"); background-repeat: no-repeat; background-position: center bottom; text-align: center; padding: 10px; width: 780px; height: 55px; clear: both; vertical-align: bottom }
#footer-line    { background-color: #283cbe; background-image: url("images/footer-line.gif"); background-repeat: no-repeat; background-position: center top; width: 800px; height: 16px; clear: both }
/*  --- MENU --- */
#menu-top   { background-image: url("images/menu-top.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; width: 149px; height: 16px; }
#menu   { color: #7a8799; font-size: 11px; line-height: 12px; background-color: #dbe7f7; text-align: left; margin: 0; padding: 0; width: 149px; height: auto; vertical-align: top }
#menu ul      { text-align: left; list-style-type: none; display: list-item; margin: 0; padding: 0 0 0 6px; vertical-align: middle }
#menu li     { list-style-type: none; display: list-item; margin: 0; padding: 2px 0 2px 6px }
#menu ul.espaces      { background-color: #c1cbd9; text-align: left; list-style-type: none; display: list-item; margin: 0; padding: 0 0 0 6px; vertical-align: middle }
#menu li.espaces      { background-color: #c1cbd9; list-style-type: none; display: list-item; margin: 0; padding: 2px 0 2px 6px }
#menu a { color: #7a8799; text-decoration: none }
#menu a.selected { color: #7a8799; font-weight: bold; text-decoration: none }
#menu a:hover { color: #7a8799; text-decoration: underline }
#menu-bottom   { background-image: url("images/menu-bottom.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; width: 149px; height: 16px; float: left }
#espaces-top    { background-image: url("images/espaces-top.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; width: 149px; height: 16px }
#espaces    { color: #7a7a7a; font-size: 11px; line-height: 12px; background-color: #bbff82; text-align: left; margin: 0; padding: 0; width: 149px; height: auto; vertical-align: top }
#espaces ul      { text-align: left; list-style-type: none; display: list-item; margin: 0; padding: 0 0 0 6px; vertical-align: middle }
#espaces li     { list-style-type: none; display: list-item; margin: 0; padding: 2px 0 2px 6px }
#espaces a  { color: #7a7a7a; text-decoration: none }
#espaces a.selected  { color: #7a7a7a; font-weight: bold; text-decoration: none }
#espaces a:hover  { color: #7a7a7a; text-decoration: underline }
#espaces-bottom    { background-image: url("images/espaces-bottom.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; width: 149px; height: 16px; float: left }
/*  --- CONTENT --- */
#content h1   { font-size: 18px; font-style: italic; font-weight: bold; line-height: 24px; background-image: url("images/h1-bg.gif"); background-repeat: no-repeat; background-position: left bottom; text-align: left; padding-left: 15px; vertical-align: top }
#content h2   { color: #7a8799; font-size: 16px; font-style: italic; font-weight: bold; line-height: 16px; text-align: left; vertical-align: top }
#content ul  { }
#content td { font-size: 11px }
#content div.quote-box { color: #7a8799; font-size: 12px; line-height: 14px; background: #dbe7f7; text-align: center; padding: 12px; border: solid 1px }
#content td.photo { color: #7a8799; font-size: 11px; background-color: #dbe7f7; padding: 8px }
#content td.photo:hover { color: #7a8799; font-size: 11px; background-color: #d7d7d7; padding: 7px; border: solid 1px }
#content .highlight  { color: #ff5700 }
/* --- CONTENT : TABLE-FORM --- */
#content td.table-header { font-size: 12px; font-weight: bold; background-color: #dbe7f7; text-align: left; padding: 2px; vertical-align: middle; border-top: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4 }
#content td.table-label { font-weight: bold; text-align: left; vertical-align: middle; border-bottom: 1px solid #b4b4b4 }
#content td.table-line { text-align: left; vertical-align: top; border-bottom: 1px solid #b4b4b4 }
#content td.table-footer { font-size: 12px; font-weight: bold; background-color: #dbe7f7; text-align: right; padding: 2px; vertical-align: middle; border-top: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4 }
/*  --- CHUV CONTENT --- */
#chuv-container { background-color: transparent; margin: 0; width: 626px; height: auto; clear: both }
#chuv-content  { color: #505050; font-size: 11px; line-height: 12px; text-align: left; padding-right: 5px; width: 440px; height: auto; float: left; vertical-align: top }
#chuv-menu  { color: #7a8799; font-size: 11px; line-height: 12px; text-align: left; padding-left: 5px; width: 175px; height: auto; float: left; vertical-align: top; border-left: 1px dotted #7a8799 }
/*  --- CONTEXT BOX --- */
#context-box-top  { background-image: url(images/box-top.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; width: 149px; height: 16px; float: left }
#context-box   { color: #7a8799; font-size: 10px; line-height: 11px; background: #ebefef; text-align: left; margin: 0; padding-right: 2px; padding-left: 12px; vertical-align: top }
#context-box-bottom  { background-image: url(images/box-bottom.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; width: 149px; height: 16px; float: left }

#news {width:300px; float:right;}
#positions {width:300px; height:400px;float:left;overflow-x:hidden;overflow-y:auto;}
#positions table td {text-align:left; vertical-align: middle;}
#positions table td p {padding:5px;margin:0;}