/* @override http://www.onestophealth.com.au.dev/squelettes/habillage.css */ /** RESET **/ * { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; vertical-align: top; list-style: none; } /** PAGE LAYOUT **/ html { height: 100%; } body { height: auto !important; min-height: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} #wrapper { height: auto !important; min-height: 600px; height: 100%; display: block; width: 955px; margin: 0 auto; padding: 1px 0 0 0;} #hd { overflow: auto; margin: 35px 0 22px 0; } #hd #masthead { display: block; width: 231px; height: 160px; float: left; margin: 6px 17px 6px 10px; } #hd #masthead h1 { margin: 0 0 20px 0;} #hd #slogan { display: block; color: #977b11;} #bd { display: block; } #bd #reviewsnews { display: block; float: left; width: 232px; height: 392px; padding: 10px 0 10px 0; color: #af4605; } #bd #reviewsnews div { padding: 0 10px; font-size: 11px; overflow: hidden; line-height: 1.2;} #bd #reviewsnews h2 { height: 19px; padding: 0px 0px 9px 0px; font-size: 15px; font-weight: normal; color: #FFFFFF; text-transform: lowercase; } #bd #reviewsnews h3 { font-size: 11px; line-height: 13px; font-weight: bold; color: #4b6428; padding: 5px 0; } #bd #reviewsnews .title { font-weight: bold; margin-top: 1ex;} #bd #reviewsnews #news h3 { font-size: 12px; font-weight: bold; color: #c15c20; padding-top: 6px;} #bd #reviewsnews #news h3 span { font-size: 90%; } #bd #reviewsnews #reviews { height: 315px; margin-bottom: 12px; position: relative; } #bd #reviewsnews #reviews div { padding: 0 6px; } #bd #reviewsnews #reviews div.news { margin-top: 10px; } #bd #reviewsnews #reviews .bottom { position: absolute; bottom: 0; padding: 0 4px;} #bd #reviewsnews #reviews .bottom p { padding-bottom: 4px;} #bd #reviewsnews .ad { padding: 0 6px; margin-bottom: 9px; } #ft { display: block; width: 420px; margin: 0 auto; padding: 0 0 10px 0; clear: both; font-size: 11px; text-align: right;} #bd #con { display: block; width: 434px; float: left; margin: 0 23px; } #bd #nav, #bd #ads { display: block; width: 237px; float: left; } #bd #con .con { width: 420px; height: auto !important; height: 420px; min-height: 420px; padding: 27px 6px 0 7px; } #bd #con h1 { width: 380px; height: 26px; line-height: 26px; font-size: 20px; text-align: right; color: white; text-transform: lowercase; padding: 0 20px; margin: 0 0 20px 0;} #bd #con h2 { font-size: 14px; font-weight: normal; color: #c15c20; margin: 0 0 20px 0; clear: both;} #bd #con .art { width: 370px; margin: 0 26px 20px 24px;} /** WIDGETS **/ /* search form */ #hd div.formulaire_recherche { display: block; width: 220px; margin: 137px 10px 0 62px; float: left; font-size: 13px; } div.formulaire_recherche label { display: none; } div.formulaire_recherche input.forml { display: block; height: 17px; width: 135px; float: left; border: 1px solid #c5652d; margin-right: 6px; padding: 1px; z-index: 100000; } div.formulaire_recherche button { display: block; height: 21px; width: 75px; background: url(images/button.png); color: white; text-transform: lowercase; } /* pagination */ #con .pagination { border-color: #c15c20; border-style: dotted; border-width: 0 0 1px 0; text-align: right; line-height: 22px; margin: 0 12px; font-weight: bold; color: #c15c20; } #con .pagination span, #con .pagination a:visited { color: #e5a680; font-weight: normal; } #con .pagination a:link { color: #c15c20; text-decoration: none; } #con .pagination a:hover, #con .pagination a:focus, #con .pagination a:active { text-decoration: underline; } /** NAVIGATION **/ #menu ul, #menu li { list-style: none; } /* database */ #sector2 { height: 264px; } #sector2 li { display: block; background: url(images/menu-small.png) no-repeat top left; width: 237px; height: 33px; text-align: left; } #sector2 li.current { background-image: url(images/menu-large.png); height: 140px; } #sector2 li a, #sector2 li span { display: block; width: 227px; height: 25px; line-height: 25px; padding: 4px 5px 4px 4px; position: relative; } #sector2 li.current a, #sector2 li.current span { width: 227px; height: 132px; line-height: 132px; } #sector2 li img { vertical-align: top; } #sector2 li img.label { position: absolute; right: 8px; } a#nav3 { display: block; background: url(images/menu-button.gif) no-repeat top left; width:220px; height: 22px; line-height:22px; margin: 30px 5px 4px 4px; padding: 4px; text-align: right; color: white; font-size: 14px; text-decoration: none; } #menu div.formulaire_recherche { margin-top: 30px; } #menu div.formulaire_recherche input.forml { width: 147px; background: none; } /* corporate */ #sector4 { overflow: auto; padding: 30px 0 2px 0; font-size: 12px; color: #C15C20; text-align: justify; text-transform: lowercase;} #sector4 li { float: left; width: auto; } #sector4 a { color: #C15C20; width: auto; text-decoration: none; } #sector4 #nav10 { width: 19%; text-align: left; } #sector4 #nav11 { width: 25%; text-align: center; } #sector4 #nav12 { width: 26%; text-align: center; } #sector4 #nav13 { width: 30%; text-align: right; } /* information */ #sector5 { overflow: auto; padding-top: 2px; font-size: 11px; color: #A27515; border-top: 1px solid #bc7d3f; text-transform: lowercase; } #sector5 a { color: #A27515; text-decoration: none; } #sector5 li { float: left; width: auto; } #sector5 #nav14 { width: 30%; text-align: left; } #sector5 #nav15 { width: 36%; text-align: center; } #sector5 #nav16 { width: 33%; text-align: right; } /* #sector5 #nav15 { width: 49%; text-align: left; } #sector5 #nav16 { width: 50%; text-align: right; } /* */ /** BACKGROUNDS **/ html { background: url(images/bg-html.png) top left;} body { background: url(images/bg-body.png) repeat-x top left; } body.home #wrapper { background: url(images/bg-wrapper.gif) no-repeat top right;} #reviewsnews { background: url(images/bg-reviewsnews.png) no-repeat top left;} #ft #corporate, #ft #corporate a { color: #c37841; } #ft #information, #ft #information a, #ft div.copyright, #ft div.copyright a { color: #bda871; } #ft div.copyright span.bouncingorange { color: #ed9351; } #ft div.copyright span.spip { color: #736ea4; } #bd #con { background: url(images/bg-con.png) repeat-y -433px 0px; } #bd #con .con { background: url(images/bg-con.png) no-repeat left top; } #bd #con .end { background: url(images/bg-con.png) no-repeat -866px 0px; height: 24px; visibility: visible; display: block; clear: both; } #bd #con h1 { background: url(images/bg-con_h1.png) no-repeat left top; } #bd #con h2 { border-bottom: 1px dotted #c15c20;} /** COLOURS **/ #con { color: #4d4521; } /** TYPOGRAPHY **/ a, a:link { color: #4d4521; text-decoration: underline; } a:visited, a:active { outline: 0; } a:focus, a:hover { } img.logo { float: left; margin: 0 10px 10px 0; } ol.spip li.spip { padding: 4px 0; list-style: decimal; margin-left: 35px; } ol.spip ol.spip li.spip { font-size: 85%; } ul.spip li.spip { padding: 4px 0; list-style: circle; margin-left: 35px; } ul.spip ul.spip li.spip { font-size: 85%; } strong.spip { font-weight: bold; } i.spip { font-style: italic; } blockquote.spip { margin: 5px 10px; padding: 0 10px; border: 1px dotted #c15c20; } /** ADVERTISING **/ #ads .ad { width: 222px; padding: 7px; margin: 0 3px 10px 0;} #ads .ad.large { height: 202px; background: url(images/bg-quote-large.png) no-repeat top left; } #ads .ad.small { height: 102px; background: url(images/bg-quote-small.png) no-repeat top left; } .ad.wide { width: 698px; float: left; } #home .ad.wide { padding: 0 6px; margin-left: 6px; } /** LISTINGS **/ #bd #con #listing { margin: 0 13px; width: 394px; height: auto !important; height: 332px; min-height: 332px;} #listing ul { display: block; width: 185px; margin-top: 10px; } #listing ul.left { float: left; margin-left: 12px; } #listing ul.right { float: left; margin-right: 12px;} #listing ul li { padding: 2px 0; } #listing a:link, #listing a:visited, #listing a:active { color: #4d4521; text-decoration: underline; } #listing a:visited, #listing a:active { color: #877939; text-decoration: none; } #listing a:hover, #listing a:focus { text-decoration: none; } #listing .back { display: block; margin: 0 0 6px 12px; } #bd #listing h2, #page404 #bd #con h2 { margin: 0px 12px; } #listing .keywords { border-top: 1px dotted #edd; padding: 5px 0;} #listing .keywords h4 { margin: 10px 0 0 0; } #listing .keywords ul { margin-top: 0;} .listing { margin-bottom: 10px; } .listing .hd { overflow: auto; padding: 7px 12px; margin-bottom: 15px} .listing.highlight .hd { background: #f4e3d9 url(images/bg-highlight.gif) no-repeat left top; padding: 0; } .listing.highlight .hd .more { margin-top: 4px; background: #f4e3d9 url(images/bg-highlight.gif) no-repeat right bottom; padding: 7px 12px; overflow: auto; } .listing h3 { border-bottom: 1px solid #e5baa1; color: #c15c20; font-size: 12px; line-height: 16px; padding-bottom:7px; margin: 0 0 5px 0; } .listing .num { display: block; background: #c15c20; color: white; font-size: 9px; line-height: 12px; height: 12px; width: 12px; text-align: center; vertical-align: bottom; float: left; margin: 1px 5px 0 0; } .listing .adr { display: block; margin: 0 0 0 30px; width: 200px; float: left; } .listing .tel { display: block; float: left; width: 140px; text-align: right; } .listing .bd { display: block; float: none; clear: both; margin: 0 12px 12px 12px; padding: 0 10px 0 28px; } .listing .ft { border-bottom: 3px double #eccebc; margin: 0 12px; } #listhere { background: url(images/bg-list-here.png) no-repeat top left; padding: 7px 10px; width: 374px; height: 16px; line-height: 16px; font-size: 16px; margin: 10px 12px 0 12px; clear: both; } #listhere a, #listhere a:link, #listhere a:visited { display: block; color: white; text-decoration: none; position: relative;} #listhere a:hover, #listhere a:active { display: block; color: white; text-decoration: underline; } #listhere a span { display: block; width: 77px; position: absolute; right: 0; top:0; color: black; font-size: 10px; text-align: center; } /** REVIEWS & NEWS **/ #pagenewsreviews #bd #con h1 { padding-bottom: 0px; margin-bottom: 0; } #pagenewsreviews #bd #con .art { border-bottom: 3px double #eccebc; overflow: auto; padding-bottom: 15px; } #pagenewsreviews #bd #con h2 { display: block; clear: both; padding: 15px 0 5px 0; font-size: 12px; font-weight: bold; border-bottom: 1px solid #eccebc; margin: 0 0 8px 0; } #pagenewsreviews #bd #con h2 span { display: inline; font-size: 12px; font-weight: normal; } #pagenewsreviews #bd #con .art .readall { display: block; float: right; } #pagenewsreviews #bd #con .pagination { border-width: 1px 0; border-color: #e2b397; border-style: dotted; margin: 10px 24px 0 24px;} #pagenewsreviews #bd #news .pagination { margin: 5px auto; overflow: auto; border-width: 1px 0; border-color: #d2875b; border-style: dotted; padding: 4px 0;} #pagenewsreviews #bd #news .pagination span.right { display: block; width: 92px; text-align: right; float: left; } #pagenewsreviews #bd #news .pagination span.left { display: block; width: 93px; text-align: left; float: left; } #pagenewsreviews #bd #news .pagination span span { color: #e5a680; } #pagenewsreviews #news .pagination a, #pagenewsreviews #news .pagination a:link { color: #c15c20; text-decoration: none; } #pagenewsreviews #news .pagination a:hover, #pagenewsreviews #news .pagination a:focus { color: #c15c20; text-decoration: underline; } #pagenewsreviews #bd #con .bottom, #pagenewsreviews #bd #news .bottom { border: none; } #pagenewsreviews #bd #news { display: block; float: left; width: 234px; background: url(images/bg-reviews.png) repeat-y -234px 0; } #pagenewsreviews #bd #news .con { background: url(images/bg-reviews.png) no-repeat -21px left; padding: 26px 7px 0 7px; } #pagenewsreviews #bd #news .end { background: url(images/bg-reviews.png) no-repeat top left; height: 21px; width: 100%; } #pagenewsreviews #bd #news .con h1 { background: url(images/bg-news-h1.png) no-repeat top left; height: 26px; padding: 0 10px; margin: 0 0 10px 0; line-height: 26px; font-size: 20px; text-align: right; color: white; text-transform: lowercase; } #pagenewsreviews #news .con div { display: block; width: 185px; margin: 0 auto; } #pagenewsreviews #news .breve { padding: 10px 0; border-bottom: 3px double #eccebc; } #pagenewsreviews #news .breve h2 { color: #c15c20; border-bottom: 1px solid #eccebc; padding-bottom: 4px; margin: 5px 0; font-size: 12px; font-weight: bold; } #pagenewsreviews #news .breve strong { color: #c15c20; } #news p { margin-bottom: 1em; } #page21 #bd #con .breve h2 { margin: 20px 0 0 0;} /** HOME **/ #home #wrapper { background: url(images/bg-wrapper.gif) no-repeat right top; } #home #hd { margin: 0 0 13px 0; } #home #hd h1 { display: block; float: left; margin: 11px 20px 0 48px; } #home #hd #slogan { display: block; width: 330px; margin: 50px 0 0 20px; float: left; color: #977b11; font-size: 18px; } #home #hd div.formulaire_recherche { margin: 30px 100px 0px 20px; } #home #bd { overflow: hidden;} #home #database { display: block; width: 711px; background: url(images/bg-menu-home.png) no-repeat; margin-left: 6px; overflow: auto; float: left; } #home #database a { display: block; width: 342px; height: 207px; float: left; position: relative; margin: 6px 7px 9px 6px; text-decoration: none; overflow: hidden; } #home #database a.eating, #home #database a.lifestyle { margin: 6px 5px 9px 8px; } #home #database a.being, #home #database a.lifestyle { height: 208px; } #home #database a .show { display: block; overflow: hidden; } #home #database a img { display: block; padding: 0 49px 0 85px; } #home #database a.being img, #home #database a.lifestyle img{ padding: 0 85px 0 49px; } #home #database a .desc { display: block; width: 80px; height: 168px; margin: 20px 14px; position: absolute; top: 0; z-index: 9999; cursor: pointer; color: #705f21; font-size: 11px; } #home #database a.getting .desc, #home #database a.eating .desc { left: 0; } #home #database a.being .desc, #home #database a.lifestyle .desc { right: 0; } #home #reviewsnews h2 { color: white; text-decoration: none; text-align: center; } #home #ft { border-top: 1px solid #c37841; display: block; width: 955px; margin: 10px auto 0 auto; padding: 0 0 10px 0; clear: both; overflow: auto; } #home #corporate { float: left; margin-top: 9px; text-transform: lowercase; } #home #corporate a { display: block; float: left; text-align: center; font-size: 14px; text-decoration: none; margin: 0 15px; } #home #information { width: 200px; overflow: auto; margin-top: 12px; text-transform: lowercase; float: left; } #home #information a, #home #information span { display: block; float: left; margin-right: 6px; text-decoration: none; } #home div.copyright { float: right; text-align: right; margin: 12px 0 0 0; } #home div.copyright a { text-decoration: none; } #home #wrapper #ft #information, #home #wrapper #ft #corporate, #home #wrapper #ft .copyright { height: 15px; line-height: 15px; margin-top: 5px; } #home #wrapper #ft #information a, #home #wrapper #ft #corporate a { height: 15px; line-height: 15px; } /** ACCESSIBILITY **/ @media aural { div.formulaire_recherche label { display: block; } } /* CSS for the extra sections */ /* Text Driven Pages */ #bd #con p.spip { margin: 10px 0;} /* Links Page */ #bd #con .links { padding: 24px; } #bd #con .links h2, #bd #con .links h2 a { font-size: 1.15em; color: #C15C20; padding-bottom: 4px; } #bd #con .links h3 { font-size: 11px; padding: 0 0 14px 30px; } #bd #con .links h3, #bd #con .links h3 a { color: #4D4521; font-weight: normal; } #bd #con .links h3 a:hover { text-decoration: underline; } #bd #con .links h3 a:visited { color: #C15C20; } /* toggle Elements CSS */ #bd #con .links a.toggler { font-size: 1.15em; color: #C15C20; padding-bottom: 4px; display: block; margin-bottom: 20px; border-bottom:1px dotted #C15C20; width: 100%; text-decoration: none; } #bd #con .links a.toggler-closed { background: url(../IMG/toggler_closed.gif) no-repeat 99% center; } #bd #con .links a.toggler-opened { background: url(../IMG/toggler_opened.gif) no-repeat 99% center; } .spip_surligne { background: #f9ec67; color: black; } .bookmark { padding-top: 20px; } .flash-replaced .alt { display: none; }