/* Roder Website css file 19 oct 2008 Eric Grossi egrossi@simplestnet.com Copyright 2008 SimplestNet Inc. */ /* Main layout */ html, body { background: #eaeaea; font-family: "Bitstream Vera Sans", Verdana,Arial,Helvetica,sans-serif; font-size: 12px; padding: 0px; margin: 0px; } #container { background: url(../images/body.png) top center repeat-y; } #top { height: 17px; background: url(../images/body-top.png) top center no-repeat; } #menulang { width: 750px; height: 10px; margin-left: auto; margin-right: auto; font-size: 9px; position: relative; margin-top: -19px; text-align: right; padding: 0px; } #menulang a { text-decoration: none; font-weight: bold; color: #E7D6ED; margin: 0px; } #banner { width: 750px; height: 200px; margin-left: auto; margin-right: auto; font-size: 0px; background: url(../images/banniere.png) no-repeat; } #banner-bois { width: 750px; height: 200px; margin-left: auto; margin-right: auto; font-size: 0px; background: url(../images/banniere-bois.png) no-repeat; } #banner .title { display: none; } #banner-bois .title { display: none; } #content { width: 750px; margin-left: auto; margin-right: auto; background: #ffffff; } #menutop { height: 28px; background: url(../images/top-menu.png) repeat-y; } #menutop a { float: left; width: 130px; margin: 5px; padding-top: 4px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; text-decoration: none; text-align: center; font-size: 11px; font-weight: bold; color: #5E0D00; background: url(../images/menu.png) no-repeat; } #menutop .sel { background: url(../images/menu-sel.png) no-repeat; } #menutop a:hover { background: url(../images/menu-on.png) no-repeat; } #menuinfo { padding: 3px; padding-left: 10px; height: 16px; background: url(../images/top-menu.png) repeat-y; font-style: italic; font-size: 11px; border-bottom: solid 1px #000000; } #content p { padding-left: 0px; padding-right: 0px; padding-top: 12px; padding-bottom: 20px; margin: 0px; clear: both; } #content h2 { margin: 0px; padding: 0px; margin-top: 15px; margin-bottom: 10px; font-size: 20px; font-weight; bold; text-align: center; color: #5E0D00; } #content h3 { margin: 0px; padding: 0px; margin-bottom: 30px; font-size: 16px; font-weight; bold; text-align: center; color: #5E0D00; } #content h4 { margin: 0px; padding: 0px; margin-top: 20px; margin-bottom: 10px; font-size: 16px; font-weight; bold; } #content ul { margin: 0px; padding: 0px; padding-left: 70px; } #content li {} #content .link { text-decoration: none; font-weight: bold; color: #EB6400; } #content .link:hover { color: #FF8A00; } #content .hlink { float: left; text-decoration: none; font-weight: bold; color: #EB6400; margin-right: 30px; } #content .hlink:hover { color: #FF8A00; } #content .hlink img { border: none; } #content .imgtleft { vertical-align: text-top; float: left; margin-right: 20px; } #content .imgtright { vertical-align: text-top; float: right; margin-left: 20px; } #content .phone { text-decoration: underline; font-weight: bold; } #content .txtcenter { text-align: center; } #content .txtbold { font-weight: bold; } #content .txtital { font-style: italic; } #content .txtunder { text-decoration: underline; } #content .infoprice { font-size: 10px; padding-top: 0px; padding-bottom: 15px; } #content .contact { padding-top: 0px; padding-bottom: 0px; } #copyright { font-size: 10px; text-align: center; margin: 0px; padding: 0px; padding-top: 10px; color: #DDC881; clear: both; } #copyright a { text-decoration: none; color: #DDC881; } #footer { height: 19px; background: url(../images/body-bottom.png) top center no-repeat; } @media print { #menulang { display: none; } #menutop { display: none; } #menuinfo { display: none; } #content .para { padding-left: 50px; padding-right: 50px; } } /* section index */ @media screen { /* for this stupid ie */ #content .para { padding-left: 50px; padding-right: 50px; text-align: justify; } } #content .sep { margin-left: auto; margin-right: auto; } #content .psep { height: 40px; margin: 0px; padding: 0px; clear: both; } #content .sepline { border-top: solid 1px #000000; margin-bottom: 10px; clear: both; } #content .lkblk { border-top: solid 1px #000000; margin-top: 15px; padding-top: 25px; width: 100%; height: 170px; } #content .lkblk table { width: 100%; } #content .lkblk td { vertical-align: top; padding: 0px; margin: 0px; } #content .lkblk .title { padding-bottom: 10px; } /* section bois */ #content .pub { font-size: 14px; font-weight: bold; } #content .lprix { vertical-align: text-top; border: solid 1px #000000; margin-top: 5px; } #content .lprix td { vertical-align: top; padding: 5px; } #content .lprix .title td { font-weight: bold; border-bottom: solid 2px #000000; } #content .lprix .lcol { width: 130px; } #content .lprix .scol { width: 40px; } #content .lprix .rcol { width: 50px; text-align: right; padding-right: 0px; } #content .lprix .rscol { width: 20px; padding-left: 0px; } #content .lprix .odd { background: #EFF6E3; } #content .lprix .section { height: 20px; } /* section huile */ #content .imgtxt { vertical-align: bottom; } #content .phuile { border: solid 1px #000000; margin-bottom: 5px; } #content .phuile td { vertical-align: top; padding: 5px; } #content .phuile .title { font-weight: bold; } #content .phuile .title td { font-weight: bold; border-bottom: solid 2px #000000; } #content .phuile .odd { background: #EFF6E3; } #content .phuile .lcol { width: 170px; } #content .phuile .scol { width: 40px; } #content .phuile .rcol { width: 40px; text-align: right; padding-right: 30px; } #content .lhuile { margin-left: auto; margin-right: auto; margin-top: 20px; clear: both; } #content .lhuile td { vertical-align: top; padding: 5px; width: 235px; } #content .lhuile .title { font-weight: bold; text-align: center; } #content .lhuile .img { text-align: center; } #content .lhuile .block { background-color: #EFF6E3; } #content .lhuile .usage { padding: 0px; } #content .lhuile .usage div { height: 65px; width: 235px; background-color: #FFF2A7; margin-top: 10px; margin-left: 1px; margin-right: 1px; padding-top: 5px; padding-left: 4px; padding-right: 4px; border: solid 1px #000000; } #content .lhuile .usage p { padding: 0px; margin: 0px; margin-bottom: 3px; } #content .lprod { margin-left: auto; margin-right: auto; width: 100%; margin-top: 20px; margin-bottom: 50px; clear: both; } #content .lprod td { vertical-align: top; padding: 5px; width: 235px; } #content .lprod .title { font-weight: bold; } #content .certif { float: right; width: 200px; } #content .certif a { text-decoration: none; } #content .certif img { border: none; } /* section contact */ #content .icontact { padding-left: 30px; padding-right: 30px; } #content .taddr { font-size: 20px; font-weight: bold; color: #FFAB0B; }