body { font-family: sans-serif; background-color: #2B2B2B; } div.main_wrapper { width: 1024px; height: auto; margin: 0 auto; padding: 10px; position: relative; } div.center { width: auto; background-color: #E5E5E5; height: auto; border-style: solid; border-color: #AAAAAA; border-width: 1px 0 1px 0; } div.banner { background: url(../images/logo_tetalab.png); background-repeat: no-repeat; background-position: 10px -2px; background-color: #FF5D00; color: #FFFFFF; font-size: 24px; padding: 10px; text-align: right; font-weight: bold; height: 40px; text-shadow: 0 0 1px #000000; } div.top_menu { background-color: #BBBBBB; height: 30px; text-align: right; line-height: 30px; border-style: solid; border-color: #888888; border-width: 1px 0 0 0; } div.top_menu input { position: relative; top: 4px; width: 16px; height: 16px; border-radius: 2px; margin-right: 4px; } div.top_menu input:hover { background-color: #FF5D00; } span.top_menu_item { margin: 5px 2px 0 0; font-size: 12px; background-color: #F0ECE0; padding: 1px 5px 1px 5px; border-radius: 4px; border-style: solid; border-color: #888888; border-width: 1px; font-weight: bold; color: #FF5D00; line-height: 30px; } span.top_menu_item_selected { margin: 5px 2px 0 0; font-size: 12px; background-color: #FF5D00; padding: 1px 5px 1px 5px; border-radius: 4px; border-style: solid; border-color: #888888; border-width: 1px; font-weight: bold; color: #F0ECE0; line-height: 30px; } span.top_menu_item:hover, span.top_menu_item_selected:hover { background-color: #FFB387; color: #555555; cursor: pointer; } div.content_wrapper { height: 552px; width: 1024px; } div.left_menu { background-color: #E5E5E5; border-style: solid; border-color: #AAAAAA; border-width: 1px 1px 1px 0; overflow-y: auto; overflow-x: hidden; width: 249px; height: 550px; line-height: 50px; display: none } div.left_menu_item, div.left_menu_item_selected { background-color: #E5E5E5; width: 229px; height: 40px; overflow-y: hidden; border-style: solid; border-color: #AAAAAA; border-width: 0 0 1px 0; padding: 10px; line-height: 50px; font-weight: bold; font-size: 20px; color: #555555; } div.left_menu_item:hover, div.left_menu_item_selected:hover { background-color: #FFB387; color: #555555; cursor: pointer; } div.left_menu_item_selected { color: #F0ECE0; background-color: #FF5D00; } div.content { position: absolute; top: 102px; width: 1004px; height: 530px; background-color: #E5E5E5; overflow-y: auto; padding: 10px; border-style: solid; border-color: #AAAAAA; border-width: 1px 0 1px 0; color: #555555; text-align: justify; } div.note { font-size: 14px; line-height: 14px; } div.error { background: url(../images/404.jpg); background-repeat: no-repeat; background-position: center center; background-color: #000000; height: 531px; padding: 10px; text-align: center; font-size: 70px; font-weight: bold; color: #FF5D00; } div.wip { background: url(../images/working.jpg); background-repeat: no-repeat; background-position: center center; background-color: #000000; height: 531px; padding: 10px; text-align: center; font-size: 70px; font-weight: bold; color: #FF5D00; } div.footer { background-color: #FF5D00; font-size: 10px; color: #2B2B2B; text-align: center; } /* *********************************** * Classes génériques *********************************** */ h3, h4 { text-decoration: underline; } a { color: #FF5D00; text-decoration: none; padding: 2px; } a:hover { background-color: #FFB387; } span.bold { font-weight: bold; } /* *********************************** * Search *********************************** */ div.main_block { padding: 0; margin: 0; width: 1000px; float: left; } div.main_block text { display: block; font-weight: bold; margin-bottom: 4px; } div.button_block { margin: 0 0 4px 0; height: 20px; width: 525px; } div.button_block input { position: relative; width: 16px; height: 16px; border-radius: 2px; margin-right: 32px; left: 250px; } div.button_block input:hover { cursor: pointer; background-color: #FF5D00; } div.input_block { margin: 0 0 4px 0; height: 20px; width: 525px; } div.input_block label { display: block; float: left; width: 200px; text-align: center; font-weight: bold; background-color: #FF5D00; height: 20px; text-align: left; vertical-align: middle; padding: 0 4px 0 4px; } div.input_block select, div.input_block input { width: 310px; float: right; padding: 0 4px 0 4px; margin-left: 4px; text-align: right; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #555555; color: #555555; height: 20px; } div.input_block input { float: right; height: 17px; width: 300px; } /* *********************************** * Result *********************************** */ .border_bottom { border-bottom-style: solid; border-bottom-width: 1px; } .border_top { border-top-style: solid; border-top-width: 1px; } .border_left { border-left-width: 1px; border-left-style: solid; } div.even { background-color: #E5E5E5; } div.odd { background-color: #FFFFFF; } span.prev_page, span.next_page { color: #FF5D00; font-weight: bold; font-size: 12px; } span.prev_page:hover, span.next_page:hover { color: #FFFFFF; background-color: #FF5D00; cursor: pointer; } span.page_num { font-size: 12px; } div.row_block { display: inline-block; margin: 0 0 4px 0; height: 20px; width: 1000px; } div.nav_page_block { text-align: right; height: 20px; width: 1000px; } div.action_bar_block { display: inline; overflow: hidden; float: center; height: 20px; } div.row_block label { display: inline; float: left; text-align: center; font-weight: bold; background-color: #FF5D00; vertical-align: middle; } div.row_block label:hover { cursor: pointer; } div.row_block label.border_left, div.row_block text.border_left { border-left-style: solid; border-left-width: 1; } div.row_block text { display: inline; float: left; font-weight: normal; text-align: left; overflow: hidden; vertical-align: middle; padding: 0 5px 0 5px; white-space: nowrap; } div.row_block text.num { text-align: right; } div.row_block text.red { color: #FF0000; font-weight: bold; border-color: #555555; } div.nav_page_block text { display: block; white-space: nowrap; } div.action_bar_block input { display: inline; height: 17px; width: 16px; margin-left: 20px; margin-top: 1px; background-color: #F5D00; } div.action_bar_block input:hover { cursor: pointer; background-color: #FF5D00; }