/* Generic */
body, input, select, textarea { font: 10pt Verdana, Arial, sans-serif }
body { background: #181818; color: #f0f0f0; margin: 0.5em }
form, div { padding: 0; margin: 0 }
a img { border: 0 }
a, a:visited, a:active { color: #f92; text-decoration: none }
a:hover { color: #f92; text-decoration: underline }
a.popup, a.popup:hover { border-bottom: dotted 1px #00f; text-decoration: none }
.handle { cursor: move }
td.number { text-align: right }

/* Header */
#head { position: relative; margin: 1em 0 0.7em 0 }
#logo { position: absolute; left: 10px }
ul#tabnav { list-style-type: none; margin: 0 0 0 5em; padding: 0; height: 24px; overflow: hidden }
ul#tabnav li { height: 30px; margin: 5px 0 0 1em; padding: 0.3em 0.5em 0 0.5em; background: #f92; float: left }
ul#tabnav li a, ul#tabnav li a:visited { color: #000 }
ul#tabnav li a:hover { text-decoration: none }
ul#tabnav li.active, ul#tabnav li:hover { margin-top: 0 }
ul#tabnav li.active { background: #444 }
ul#tabnav li.active a, ul#tabnav li a.active:visited { color: #fff }
#linkbar { background-color: #444; padding: 0.5em }
#linkbar a, #linkbar a:hover, #linkbar a:active, #linkbar a:visited { color: #fff }

/* Layout */
h1, h2, h3 { font-family: Georgia, Verdana, serif; text-align: left; color: #fff }
h2 a, h2 a:hover, h2 a:visited, h2 a:active { color: #fff; text-decoration: none }
h1 { font-size: 15pt; border-bottom: solid 1px #fff }
h2 { border-bottom: dashed 1px #e8a400 }
div#col1 { margin-right: 275px }
div#col3 { width: 250px; float: right; clear: both; text-align: center }
fieldset.stdForm { background: #eee; border: solid 1px #aaa; margin: 0; padding: 5px }
fieldset.stdForm span.required { color: #f00 }
fieldset.labelTop label { font-size: smaller; font-weight: bold }
#iconbar { text-align: right; height: 16px; overflow: hidden }

/* Tooltips, hints, validation */
div.tooltip, .validation-advice p { font-size: 9pt; font-style: italic; border-style: solid; border-color: #f1efe2 #000 #000 #f1efe2; background-color: #ffffe1; padding: 3px }
div.tooltip { width: 16em; opacity: 0.90; border-width: 1px }
.validation-failed {  }
.validation-advice { z-index: 100; position: absolute; left: 2px; bottom: 99%; padding: 0 0 7px 0; background: transparent url(/images/layout/bubble.png) no-repeat scroll bottom left; width: 12em }
.validation-advice p { margin: 0; border-width: 1px 1px 0 1px }

/* Formulaires */
button img { vertical-align: bottom; margin: 1px }
.textInput { border: 1px solid #bbb; padding: 2px }
input.textInput, textarea.textInput { background: #fff url('/images/layout/background-input.png') repeat-x }

/* Footer */
#footer { height: 30px; clear: both; text-align: center; font-size: smaller }

/* DHTML Tabs */
ul.tabs { height: 25px; list-style-type: none; margin: 0 0 0.5em 0; padding: 0; clear: none; background: url(/images/layout/background-tabs.png) repeat-x }
ul.tabs li { height: 21px; overflow: hidden; float: left; margin: 3px 0 0 6px; padding-right: 0.5em; text-align: center; background: transparent url(/images/layout/round-tab.png) repeat scroll 100% 100px; border-bottom: solid 1px #bfbfbf }
ul.tabs li a, ul.tabs li a:visited, ul.tabs li a:active, ul.tabs li a:hover { background: transparent url(/images/layout/round-tab.png) repeat scroll 0 100px; display: block; padding: 0.3em 0 2em 0.5em; margin: 0; color: #000; text-decoration: none }
ul.tabs li:hover, ul.tabs li.active { margin-top: 0; height: 24px }
ul.tabs li.active a, ul.tabs li.active a:active, ul.tabs li.active a:visited {  background: transparent url(/images/layout/round-tab.png) repeat scroll 0 0 }
ul.tabs li.active { border-bottom: solid 1px #fffff6; background: transparent url(/images/layout/round-tab.png) repeat scroll 100% 0 }

/* Modules */
div.window { background-color: #444; margin-bottom: 0.5em; text-align: left }
div.window h6 { margin: 0; font-size: 11pt; font-weight: bold; display: block; padding: 0.2em; background-color: #555 }
div.window h6 a, div.window h6 a:hover, div.window h6 a:visited, div.window h6 a:active { color: #fff; text-decoration: none }
div.window ul { padding: 0; margin: 0.5em; list-style: none }
div.window div.windowBody { text-align: left }
div.window div.windowBody p { padding: 0; margin: 0.5em; }

#loginBox form { margin-left: auto; margin-right: auto; text-align: right }
#loginBox form input { margin-top: 1px }

/* Icon menus */
div.window ul.iconmenu { margin: 0; background: #fff2d9 }
div.window ul.iconmenu a, div.window ul.iconmenu a:hover { color: #000; text-decoration: none; display: block; padding: 5px 3px 5px 3px }
div.window ul.iconmenu a:hover { background: #ffcf71 }
div.window ul.iconmenu img { margin: 0 4px 0 0; vertical-align: bottom }