/******************************************************************************* @copyright Copyright (c) 2009, lewebconcret.ch @author Jose Malvarez ******************************************************************************** Fichier : /www.lewebconcret.ch/web/css/www/www.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; text-shadow: 0px 1px 1px #000; *******************************************************************************/ html { font-size: 100%; } body { margin: 0em auto; width: 100%; text-overflow: ellipsis; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif; line-height: 1.4em; 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; } button { font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; height: 2em; line-height: 2em; padding: 0 1em; text-align: center; color: #fff; font-weight: bold; cursor: pointer; background: #008ed0 url("/img/controls/button-top.png") repeat-x; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-box-shadow: 0px 1px 2px #333; -moz-box-shadow: 0px 1px 4px #333;} button.small { font-size: 0.9em; } sup { font-size: 0.7em; padding: 0; margin: 0; line-height: .6em;} div { position: relative; } div.br { clear: both; } ul { list-style-type: none; } ul.puces { list-style-type: disc; list-style-image: url("/img/puce.png"); margin-left: 1em; padding: 0; } img, fieldset { border: 0; } legend { font-weight: bold; } hr { height: 1px; background-color: #666;} table { font-size: 1em; border-spacing: 0; border-collapse: collapse; } tr { } th { padding: 0.3em 0.3em 0 0.6em; } td { padding: 0.8em 0.3em 0.8em 0.6em; } th.group, td.group { border-width: 0px !important; padding: 0.8em; background-image: url("/img/backgrounds/voiles/w30.png"); font-weight: bold; font-size: 1.05em; } th.group p, td.group p { padding: 0; margin: 0; } .odd { background-image: url("/img/backgrounds/voiles/w00.png"); } .even { background-image: url("/img/backgrounds/voiles/w10.png"); } .whiteFont { color: #fff; } .whiteFont a { color: #fff !important; } .redFont { color: #843D3D; } .greenFont { color: #49823B; } .blueFont { color: #53768C; } .orangeFont { color: #A35629; } .biggerFont { font-size: 1.2em !important; } .block { background: url("/img/backgrounds/bgTicker.png") repeat-x; } .bgRed { background-color: #841F1F; } .bgGreen { background-color: #49823B; } .bgBlue { background-color: #53768C; } .bgOrange { background-color: #A35629; } .bgBrown { background-color: #804000; } .thickBorder { border: 0.25em solid #fff; } .blackHalo { -webkit-box-shadow: 0 0 0.5em #999; -moz-box-shadow: 0 0 0.5em #999; } .whiteHalo { -webkit-box-shadow: 0 0 0.5em #fff; -moz-box-shadow: 0 0 0.5em #fff; } .whiteBorder { border-color: #fff; } .roundAll { -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; } .roundAllSmall { -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; } .extendArrow { background: url("/img/extendArrows.png") 12px 00px; width: 12px; height: 12px; min-width: 12px; min-height: 12px; cursor: pointer; } .extendArrow:hover { background: url("/img/extendArrows.png") 00px 00px; } .expand { background: url("/img/expand.png") 15px 00px; width: 15px; height: 12px; min-width: 15px; min-height: 12px; cursor: pointer; margin-top: 12px; } .expand:hover { background: url("/img/expand.png") 00px 00px; } .expandActive { background: url("/img/expand.png") 15px 12px; width: 15px; height: 12px; min-width: 15px; min-height: 12px; cursor: pointer; margin-top: 12px; } .expandActive:hover { background: url("/img/expand.png") 00px 12px; } .extendableText { display: none; } .hidden { display: none; } .nowrap { white-space: nowrap; } .floatRight { float: right; } /*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; } .strong { font-weight: bold !important; } .price { font-weight: bold; font-size: 1.1em; text-align: center; min-height: 4em; line-height: 2em; width: 20em !important; padding: 0 2em; margin: 1em auto 2em auto; } .price img.leftIcon { float: left; margin-right: 0.5em; margin-top: 0.5em; margin-bottom: 0.3em; } .priceLarger { width: 30em !important; } .details { clear: both; } dl { padding: 0; margin: 0; list-style-type: disc; } dt { font-weight: bold; } dd { } #spacer.gif { width: 3em; height: 2em;} p { margin: 0.25em 0 0.75em 0; } address { margin: 0.25em 0 0.75em 0; font-style: normal; } em { } strong { } form, fieldset { margin: 0; padding: 0; border: none; } input, button, select { vertical-align: middle; } div.header { } div.nav { } div.section { } div.article { } div.aside { float: left; } div.footer { } /******************************************************************************* 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; } .lettrine { float: left; } /******************************************************************************* s t r u c t u r e *******************************************************************************/ body { color: #000; } div.bodyBlock { margin: 0 auto; background: none; height: 95%; } div.pageElement { width: 100%; } #pageBlock { width: 60em; margin: 0 auto; border: 0em; background-image: none; background-repeat: no-repeat; -moz-border-radius-topleft: 0em; -webkit-border-top-left-radius: 0em; -moz-border-radius-topright: 0em; -webkit-border-top-right-radius: 0em; -webkit-box-shadow: none; -moz-box-shadow: none; } div.pageBlockElement { width: 100%; position: relative; } #headerBlock { height: auto; -moz-box-shadow: none; margin-top: 0; -moz-border-radius-topleft: 0em; -webkit-border-top-left-radius: 0em; -moz-border-radius-topright: 0em; -webkit-border-top-right-radius: 0em; } div.headerBlockElement { width: 100%; clear: both; position: relative; } #menuBar { height: 8em; } #pubBlock { border: 0; } div.pubBlockElement { height: auto; margin: 0 auto; } #mainBlock { height: auto; clear: both; padding: 0; margin: auto; width: auto; } div.mainBlockElement { width: 100%; margin: 1em auto; } #footerBlock { display: none; width: 60em; margin: 0 auto; clear: both; height: 9em; background: url("/img/backgrounds/bgMainBox-bottom.png") repeat-x; margin-top: 1px; -webkit-border-radius: 1em; -moz-border-radius: 1em; } div.footerBlockElement { width: 100%; float: left; clear: both; } #copyrightBar { width: 60em; } #etiquette { float: right; width: 90px; } #etiquette div { width: 100%; } /******************************************************************************* m e n u *******************************************************************************/ #menuBar img { float: left; padding-top: 1.5em; } ul#menu { display: none; height: 1.8em; line-height: 1.8em; font-weight: bold; border: 0px solid #000; float: right; padding-top: 2.9em; padding-right: 2em;} ul#menu li div.pointer { width: 100%; float: left; clear: left; border: 0; margin: 0; padding: 0; background-color: #fff; } ul#menu a { font-size: 0.9em; font-weight: normal; margin-left: 0.2em; margin-right: 0.2em; padding-left: 0.2em; padding-right: 0.2em; text-transform: uppercase; text-decoration: none; float: left; position: relative; z-index: 75; border: 0px; color: #333; } ul#menu a.evidence { color: #843D3D; } ul#menu li { float: left; position: relative; z-index: 74; height: 100%; border: 1px solid transparent; -moz-box-shadow: none; } ul#menu li.current { border-color: #000; background-image: url("/img/backgrounds/voiles/w40.png"); } ul#menu li.current a, ul#menu li:hover a { color: #000; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; } ul#menu li.current a { } ul#menu li:hover { } ul#menu li a { padding-left: 0.2em; padding-right: 0.2em; } /******************************************************************************* i m a g e s *******************************************************************************/ /******************************************************************************* t i c k e r *******************************************************************************/ div.ticker { border: 1px solid #d3dee3; background: #fff url("/img/backgrounds/bgBox-blue.png") repeat-x; height: 3em; line-height: 3em; width: 50em; padding: 0 2em; margin: -3.5em 0 2em 2em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; } div.ticker ul, div.ticker li { width: 100%; cursor: pointer; font-weight: bold; text-decoration: none; } div.ticker ul li a { color: #666; font-weight: bold; text-decoration: none; } div.ticker ul li a:hover { color: #000; } div.ticker ul li a span.hidden { display: none; color: #000; font-weight: normal; text-decoration: none; font-style: italic; padding-left: 2em; } div.ticker ul li a:hover span.hidden { display: inline; } /******************************************************************************* c o n t r o l s *******************************************************************************/ /* slider --------------------------------------------------------------------*/ span.slider_values { color: #fff; background-color: #CC6600; -webkit-border-radius: 1em; -moz-border-radius: 1em; } div.slider { width: 20em; background-color: #DFD1C3; border-color: #804000; } div.slider div.handle { } div.topSlider#loadingDiv { } ul.circle { list-style-type: disc; padding-left: 1.5em; } #lightboxImage { } #outerImageContainer { -webkit-border-top-left-radius: 0em; -moz-border-radius-topleft: 0em; -webkit-border-top-right-radius: 0em; -moz-border-radius-topright: 0em; } #imageDataContainer { -webkit-border-bottom-left-radius: 1em; -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-right-radius: 1em; -moz-border-radius-bottomright: 1em; } /******************************************************************************* b l o c k s *******************************************************************************/ div#topBlock { display: none; width: 100%; margin: 1em auto; } div#topBlock div.text { width: auto; margin-left: 18.5em; } div#topBlock img.lettrine { margin: 1em 2em 1em 0; } div#colors { width: 100%; } div#colors img { width: 55.416666em; margin: 0 auto; } div.boxes { margin: 0 auto; height: auto; width: 100%;} div.boxes>div { float: left; margin-right: 0.5em; margin-bottom: 0.5em; padding: 0.5em; width: 17.8em; border: 1px solid #d3dee3; background-image: url("/img/backgrounds/bgBox-blue.png") ; background-repeat: repeat-x; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; } div.boxes div#firstChild { margin-right: 0.5em; } div.boxes div.box#lastChild { margin: 0 0 0 0.5em; background: none; border: 0; text-align: right; width: 15em; } div.boxes div.box#lastChild div.title { padding-bottom: 2em; text-align: center; } div.boxes a { font-size: 0.9em; } div.boxes div.title { font-weight: bold; text-decoration: none; } div.boxes div.content { float: left; width: 100%; margin-left: 0em; } div.boxes div.content img { float: left; padding-top: 3em; padding-right: 1em; } div.boxes div.text { padding-top: 1em; font-size: 0.9em; margin-left: 6em; } div.boxes div div.more { text-align: right; } div.boxes div.bigBox { width: 47%; } div.boxes div.oneBox { width: 97%; } div.boxes div.oneBox div.text { width: auto; } div.boxes div.oneBox div.content, div.boxes div.bigBox div.content { } div.boxes div.extendArrow { margin-top: 1.5em; float: right; } div.boxes div.red { background-image: url("/img/backgrounds/bgBox-red.png") ; background-repeat: repeat-x; border-color: #E0B9B9; } div.boxes div.green { background-image: url("/img/backgrounds/bgBox-green.png") ; background-repeat: repeat-x; border-color: #91C086; } div.boxes div.blue { background-image: url("/img/backgrounds/bgBox-blue.png") ; background-repeat: repeat-x; border-color: #A8BDCA; } div.boxes div.orange { background-image: url("/img/backgrounds/bgBox-orange.png") ; background-repeat: repeat-x; border-color: #FFC19D; } div.detailed { position: relative; } div.detailed a { color: #fff; font-weight: bold; text-decoration: none; cursor: pointer; } div.detailed a:hover { text-decoration: underline; } div.detailed a:active, div.detailed a:focus { outline: none; border-color: transparent; } div.detailed ul { border: 0; padding: 0.5em; margin: 0; background-image: url("/img/backgrounds/whiteFade.png"); background-repeat: repeat-x; -webkit-border-radius: 0.45em; -moz-border-radius: 0.45em; } div.detailed li:first-child h1 { padding-top: 1.6em; } div.detailed li { border: 0; padding: 0; margin: -1px 0 0 0; } div.detailed h1 { font-size: 1em; width: 18em; padding: 1em; margin: 0; text-align: right; background-image: url("/img/backgrounds/voiles/w100.png"); cursor: pointer; } div.detailed h1.selected { background-color: transparent; color: #fff; background-image: none; } div.detailed h1.selected:hover { background-image: none; } div.detailed h1:hover { background-image: url("/img/backgrounds/voiles/w90.png"); } div.detailed h1.selected { } div.detailed div { width: auto; max-width: 35em; overflow: auto; display: none; position: absolute; top: 0; left: 20em; padding: 2em; color: #fff; } div.detailed div { width: auto; max-width: 35em; overflow: auto; display: none; position: absolute; top: 0; left: 20em; padding: 2em; color: #fff; } div.detailed div img { float: left; margin-right: 0.666666em; } div.detailed div p.more a { background-color: #fff; padding: 0.5em; margin: 1em; color: #8894A2; float: right; border-style: solid; border-width: 0px; border-color: #8894A2; -webkit-border-radius: 0.45em; -moz-border-radius: 0.45em; -webkit-box-shadow: 0px 1px 2px #000; -moz-box-shadow: 1px 1px 1px #000;} div.detailed div p:first-child { margin-top: 0; } div.detailed div p { margin-left: 4em; } div.detailed div p img { margin-left: -4em; } /******************************************************************************* u i *******************************************************************************/ .ui-tabs { padding: 0 !important; } .ui-corner-all { -moz-border-radius: 0.5em !important; -webkit-border-radius: 0.5em !important; } .ui-widget-content { background: none !important; border: 0px solid #DDDDDD !important; } .ui-widget-content table { color: #000; } .ui-widget { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif !important; font-size: 1em !important; } .ui-widget-header { display: none !important; } .ui-state-default { display: none !important; background: #8894A2 url("/img/backgrounds/voiles/w50.png") !important; color: #fff !important; border-color: #8894A2 !important; } .ui-state-active,.ui-state-hover,.ui-state-focus, .ui-tabs-selected { display: default; background: #8894A2 url("/img/backgrounds/voiles/w20.png") !important; border-color: #53768C !important; } .ui-tabs-panel { border-width: 0px !important; padding: 0 !important; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#000 !important; } /******************************************************************************* t a b l e s *******************************************************************************/ #concretement a { color: #fff; } table caption, table tfoot td { font-style: italic; font-weight: bold; color: #000; font-size: 1.2em; padding: 1em 0; border: 0px !important; } table.comparison { font-size: 0.85em; border: 0px !important; } table.comparison thead { font-weight: bold; color: #fff; } table.comparison td, table.comparison th { border: 1px solid #666 !important; text-align: center; width: 17%; padding: 0.1em 0.3em 0.1em 0.6em; } table.comparison thead th { } table.comparison td.rDivider, table.comparison th.rDivider { } table.comparison td.bDivider, table.comparison th.bDivider { } table.comparison tr.prix td, table.comparison tr.prix th { font-weight: bold; padding: 0.5em 0; } table.comparison td ul.puces { text-align: left; } div.examples { background-image: url("/img/backgrounds/voiles/w10.png"); padding: 1em; margin-bottom: 2em; border: 1px solid #B6BDC5; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; } div.examples div.examplesVous { font-size: 1.4em; } div.examples div.examplesVous img { float: left; } div.examples div.examplesNous { } div.examples div.examplesFinal { } div.examples div.expand { margin-left: auto; margin-right: auto; } div.examples div.extendableText>p { font-size: 1.2em; } div.examples div.extendableText ul, div.examples div.text ul.puces { margin-left: 5em; } #lwc_infos { display: none; }