/* @override http://www.actbelongcommit.org.au.dev:8888/squelettes/habillage.css */ /* @override http://www.actbelongcommit.org.au.dev:8888/squelettes/habillage.css */ /** RESET **/ * { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; vertical-align: top; list-style: none; } html { height: 100%; } body { height: auto !important; min-height: 100%; height: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; background: #6ca344; line-height: 1.4; } /** TYPOGRAPHY **/ a, a:link, a:visited, a:active { color: #fff; text-decoration: underline; } a:focus, a:hover { text-decoration: none; } p { margin: 15px 0; color: #fff; font-size: 1.1em; line-height: 1.75em; } h1 { color: #86247e; font-size: 18px; padding-bottom: 3px; font-weight: bold; margin-bottom: 15px; } h2 { color: #86247e; font-size: 1.2em; margin-top: 10px; } h3 { color: #fff; font-size: 12px; font-weight: bold; margin-bottom: 10px; } h4 { color: #fff; margin: 10px 0; font-size: 11px; } strong { font-weight: bold; color: #3a6116; font-size: 12px; } span.clear { height: 1px; clear: both; } #bdw #bd #nav { font-size: 15px; text-transform: uppercase; } #bdw #bd #col1 #nav li.sub a, #bdw #bd #col1 #nav li.sub a:visited, #bdw #bd #col1 #nav li.sub a:active { text-transform: capitalize; font-size: 13px; color: #326707; } #bdw #bd #col1 #nav li.sub a:hover, #bdw #bd #col1 #nav li.sub a:focus, #bdw #bd #col1 #nav li.sub a.on, #bdw #bd #col1 #nav li.sub a.on:visited { color: #86247e; } #bdw #bd #funders h2 { color: #326707; font-size: 14px; font-weight: normal; } #bdw #bd #col1 #video a, #bdw #bd #col1 #video a:visited, #bdw #bd #col1 #video a:active { color: #326707; font-size: 12px; vertical-align: middle; line-height: 1; } #bdw #bd #col1 #video a:focus, #bdw #bd #col1 #video a:hover { color: #86247e; } #bdw #bd #col2 #map_title a, #bdw #bd #col2 #map_title a:visited, #bdw #bd #col2 #map_title a:active { font-size: 16px; color: #326707; text-decoration: none; } #bdw #bd #col2 #map_title a:focus, #bdw #bd #col2 #map_title a:hover { color: #86247e; } #bdw #bd #col2 #regions a, #bdw #bd #col2 #regions a:visited, #bdw #bd #col2 #regions a:active { color: #000; } #bdw #bd #col2 #regions a:hover, #bdw #bd #col2 #regions a:focus, #bdw #bd #col2 #regions a.on { color: #86247e; } #bdw #bd #col2 #upcoming h2, #bdw #bd #col2 #latest-news h2 { color: #326707; font-size: 14px; font-weight: normal; } #bdw #bd #col2 div.text { color: #fff; font-size: 1.1em; } #bdw #bd #col3 #nav2 li a, #bdw #bd #col3 #nav2 li a:visited, #bdw #bd #col3 #nav2 li a:active { font-size: 12px; color: #fff; text-transform: uppercase; font-weight: normal; } #bdw #bd #col3 #nav2 li a:hover, #bdw #bd #col3 #nav2 li a:focus, #bdw #bd #col3 #nav2 li a.on { color: #86247e; } #bdw #bd #col3 #map_title a, #bdw #bd #col3 #map_title a:visited, #bdw #bd #col3 #map_title a:active { font-size: 12px; color: #326707; text-decoration: none; } #bdw #bd #col3 #map_title a:focus, #bdw #bd #col3 #map_title a:hover { color: #86247e; } #bdw #bd #col3 #regions a, #bdw #bd #col3 #regions a:visited, #bdw #bd #col3 #regions a:active { color: #000; font-size: 10px; font-weight: normal; line-height: 1; } #bdw #bd #col3 #regions a:hover, #bdw #bd #col3 #regions a:focus, #bdw #bd #col3 #regions a.on { color: #86247e; } body.home #bdw #bd #col3 #sign div.middle p { font-size: 12px; color: #362912; } body.home #bdw #bd #col3 #advert h2 { color: #326707; font-size: 14px; font-weight: normal; text-transform: uppercase; } #ft { font-size: 11px; } #ft, #ft a, #ft a:visited, #ft a:active { color: #fff; text-decoration: none; } /** PAGE LAYOUT **/ #hdw { width: 100%; height: 178px; } #hdw #hd { width: 955px; height: 178px; margin: 0 auto; } #hdw #hd #logo { width: 130px; height: 150px; margin-left: 30px; } body.home #hdw { width: 100%; height: 315px; } body.home #hdw #hd { width: 955px; height: 315px; margin: 0 auto; } body.home #hdw #hd #logo { width: 140px; height: 165px; margin: 75px 0 0 30px; float: left; } #bdw { height: auto !important; min-height: 100%; height: 100%; width: 100%; margin: 0 auto; } #bd { height: 100%; width: 939px; margin: 0 auto; padding: 0 0 20px 16px; } /** COLUMN 1 **/ #bdw #bd #col1 { width: 165px; float: left; } /** NAVIGATION **/ #bdw #bd #col1 #nav { width: 159px; padding: 20px 0 0 6px; margin-bottom: 30px; } #bdw #bd #col1 #nav ul { width: 101px; padding: 0; margin: 0; } #bdw #bd #col1 #nav li.sep { width: 101px; margin: 0; height: 1px; background: url(../IMG/nav-divider.gif) no-repeat left top; } #bdw #bd #col1 #nav li.nav-item { width: 101px; margin: 12px 0; } #bdw #bd #col1 #nav li a { display: block; width: 101px; color: #fff; text-decoration: none; } #bdw #bd #col1 #nav li a.on { color: #86247e; } #bdw #bd #col1 #nav li ul { display: none; } #bdw #bd #col1 #nav li.sub { margin: 5px 0; } #bdw #bd #col1 #video { width: 104px; height: 32px; margin: 0 0 20px 5px; } #bdw #bd #col1 #video a { display: block; height: 23px; padding-top: 2px; background: url(../IMG/sprite-watchvideo.gif) no-repeat right top; text-decoration: none; } #bdw #bd #col1 #video a:hover { background-position: right -25px; } /** FUNDERS **/ #bdw #bd #funders { margin: 15px 0 0 180px; clear: both; } #bdw #bd #funders h2 { vertical-align: bottom; height: 15px; padding-left: 6px; } #bdw #bd #funders div { padding-top: 10px; } #bdw #bd #funders #banner { height: 32px; background: white; padding: 0; } #bdw #bd #funders #banner2 { height: 32px; background: white; margin: 1px 0 0 0; padding: 0; } #bdw #bd #funders div ul li { margin-right: 15px; float: left; } #bdw #bd #funders div ul li.funder2 { padding-top: 17px; } #bdw #bd #funders div ul li.funder3 { padding-top: 6px; } #bdw #bd #funders div ul li.funder4 { padding-top: 14px; } #bdw #bd #funders div ul li.funder5 { padding-top: 14px; } #bdw #bd #funders div ul li.funder6 { padding-top: 14px; } /** COLUMN 2 **/ #bdw #bd #col2 { width: 390px; min-height: 490px; float: left; position: relative; padding: 15px 25px; } body.home #bdw #bd #col2 { width: 440px; min-height: 490px; float: left; position: relative; padding: 0; } body.home #bdw #bd #col2 #intro h2 { text-transform: uppercase; padding-top: 10px; font-size: 20px; font-weight: normal; width: 300px; line-height: 1.2; } body.home #bdw #bd #col2 #intro table { margin-bottom: 10px; } body.home #bdw #bd #col2 #intro table td { font-size: 12px; vertical-align: middle; padding: 0 10px 0 5px; } #bdw #bd #col2 div.text { border-bottom: 1px dotted #fff; padding: 6px 6px 6px 0; font-size: 0.95em; line-height: 1.8em; margin-bottom: 10px; } #bdw #bd #col2 div.text p { margin: 10px 0; } #bdw #bd #col2 div.text ul { overflow: auto; margin-bottom: 20px; } #bdw #bd #col2 div.text li { list-style: disc; margin-left: 25px; color: #fff; } #bdw #bd #col2 .expander { cursor: pointer; } #bdw #bd #col2 div.expand_art h2.art_title { display: block; background: url(../IMG/expander-down.gif) no-repeat 370px center; padding: 2px 0 2px 5px; border-bottom: 1px dotted #fff; } #bdw #bd #col2 div.text.art_content { margin: 9px 0; padding: 6px; color: #fff; } #bdw #bd #col2 div.expand_art.opener h2.art_title { background: url(../IMG/expander-up.gif) no-repeat 370px center; } /** MAP **/ #bdw #bd #col2 #regions { margin: 35px 0 0 20px; position: relative; } #bdw #bd #col2 #regions a { text-decoration: none; line-height: 0.95em; } #bdw #bd #col2 #regions a#kb { display: block; position: absolute; left: 255px; top: 45px; } #bdw #bd #col2 #regions a#pb { display: block; position: absolute; left: 185px; top: 100px; } #bdw #bd #col2 #regions a#mw { display: block; position: absolute; left: 95px; top: 160px; } #bdw #bd #col2 #regions a#gse { width: 60px; display: block; position: absolute; left: 250px; top: 205px; } #bdw #bd #col2 #regions a#wb { display: block; position: absolute; left: 95px; top: 225px; } #bdw #bd #col2 #regions a#gs { width: 60px; display: block; position: absolute; left: 120px; top: 265px; } #bdw #bd #col2 #regions a#sw { width: 50px; display: block; position: absolute; left: 50px; top: 275px; } #bdw #bd #col2 #regions a#pm { width: 50px; display: block; position: absolute; left: 45px; top: 230px; } #bdw #bd #col2 #map_title { width: 232px; padding: 10px 0 0 28px; position: absolute; left: 0; top: 0; } /** UPCOMING EVENTS **/ #bdw #bd #col2 #upcoming { margin: 20px 0; display: none; overflow: auto; } #bdw #bd #col2 #upcoming h2 { height: 15px; padding-left: 32px; } #bdw #bd #col2 #upcoming #previous { width: 19px; height: 85px; float: left; margin-right: 2px; background: #599135; } #bdw #bd #col2 #upcoming #previous a { display: block; width: 19px; height: 85px; background: url(../IMG/arrow-sprite.gif) no-repeat left top; text-decoration: none; } #bdw #bd #col2 #upcoming #previous a:hover { background-position: -19px top; } #bdw #bd #col2 #upcoming #content { width: 384px; height: 85px; float: left; background: #6ca344; overflow: hidden; position: relative; } #bdw #bd #col2 #upcoming #content #scroller { position: absolute; left: 0; top: 0; height: 85px; } #bdw #bd #col2 #upcoming #content #scroller div.event { width: 191px; height: 85px; float: left; margin-right: 1px; } #bdw #bd #col2 #upcoming #content #scroller div.event div.event_date { width: 181px; height: 19px; margin-bottom: 1px; background: #599135; padding: 6px 0 0 10px; color: #fff; overflow: hidden; } #bdw #bd #col2 #upcoming #content #scroller div.event div.event_date span.community { font-size: 11px; } #bdw #bd #col2 #upcoming #content #scroller div.event div.event_title { width: 167px; height: 53px; background: #599135; padding: 6px 14px 0 10px; color: #c5db9f; } #bdw #bd #col2 #upcoming #content #scroller div.event div.event_title a { color: #c5db9f; } #bdw #bd #col2 #upcoming #next { width: 19px; height: 85px; background: #599135; float: left; margin-left: 1px; } #bdw #bd #col2 #upcoming #next a { display: block; width: 19px; height: 85px; background: url(../IMG/arrow-sprite.gif) no-repeat -57px top; text-decoration: none; } #bdw #bd #col2 #upcoming #next a:hover { background-position: -38px top; } /** LATEST NEWS **/ #bdw #bd #col2 #latest-news { margin-top: 20px; display: none; overflow: auto; } #bdw #bd #col2 #latest-news h2 { height: 15px; padding-left: 32px; } #bdw #bd #col2 #latest-news #ln-previous { width: 19px; height: 85px; float: left; margin-right: 2px; background: #599135; } #bdw #bd #col2 #latest-news #ln-previous a { display: block; width: 19px; height: 85px; background: url(../IMG/arrow-sprite.gif) no-repeat left top; text-decoration: none; } #bdw #bd #col2 #latest-news #ln-previous a:hover { background-position: -19px top; } #bdw #bd #col2 #latest-news #content { width: 384px; height: 85px; float: left; background: #6ca344; overflow: hidden; position: relative; } #bdw #bd #col2 #latest-news #content #ln-scroller { position: absolute; left: 0; top: 0; height: 85px; } #bdw #bd #col2 #latest-news #content #ln-scroller div.news { width: 191px; height: 85px; float: left; margin-right: 1px; } #bdw #bd #col2 #latest-news #content #ln-scroller div.news div.news_date { width: 181px; height: 19px; margin-bottom: 1px; background: #599135; padding: 6px 0 0 10px; color: #fff; overflow: hidden; } #bdw #bd #col2 #latest-news #content #ln-scroller div.news div.news_title { width: 167px; height: 53px; background: #599135; padding: 6px 14px 0 10px; color: #c5db9f; } #bdw #bd #col2 #latest-news #content #ln-scroller div.news div.news_title a { color: #c5db9f; } #bdw #bd #col2 #latest-news #ln-next { width: 19px; height: 85px; background: #599135; float: left; margin-left: 1px; } #bdw #bd #col2 #latest-news #ln-next a { display: block; width: 19px; height: 85px; background: url(../IMG/arrow-sprite.gif) no-repeat -57px top; text-decoration: none; } #bdw #bd #col2 #latest-news #ln-next a:hover { background-position: -38px top; } /** PDFs **/ #bdw #bd #col2 .docs { overflow: auto; padding-bottom: 1px; } #bdw #bd #col2 .docs .pdf { width: 180px; float: left; margin: 0 5px 5px 0; overflow: auto; } #bdw #bd #col2 .docs .icon { width: 19px; height: 24px; float: left; margin: 3px 5px 0 0; } #bdw #bd #col2 .docs .info { float: left; width: 150px; padding-top: 1px; } #bdw #bd #col2 .docs .info p { line-height: 11pt; } #bdw #bd #col2 .docs .info p.size { margin: 0; padding: 0; height: 15px; font-size: 0.85em; } #bdw #bd #col2 .docs p.size a { margin: 0; padding: 0; vertical-align: top; color: #86247e; font-weight: bold; text-decoration: none; } #bdw #bd #col2 .docs p.title { margin: 0; padding: 0; font-size: 0.85em; } #bdw #bd #col2 .docs p.title a { color: #fff; text-decoration: none; } #bdw #bd #col2 .docs .pdf p { margin: 0 0 5px 0; } /** SUB SECTION NAV **/ #bdw #bd #col2 #ss-nav { border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; } #bdw #bd #col2 #ss-nav ul { overflow: auto; padding: 10px 20px 10px 0; } #bdw #bd #col2 #ss-nav li { float: left; font-size: 13px; } #bdw #bd #col2 #ss-nav li a, #bdw #bd #col2 #ss-nav li a:visited, #bdw #bd #col2 #ss-nav li a:active { color: #86247e; text-decoration: none; } #bdw #bd #col2 #ss-nav li a:hover, #bdw #bd #col2 #ss-nav li a:focus, #bdw #bd #col2 #ss-nav li a.on, #bdw #bd #col2 #ss-nav a.on:visited { color: #fff; } #bdw #bd #col2 #ss-nav li.sep { margin: 0 10px; color: #86247e; } /** NEWS **/ #bdw #bd #col2 .archive { border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; } #bdw #bd #col2 .archive ul { overflow: auto; padding: 10px 0; } #bdw #bd #col2 .archive li { float: left; margin-right: 25px; } #bdw #bd #col2 .archive li a, #bdw #bd #col2 .archive li a:visited, #bdw #bd #col2 .archive li a:active { color: #fff; text-decoration: none; } #bdw #bd #col2 .archive li a:hover, #bdw #bd #col2 .archive li a:focus, #bdw #bd #col2 .archive li a.on, #bdw #bd #col2 .archive a.on:visited { color: #86247e; } #bdw #bd #col2 .pagination { padding: 10px 0; color: #fff; border-bottom: 1px dotted #fff; margin-bottom: 15px; } #bdw #bd #col2 .pagination .lien_pagination { margin: 0 2px; } #bdw #bd #col2 .pagination a, #bdw #bd #col2 .pagination a:visited, #bdw #bd #col2 .pagination a:active { color: #fff; text-decoration: none; } #bdw #bd #col2 .pagination a:hover, #bdw #bd #col2 .pagination a:focus { text-decoration: underline; } #bdw #bd #col2 .pagination span.on { color: #86247e; font-weight: bold; } #bdw #bd #col2 .newsTypeHeader { margin: 10px 0; height: 16px; } #bdw #bd #col2 .newsTypeLogo { width: 19px; height: 24px; float: left; margin-right: 5px; } #bdw #bd #col2 .newsType { float: left; text-transform: uppercase; color: #86247e; } #bdw #bd #col2 .newsType span { text-transform: capitalize; color: #fff; } #bdw #bd #col2 div.expand_art h2.art_title { padding-bottom: 10px; } #bdw #bd #col2 h2.media .title, body.page17 #bdw #bd #col2 h2.newsletter .title { color: #fff; padding-left: 2px; } #bdw #bd #col2 h2.media img, body.page17 #bdw #bd #col2 h2.newsletter img { float: left; margin-right: 5px; } /** MERCHANDISE GALLERY **/ #bdw #bd #col2 #gallery { clear: both; overflow: auto; } #bdw #bd #col2 #gallery .gallery-item { float: left; margin: 0 6px 6px 0; } /** COLUMN 3 **/ #bdw #bd #col3 { width: 315px; float: left; background: url(../IMG/bg-plant.png) no-repeat right bottom; min-height: 636px; padding-left: 10px } body.home #bdw #bd #col3 { width: 315px; float: left; background: none; padding-left: 10px } body.home #bdw #bd #col3 #side-links { margin-top: 44px; } body.home #bdw #bd #col3 #side-links .links { width: 173px; margin: 0 auto; color: #fff; } body.home #bdw #bd #col3 #side-links .links a { text-decoration: none; } body.home #bdw #bd #col3 #side-links .links a:hover { color: #86247e; } body.home #bdw #col3 #side-links table tr.row_odd { background: url(images/table-bg.gif) no-repeat left top; } body.home #bdw #col3 #side-links table td { height: 71px; vertical-align: middle; } body.home #bdw #col3 #side-links table td.cell1 { padding-right: 10px; } body.home #bdw #col3 #side-links table td.cell2 { width: 200px; } /** NAV 2 **/ #bdw #bd #col3 #nav2 { padding: 1px 0 0 14px; } #bdw #bd #col3 #nav2 ul { overflow: auto; } #bdw #bd #col3 #nav2 li { float: left; height: 75px; } #bdw #bd #col3 #nav2 li a, #bdw #bd #col3 #nav2 li a:visited, #bdw #bd #col3 #nav2 li a:active { display: block; height: 43px; padding-top: 32px; background: url(../IMG/nav2-sprite-trans.gif) no-repeat left top; text-align: center; text-decoration: none; font-size: 14px; } #bdw #bd #col3 #nav2 li.link19 a, #bdw #bd #col3 #nav2 li.link19 a:visited, #bdw #bd #col3 #nav2 li.link19 a:active { width: 113px; background-position: 0 top; } #bdw #bd #col3 #nav2 li.link19 a:hover, #bdw #bd #col3 #nav2 li.link19 a:focus, #bdw #bd #col3 #nav2 li.link19 a.on { background-position: 0 -75px; } /*#bdw #bd #col3 #nav2 li.link20 a, #bdw #bd #col3 #nav2 li.link20 a:visited, #bdw #bd #col3 #nav2 li.link20 a:active { width: 73px; background-position: -90px top; } #bdw #bd #col3 #nav2 li.link20 a:hover, #bdw #bd #col3 #nav2 li.link20 a:focus, #bdw #bd #col3 #nav2 li.link20 a.on { background-position: -90px -75px; }*/ #bdw #bd #col3 #nav2 li.link21 a, #bdw #bd #col3 #nav2 li.link21 a:visited, #bdw #bd #col3 #nav2 li.link21 a:active { width: 64px; background-position: -113px top; } #bdw #bd #col3 #nav2 li.link21 a:hover, #bdw #bd #col3 #nav2 li.link21 a:focus, #bdw #bd #col3 #nav2 li.link21 a.on { background-position: -113px -75px; } #bdw #bd #col3 #nav2 li.link22 a, #bdw #bd #col3 #nav2 li.link22 a:visited, #bdw #bd #col3 #nav2 li.link22 a:active { width: 100px; background-position: -177px top; } #bdw #bd #col3 #nav2 li.link22 a:hover, #bdw #bd #col3 #nav2 li.link22 a:focus, #bdw #bd #col3 #nav2 li.link22 a.on { background-position: -177px -75px; } /** SMALL MAP **/ #bdw #bd #col3 #small-map { width: 277px; height: 226px; background: url(../IMG/bg-map-small.jpg) no-repeat left top; margin-left: 14px; position: relative; } #bdw #bd #col3 #small-map #regions { padding: 31px 0 0 18px; } #bdw #bd #col3 #small-map a { text-decoration: none; } #bdw #bd #col3 #small-map a#kb { display: block; position: absolute; left: 170px; top: 55px; } #bdw #bd #col3 #small-map a#pb { display: block; position: absolute; left: 120px; top: 90px; } #bdw #bd #col3 #small-map a#mw { display: block; position: absolute; left: 75px; top: 122px; } #bdw #bd #col3 #small-map a#gse { width: 60px; display: block; position: absolute; left: 173px; top: 150px; } #bdw #bd #col3 #small-map a#wb { display: block; position: absolute; left: 80px; top: 165px; } #bdw #bd #col3 #small-map a#gs { width: 41px; display: block; position: absolute; left: 92px; top: 190px; } #bdw #bd #col3 #small-map a#sw { width: 27px; display: block; position: absolute; left: 50px; top: 200px; } #bdw #bd #col3 #small-map a#pm { width: 27px; display: block; position: absolute; left: 48px; top: 165px; } #bdw #bd #col3 #map_title { width: 135px; padding: 9px 0 0 9px; position: absolute; left: 0; top: 0; } /* #bdw #bd #col3 #small-map { width: 277px; height: 226px; background: url(../IMG/bg-map-small.jpg) no-repeat left top; margin-left: 14px; position: relative; } #bdw #bd #col3 #small-map #regions { padding: 70px 0 0 0; } #bdw #bd #col3 #small-map a { text-decoration: none; } #bdw #bd #col3 #small-map a#wa { display: block; position: absolute; left: 65px; top: 120px; line-height: 1.2; } #bdw #bd #col3 #small-map a#vic { display: block; position: absolute; left: 215px; top: 170px; } #bdw #bd #col3 #small-map a#kb { display: block; position: absolute; left: 170px; top: 55px; } #bdw #bd #col3 #small-map a#pb { display: block; position: absolute; left: 120px; top: 90px; } #bdw #bd #col3 #small-map a#mw { display: block; position: absolute; left: 75px; top: 122px; } #bdw #bd #col3 #small-map a#gse { width: 60px; display: block; position: absolute; left: 173px; top: 150px; } #bdw #bd #col3 #small-map a#wb { display: block; position: absolute; left: 80px; top: 165px; } #bdw #bd #col3 #small-map a#gs { width: 41px; display: block; position: absolute; left: 92px; top: 190px; } #bdw #bd #col3 #small-map a#sw { width: 27px; display: block; position: absolute; left: 50px; top: 200px; } #bdw #bd #col3 #small-map a#pm { width: 27px; display: block; position: absolute; left: 48px; top: 165px; } #bdw #bd #col3 #map_title { width: 135px; padding: 9px 0 0 9px; position: absolute; left: 0; top: 0; } */ /** HOMEPAGE SIGN **/ body.home #bdw #bd #col3 #sign { margin-top: 15px; padding-left: 10px; } body.home #bdw #bd #col3 #sign div.top { height: 28px; background: url(../IMG/sign-top.png) no-repeat left top; font-size: 18px; color: #362912; padding: 20px 0 0 16px; } body.home #bdw #bd #col3 #sign div.middle { display: block; background: url(../IMG/sign-middle.gif) repeat-y left top; padding: 1px 50px 1px 20px; } body.home #bdw #bd #col3 #sign div.middle p { margin: 8px 0; } /** HOMEPAGE FACEBOOK LINK **/ body.home #facebook { margin: 80px 0 0 20px; vertical-align: center; line-height: 2.1; color: # } body.home #facebook h2 { color: #326707; font-weight: normal; } /** HOMEPAGE ADVERT **/ /*body.home #bdw #bd #col3 #advert { width: 325px; height: 250px; background: url(../IMG/bg-advert.png) no-repeat left bottom; position: relative; margin-top: 10px; }*/ body.home #bdw #bd #col3 #advert { width: 325px; height: 285px; background: url(images/video-reflection.gif) no-repeat 22px bottom; position: relative; margin-top: 10px; } body.home #bdw #bd #col3 #advert h2 { padding: 14px 0 0 22px; height: 16px; } body.home #bdw #bd #col3 #advert #video { width: 263px; height: 196px; background: #000; margin-left: 22px; } /*body.home #bdw #bd #col3 #advert #rock { position: absolute; right: 0; bottom: 0; z-index: 1; }*/ body.home #bdw #bd #col3 #advert #rock { display: none; } /** THICKBOX **/ #TB_closeAjaxWindow { position: absolute; right: 0; top: 2px; z-index: 500; } /** MERCHANDISE **/ #TB_window { width: 468px; height: 525px; border: none; background: url(../IMG/bg-thickbox-merchandise.jpg) no-repeat left top; padding-top: 18px; } #TB_window #TB_caption { padding: 5px 0 0 0; width: 436px; height: 19px; background-color: #8db76b; font-size: 12px; color: #7a1c56; text-align: center; margin: 2px 0 0 15px; } #TB_window #TB_closeWindow { position: absolute; right: 0; top: 0; } #TB_window img#TB_Image { border: none; } /** VIDEO **/ #TB_title, #TB_window div.spip-admin-float { display: none; } #TB_window.adverttb { border: none; background: url(../IMG/bg-thickbox-shadow2.png) no-repeat left top; padding: 22px 12px 12px 12px; } #TB_window.adverttb #TB_closeAjaxWindow { display: none; } #TB_window.adverttb #tvadvert object { float: left; } #TB_window.adverttb #tvadvert #downloads { width: 195px; height: 277px; float: left; background: #4d832b; margin-left: 15px; text-align: center; padding: 0 20px; } #TB_window.adverttb #tvadvert #downloads a { color: #fff; text-decoration: none; } #TB_window.adverttb #tvadvert #downloads #wmv, #TB_window #tvadvert #downloads #mp4 { margin: 10px 0; } #TB_window.adverttb #tvadvert #downloads p { font-size: 11px; margin-top: 5px; } #TB_window.adverttb #tvadvert #selection { clear: both; padding-top: 10px; height: 85px; } #TB_window.adverttb #tvadvert #selection li { list-style: none; float: left; margin-right: 15px; } /** MAP **/ #TB_window.maptb { width: 800px; height: 510px; padding: 0; background-image: none; } #TB_window.maptb #map-thickbox #nocommunities { width: 175px; height: 100px; position: absolute; left: 110px; top: 210px; z-index: 5000; display: none; } #TB_window.maptb #map-thickbox #regions-thickbox a, #TB_window.maptb #map-thickbox #regions-thickbox a:visited, #TB_window.maptb #map-thickbox #regions-thickbox a:active { color: #000; text-decoration: none; } #TB_window.maptb #map-thickbox #regions-thickbox a:focus, #TB_window.maptb #map-thickbox #regions-thickbox a:hover { color: #86247e; } #TB_window.maptb #TB_ajaxContent { padding: 0 0 0 15px; margin: 0; background: url(../IMG/bg-thickbox-map.jpg) repeat-x left top; } #TB_window.maptb #map-thickbox { width: 395px; height: 510px; position: relative; float: left; } #TB_window.maptb #map-thickbox p.title { margin: 10px 0 0 0; padding: 0; } #TB_window.maptb #map-thickbox #back { width: 71px; height: 94px; background: url(../IMG/map-mini-wa.png) no-repeat left top; position: absolute; left: 0; top: 48px; display: none; z-index: 20; cursor: pointer; } #TB_window.maptb #map-thickbox a.region, #TB_window.maptb #map-thickbox a.region:visited, #TB_window.maptb #map-thickbox a.region:active { background: url(../IMG/marker.png) no-repeat; z-index: 1; font-size: 10px; color: #000; text-decoration: none; line-height: 1; } #TB_window.maptb #map-thickbox a.region:hover, #TB_window.maptb #map-thickbox a.region:focus { color: #86247e; } #TB_window.maptb #map-thickbox #communities { width: 395px; height: 375px; position: absolute; left: 0; top: 35px; z-index: 10; } #TB_window.maptb #map-thickbox #communities a, #TB_window.maptb #map-thickbox #communities a:visited, #TB_window.maptb #map-thickbox #communities a:active { display: none; background: url(../IMG/marker.png) no-repeat; padding-top: 20px; font-size: 11px; color: #000; text-decoration: none; line-height: 1; } #TB_window.maptb #map-thickbox #communities a:hover, #TB_window.maptb #map-thickbox #communities a:focus, #TB_window.maptb #map-thickbox #communities a.on { color: #86247e; } #TB_window.maptb #map-thickbox #archive { width: 395px; height: 86px; display: none; padding: 0 0 0 10px; margin: 0; } #TB_window.maptb #map-thickbox #archive p { margin: 5px 0 0 0; padding: 0; } #TB_window.maptb #map-thickbox #archive #dates { width: 356px; height: 45px; background: #5c9336; padding: 10px; } #TB_window.maptb #map-thickbox #archive #dates .year { width: 80px; float: left; font-size: 11px; } #TB_window.maptb #map-thickbox #archive #dates a, #TB_window.maptb #map-thickbox #archive #dates a:visited, #TB_window.maptb #map-thickbox #archive #dates a:active { color: #fff; text-decoration: none; } #TB_window.maptb #map-thickbox #archive #dates a:hover, #TB_window.maptb #map-thickbox #archive #dates a:focus, #TB_window.maptb #map-thickbox #archive #dates a.on { color: #86247e; } /** EVENTS WINDOW **/ #TB_window.maptb #events-thickbox { width: 380px; height: 494px; float: left; margin-left: 10px; position: relative; } #TB_window.maptb #events-thickbox p.title { margin: 10px 0 0 0; padding: 0; width: 160px; float: left; } #TB_window.maptb #events-thickbox #loading { width: 81px; height: 15px; margin: 11px 0 0 0; float: left; display: none; } #TB_window.maptb #events-thickbox #container { background: #73a437; width: 370px; height: 454px; overflow: auto; padding: 10px 0 10px 10px; clear: both; } #TB_window.maptb #events-thickbox #container #scrollbox { width: 355px; height: 454px; } #TB_window.maptb #events-thickbox #container #scrollbox .header{ margin-bottom: 15px; overflow: auto; } #TB_window.maptb #events-thickbox #container #scrollbox .header span.communityName, #TB_window.maptb #events-thickbox #container #scrollbox .header span.regionName { height: 15px; color: #fff; background-color: #86247e; border: none; width: auto; font-size: 11px; text-transform: uppercase; padding: 4px 7px 2px; width: auto; margin: 0; line-height: 1.7em; } #TB_window.maptb #events-thickbox #container #scrollbox ul { margin-bottom: 10px; } #TB_window.maptb #events-thickbox #container #scrollbox li { margin-left: 5px; } #TB_window.maptb #events-thickbox #container #scrollbox li div.date { color: #6f2062; font-size: 11px; } #TB_window.maptb #events-thickbox #container #scrollbox li div.title { color: #fff; font-size: 12px; } #TB_window.maptb #events-thickbox #container #scrollbox li div.text { color: #c5db9f; font-size: 11px; } #TB_window.maptb #events-thickbox #container #scrollbox li div.text a { color: #fff; } #TB_window.maptb #events-thickbox #container #scrollbox li div.pdf { overflow: auto; margin-top: 5px; } #TB_window.maptb #events-thickbox #container #scrollbox li div.icon { width: 19px; height: 24px; float: left; margin: 3px 5px 0 0; } #TB_window.maptb #events-thickbox #container #scrollbox li div.info { float: left; width: 150px; } #TB_window.maptb #events-thickbox #container #scrollbox li div.info p { line-height: 11pt; } #TB_window.maptb #events-thickbox #container #scrollbox li div.info p.size { margin: 0; padding: 0; height: 15px; font-size: 0.85em; } #TB_window.maptb #events-thickbox #container #scrollbox li div.info p.title { font-size: 0.85em; } #TB_window.maptb #events-thickbox #container #scrollbox li p.size a { margin: 0; padding: 0; vertical-align: top; color: #86247e; font-weight: bold; text-decoration: none; } #TB_window.maptb #events-thickbox #container #scrollbox li p.title { margin: 0; padding: 0; } #TB_window.maptb #events-thickbox #container #scrollbox li p.title a { color: #fff; text-decoration: none; } #TB_window.maptb #events-thickbox #container #scrollbox li div.pdf p { margin: 0 0 5px 0; } /** WHAT's ON PAGE **/ body.page11 #events .name { margin: 10px 0; } body.page11 #events span.regionName { height: 15px; color: #fff; background-color: #86247e; border: none; width: auto; font-size: 11px; text-transform: uppercase; padding: 3px 7px; width: auto; margin: 0; } body.page11 #events ul { margin-bottom: 10px; } body.page11 #events li div.date { color: #6f2062; font-size: 11px; } body.page11 #events li div.title { color: #fff; font-size: 12px; } /** FORMS **/ #contact-form, #contact-form .form-content { margin-top: 10px; min-height: 400px; } #contact-form .form_label { color: #fff; } #contact-form .form-field { margin-bottom: 5px; } #contact-form .form-field input, #contact-form .form-field textarea { width: 300px; color: #326707; border: 1px solid #326707; padding: 3px; } #contact-form .form-field textarea { height: 60px; } #contact-form .form-field #submit { width: 60px; color: #fff; background-color: #95C65E; cursor: pointer; } #contact-form .error_message { color: #CC0000; } #contact-form .reponse_formulaire_ok { color: #fff; font-size: 110%; margin-top: 10px; } /** E-NEWS **/ #subscribe .cadre { background: none; } #subscribe fieldset { border-color: #326707; color: #fff; margin-bottom: 10px; } #subscribe fieldset input { margin: 1px 5px 0 0; } #subscribe .spip_bouton input { padding: 3px; background-color: #95C65E; color: #fff; border: 1px solid #326707; } /** SEARCH **/ #nav #search #recherche { background-color: #a9cb4b; border: 1px solid #417b13; color: #528219; padding: 1px 3px; width: 100px; margin-bottom: 12px; font-size: 11px; } body.search_results #bdw #bd #col2 .header { margin-bottom: 10px; } body.search_results #bdw #bd #col2 .header span.regionName { color: #fff; background-color: #86247e; border: none; width: auto; font-size: 11px; text-transform: uppercase; padding: 2px 7px; width: auto; margin: 0; } body.search_results #bdw #bd #col2 div.community { color: #528219; font-weight: bold; } body.search_results #bdw #bd #col2 div.date { color: #6f2062; font-size: 11px; } body.search_results #bdw #bd #col2 div.title { color: #fff; font-size: 12px; } body.search_results #bdw #bd #col2 .text { margin-bottom: 15px; } /** FOOTER **/ #ft { clear: both; width: 713px; height: 20px; text-align: right; padding-top: 5px; margin: 10px 0 0 180px; border-top: 1px dotted #fff; } #ft a:hover span.orange { color: #ff9c28; } #ft a.spip:hover { color: #553399; } /** RECAPTCHA **/ body #recaptcha_widget_div { position: absolute; bottom: 60px; border: 1px solid #326707; margin-bottom: 10px; background: #fff; } body .recaptchatable td img { /* see http://developer.mozilla.org/en/docs/Images%2C_Tables%2C_and_Mysterious_Gaps */ display: block; } body .recaptchatable .recaptcha_r1_c1 { background: none; } body .recaptchatable .recaptcha_r2_c1 { background: none; } body .recaptchatable .recaptcha_r2_c2 { background: none; } body .recaptchatable .recaptcha_r3_c1 { background: none; } body .recaptchatable .recaptcha_r3_c2 { background: none; } body .recaptchatable .recaptcha_r3_c3 { background: none; } body .recaptchatable .recaptcha_r4_c1 { background: none; } body .recaptchatable .recaptcha_r4_c2 { background: none; } body .recaptchatable .recaptcha_r4_c4 { background: none; } body .recaptchatable .recaptcha_r7_c1 { background: none; } body .recaptchatable .recaptcha_r8_c1 { background: none; } body .recaptchatable .recaptcha_image_cell center img { height:57px;} body .recaptchatable .recaptcha_image_cell center { height:57px;} body .recaptchatable * { margin:0px; padding:0px; border:0px; font-family:helvetica,sans-serif; font-size:8pt; color:#000; position:static; top:auto; left:auto; right:auto; bottom:auto; text-align:left !important; } body .recaptchatable .recaptcha_image_cell { background:none; height:57px; } body .recaptcha_theme_blackglass #recaptcha_response_field, body .recaptcha_theme_white #recaptcha_response_field { border: 1px solid gray; } body .recaptcha_theme_red #recaptcha_response_field { border: 1px solid #b8c3c2; color:#000; font-size:12px; padding:2px !important; background: none; } body .recaptcha_audio_cant_hear_link { font-size:7pt; color:#000; } body .recaptchatable { line-height:1em; background: none; } body .recaptcha_is_showing_audio .recaptcha_only_if_image, body .recaptcha_isnot_showing_audio .recaptcha_only_if_audio, body .recaptcha_had_incorrect_sol .recaptcha_only_if_no_incorrect_sol, body .recaptcha_nothad_incorrect_sol .recaptcha_only_if_incorrect_sol{display:none !important}