body { text-align: left; } /** * Header */ #header { height: 482px; } /** * jQuery UI Tabs */ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /** * Tabs */ #tabs { position: absolute; top: 144px; left: -2px; width: 958px; height: 338px; background: url(../images/home/bg-slides.jpg) no-repeat top; color: #f9ede6; z-index: 25; } /* edater tab */ #tabs #edater { position: absolute; top: 19px; left: 5px; width: 950px; height: 189px; overflow: hidden; background: url(../images/home/bg-tab-edater.jpg); font-size: 1.1em; line-height: 2em; z-index: 24; } #tabs #edater big { font-size: 1.15em; font-weight: bold; } #tabs #edater .left { float: left; width: 385px; margin: 35px 0 0 65px; } #tabs #edater .right { float: left; width: 400px; margin: 35px 0 0 45px; } #IE6 #tabs #edater .left, #IE6 #tabs #edater .right { display: inline; } #tabs #edater .link { margin-right: 70px; } #tabs #edater .link a { color: #f9ede6; text-decoration: none; } #tabs #edater .link a:hover { text-decoration: underline; } #tabs .tab { position: absolute; top: 19px; left: 5px; width: 950px; height: 189px; overflow: hidden; padding: 0; color: #edcccc; line-height: 1.4em; z-index: 23; } #tabs .tab h2 { font-size: 1.65em; font-weight: bold; margin: 17px 0 5px 107px; } #tabs .tab h2 a { color: #fff; text-decoration: none; } #tabs .tab h2 a:hover { text-decoration: none; } #tabs .tab p { margin-left: 107px; } #tabs .tab a { color: #fefefe; text-decoration: none; } #tabs .tab a:hover { text-decoration: underline; } #tabs .tab .solutions { position: absolute; width: 152px; height: 36px; } #tabs #tab-1 { background: url(../images/home/bg-tab1.jpg); } #tabs #tab-1 p { width: 420px; } #tabs #tab-1 .solutions { top: 120px; left: 560px; } #tabs #tab-2 { background: url(../images/home/bg-tab2.jpg); } #tabs #tab-2 p { width: 400px; } #tabs #tab-2 .solutions { top: 138px; left: 477px; } #tabs #tab-3 { background: url(../images/home/bg-tab3.jpg); } #tabs #tab-3 p { width: 400px; } #tabs #tab-3 .solutions { top: 83px; left: 543px; } #tabs #tab-4 { background: url(../images/home/bg-tab4.jpg); color: #dfc4df; } #tabs #tab-4 p { width: 400px; } #tabs #tab-4 .solutions { top: 111px; left: 534px; } #tabs #tab-5 { background: url(../images/home/bg-tab5.jpg); color: #ccdfe7; } #tabs #tab-5 p { width: 420px; } #tabs #tab-5 .solutions { top: 121px; left: 560px; } #tabs ul { position: absolute; top: 206px; left: 0; margin: 0; width: 958px; } #tabs ul li { display: block; float: left; width: 190px; height: 130px; padding: 0; margin: 0; background: 0; } #tabs ul li a { width: 100%; height: 125px; } #tabs .ui-tabs-nav li#tab-link1 { background: url(../images/home/bg-tab1-link.jpg) top; width: 193px; } #tabs .ui-tabs-nav li#tab-link2 { background: url(../images/home/bg-tab2-link.jpg) top; } #tabs .ui-tabs-nav li#tab-link3 { background: url(../images/home/bg-tab3-link.jpg) top; } #tabs .ui-tabs-nav li#tab-link4 { background: url(../images/home/bg-tab4-link.jpg) top; width: 189px; } #tabs .ui-tabs-nav li#tab-link5 { background: url(../images/home/bg-tab5-link.jpg) top; width: 196px; } #tabs .ui-tabs-nav li.ui-tabs-selected { background-position: bottom !important; } /** * Content */ #content { background: url(../images/home/bg-content.jpg) repeat-x bottom; min-height: 245px; margin-top: 20px; } #IE6 #content { height: 245px; } #content .container { background: url(../images/home/bg-content-container.jpg) no-repeat 496px bottom; } #content h3 { position: relative; color: #8a8a84; background: #ecebe8; border-top: 3px solid #be250c; padding: 13px 9px 7px 11px; font-size: 1.3em; font-weight: bold; margin: 35px 0 22px 0; } #IE7 #content h3, #IE6 #content h3 { margin-top: 15px; } #content h3 img { position: absolute; top: 13px; right: 13px; } #content a { color: #474646; } #content .color1 a { color: #c91616; } /* rouge */ #content .color2 a { color: #343434; } /* gris */ #content .color3 a { color: #78951f; } /* vert */ /* left */ #content .left { float: left; width: 462px; } /* right */ #content .right { float: right; width: 462px; min-height: 240px; background: url(../images/home/bg-documentation.png) no-repeat 2px 10px; } #IE6 #content .right { background-image: url(../images/home/bg-documentation.jpg); height: 200px; } #content .right div.content { padding-left: 115px; } /*#content .right h3 { border-top-color: #ee6402; } #content .right a { color: #c65200; text-decoration: none; } #content .right a:hover { text-decoration: underline; } #content .right em a { color: #6c6c6c; }*/ #content .right #youwant { margin-top: 30px; padding: 0 0 40px 115px; } #content .right #youwant h4 { color: #c91616; font-size: 1.2em; padding: 0 0 2px 4px; margin: 0; background: 0; width: auto; } #content .right #youwant div { padding: 7px 0 0 0; background: url(../images/home/bg-youwant.png); width: 333px; height: 30px; } #content .right #youwant select { width: 293px; margin-left: 20px; border: 0; }