/******************************************************************************* @copyright Copyright (c) 2009, lewebconcret.ch @author Jose Malvarez ******************************************************************************** Fichier : /www.hok.ch/data/files/model/lewebconcret.ch.css Encodage : UTF-8 Description : Date : 03 sept. 09 ******************************************************************************** Notes : Bleu : 008ed0 Brun : DFD1C3, BFB3A7, 3F1F00, 804000, 2F1700, 1F0F00 Orange : FFA500 -webkit-box-shadow: 1px 1px 5px #000; -moz-box-shadow: 0px 1px 8px #000; -webkit-border-top-left-radius: 1em; -moz-border-radius-topleft: 1em; Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; *******************************************************************************/ /******************************************************************************* s y s t e m *******************************************************************************/ :lang(fr) { } ::Selection { } ::-moz-Selection { } /******************************************************************************* c o n t r o l s *******************************************************************************/ html { font-size: 100%; background-color: #fff; } body { margin: 0em auto; width: 100%; font-size: 12px; text-overflow: ellipsis; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif; line-height: 1.4em; color: #666; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: normal; } body * { margin: 0em; padding: 0em; text-overflow: ellipsis; border-color: #000; border-style: solid; border-width: 0px; } a { text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } a:active, a:focus { outline: none; border-color: transparent; } a img { border: none; } sup { font-size: 0.7em; padding: 0; margin: 0; line-height: .6em;} div.br { clear: both; } ul { list-style-type: none; } img, fieldset { border: 0; } legend { font-weight: bold; } /*code:before { content:"\005b"; }*/ code { font-family: courier; color: #000; } /*code:after { content:"\005d"; }*/ .citation:before { content:"\0022"; } .citation { font-style: italic; } .citation:after { content:"\0022"; } .nowrap { white-space: nowrap !important; } .left { text-align: left !important; } .center { text-align: center !important; } .right { text-align: right !important; } .justify { text-align: justify !important; } .short { width: 5em !important; } #spacer.gif { width: 3em; height: 2em;} p { margin: .75em 0; } address { margin: .75em 0; font-style: normal; } em { } strong { } form, fieldset { margin: 0; padding: 0; border: none; } input, button, select { vertical-align: middle; } /******************************************************************************* h e a d e r s *******************************************************************************/ h1, h2, h3, h4, h5, h6 { margin: 1em 0 .5em 0; line-height: 1.2; font-weight: bold; font-style: normal; } h1 { font-size: 1.75em; } h2 { font-size: 1.5em; } h3 { font-size: 1.25em; } h4 { font-size: 1em; } /******************************************************************************* t a b l e s *******************************************************************************/ table { border-collapse: separate; border-spacing: 0; margin: 0; color: #666; width: 100%; padding: 1em 0; } caption { width: auto; padding: 0.5em; } td, td:empty { border-bottom: 1px solid #666; padding: 0.5em 1em; } th, th:empty { padding-top: 0.4em; padding-bottom: 0.4em; padding-left: 1em; padding-right: 1em; } thead, tfoot { } thead.visible, tfoot.visible { } thead th, thead td, tfoot th, tfoot td { padding: 0.6em 1em; text-align: left; } tbody { border-top: 1px solid #666; min-height: 20em; } tbody td, tbody th { vertical-align: center; height: 100%; } tbody td:empty { } tbody td:last-child { width: 100%; } tbody tr { } tbody tr:hover { background-image: url("/img/backgrounds/voileclair.png"); } tbody tr.groups { background-image: url("/img/backgrounds/voiledegradenoir.png"); } tbody tr.groups:hover { background-image: url("/img/backgrounds/voiledegradenoir.png"); } tbody tr.headers { font-weight: bold; background-image: url("/img/backgrounds/voileLeger.png"); } tbody tr.headers:hover { font-weight: bold; background-image: url("/img/backgrounds/voileLeger.png"); } tbody tr.footers { } tbody tr.footers:hover { } tbody tr:hover td { background-color: transparent; } tbody tr:first-child td, tbody tr:first-child th { } tbody tr:last-child td, tbody tr:last-child th { border-bottom: 0; } /******************************************************************************* s l i d e s *******************************************************************************/ fieldset.slide { width: 100%; margin-bottom: 1em; border-width: 3px; border-style: solid; border-color: #fff; } fieldset.slide div.titleContainer { height: 1.7em; line-height: 1.7em; font-size: 1.2em; z-index: 50; position: relative; text-align: left; width: auto; margin: 1em; color: #666; cursor: pointer; background-color: transparent; } fieldset.slide div.titleContainer img { padding-right: 1em; } fieldset.slide div.titleContainer img.icon { float: left; } fieldset.slide div.titleContainer img.arrow { float: right; } fieldset.slide div.titleContainer span { line-height: 1.7em; height: 1.7em; font-weight: bold; vertical-align: baseline;} fieldset.slide div.titleContainer span.moreInfos { float: right; padding-right: 1em; font-weight: normal; font-style: italic; } fieldset.slide div.contentContainer { padding-top: 1em; padding-bottom: 1em; } fieldset.slide div.contentContainer div.contentElement { padding-top: 1em; padding-bottom: 1em; } /******************************************************************************* s l i d e r s *******************************************************************************/ span.slider_values { display: block; margin: 0.25em; padding: 0 1em; letter-spacing: 1px; text-align: center; font-size: 0.8em; text-shadow: 0px 1px 1px #000; font-weight: bold; color: #666; border-style: solid; border-width: 1px; border-color: #454545; -webkit-box-shadow: 0 0 4px #000; -moz-box-shadow: 0 0 4px #000; } div.slider { float: right; width: 100%; height: 1.8em; margin: 0 1em; padding: 0; position: relative; padding: 0 1em; -webkit-box-shadow: 1px 1px 4px #000; -moz-box-shadow: inset 1px 1px 4px #000; -webkit-border-radius: 1em; -moz-border-radius: 1em; } div.slider div.handle { margin: 0; cursor: move; position: absolute; } /******************************************************************************* l o a d i n g *******************************************************************************/ div#ts { } div#ts div.tsElement { width: 95%; margin-left: auto; margin-right: auto; padding: 0.5em; } div#ts div.tsElement#loadingBar { font-size: 0.85em; font-family: courier; text-align: center; letter-spacing: 0.25em; font-weight: bold; min-height: 4em; position: fixed; z-index: 9999; left: 2.5%; line-height: 4em; border-width: 0 2px 2px 2px; border-color: #ffff00; background-repeat: no-repeat; background-position: 50% 50%; background-image: url("/img/controls/loadingBar.gif"); background-color: #FFFFCC; color: #804000; -webkit-border-bottom-left-radius: 1em; -webkit-border-bottom-right-radius: 1em; -moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; -webkit-box-shadow: 0px 1px 8px #000; -moz-box-shadow: 0px 3px 8px #000; filter: alpha(opacity=80); opacity: 0.8; -khtml-opacity: 0.8; } div#ts div.tsElement#errorBar { font-weight: normal; position: fixed; z-index: 9999; left: 2.5%; border-width: 0 2px 2px 2px; border-color: #660000; background-color: #ff9999; color: #660000; -webkit-border-bottom-left-radius: 1em; -webkit-border-bottom-right-radius: 1em; -moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; -webkit-box-shadow: 0px 1px 8px #000; -moz-box-shadow: 0px 3px 8px #000; filter: alpha(opacity=90); opacity: 0.90; -khtml-opacity: 0.90; }