/*--------------------------------------------------------------- Theme Name: Île d'Orleans Description: Theme created for Danone Canada Version: 1.0 (May 2011) Authors: Nadia HADJI & Guillaume Quimper - Influenza Marketing Author URI: http://influenzamarketing.ca/ ---------------------------------------------------------------*/ /*----------------------------------------------------------- Standard CSS Resets - Thanks to Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -----------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /*---------------- Sup & Sub Hacks -----------------*/ sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: 60%; } sup { bottom: 1ex; } sub { top: .5ex; } /*------------------- Common Atributes -------------------*/ *, html { margin: 0; padding: 0; } a { text-decoration: none; outline: none; } img { border: none; } body { color: black; background: #D3E7F2; font-family: Arial, Helvetica, sans-serif; } input { font-family: Arial, Helvetica, sans-serif; } h1, h2, h3, h4 { font-family: Georgia, Arial, Helvetica, sans-serif; } ul, ol { list-style: none; } strong { font-weight: bold; } .clear { clear: both; } /*------------------- Site's Wrappers -------------------*/ #headerWrapper { height: 39px; background: url(images/headerWrapper-bg.png) repeat-x; position: relative; z-index: 10; } #footerWrapper { background: #fff; position: relative; z-index: 2; padding-bottom: 20px; } #contentWrapper { width: 966px; position: relative; margin: 0 auto; padding-top: 220px; } #contentWrapper.home { padding-top: 368px; } /*------------------- Header -------------------*/ #header { width: 960px; position: relative; margin: 0 auto; } #quickNav { float: right; background: url(images/quickNav-bg.png) repeat-y; height: 35px; padding-left: 15px; } #quickNav form { float: right; position: relative; padding: 8px 9px 0 0; } #quickNav label { position: absolute; font-size: 12px; color: #666; top: 12px; left: 4px; } #quickNav input.textInput { width: 146px; height: 16px; padding: 2px; background: #fff url(images/searchInput-bg.png) no-repeat 128px 2px; border: none; } #quickNav input.submitForm { width: 20px; height: 20px; border: none; text-align: left; text-indent: -3000px; overflow: hidden; background: url(images/searchForm-submit-button.png); cursor: pointer; } #quickNav input.submitForm:hover { background-position: 0 -20px; } #quickNav ul, #quickNav li, #quickNav h5 { float: left; font-size: 12px; } #quickMenu1, #quickNav h5 { padding-top: 12px; } #quickMenu1 li { border-right: 1px solid #fff; margin-left: 10px; padding-right: 10px; } #quickMenu1 li a { color: #fff; } #quickMenu1 li a:hover { text-decoration: underline; } #quickNav h5 { color: #fff; padding-left: 10px; } #socialMenu1 { padding: 5px 10px 0 0; } #socialMenu1 li { width: 24px; height: 24px; margin-left: 5px; } #socialMenu1 li a { display: block; height: 24px; text-indent: -3000px; overflow: hidden; } #socialMenu1 li.facebook a { background: url(images/facebook-icon-24px.png); } #socialMenu1 li.twitter a { background: url(images/twitter-icon-24px.png); } #logo { width: 206px; height: 139px; position: absolute; top: 35px; left: 25px; z-index: 100; } #logo.fr { background: url(images/logo_slogan-ile-d-orleans-fr.png); } #logo.en { background: url(images/logo_slogan-ile-d-orleans-en.png); } #logo h1 a { width: 206px; height: 139px; display: block; text-indent: -3000px; overflow: hidden; } #logo h2 { text-indent: -3000px; overflow: hidden; } #header h3 { width: 135px; height: 52px; padding: 12px 0 0 10px; background: url(images/header-phone-bg.png); position: absolute; left: 0; top: 0; z-index: 200; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; } #header h3 strong { display: block; font-size: 16px; line-height: 36px; } #quickMenu2 { padding: 12px 0 0 140px; font-size: 12px; } #quickMenu2 li { float: left; margin-left: 10px; } #quickMenu2 li.first { border-right: 1px solid #000; padding-right: 10px; } #quickMenu2 li a { color: #000; } #quickMenu2 li a:hover { text-decoration: underline; } /*----------------------- Home Header Background -----------------------*/ #home { position: absolute; z-index: 0; height: 864px; width: 100%; top: 34px; text-align: center; overflow: hidden; } #home h2 { text-indent: -3000px; overflow: hidden; } #videoButton { width: 930px; position: absolute; left: 50%; margin-left: -460px; top: 285px; text-align: left; } #videoButton a { float: right; width: 212px; padding: 13px 0 0 13px; height: 37px; display: block; background: url(images/playVideo-button-sprite.png); font-family: Georgia, Arial, Helvetica, sans-serif; color: #fff; font-size: 22px; font-weight: bold; } #videoButton a:hover { background-position: 0 -50px; color: #4ECDEC; } /*------------------- Header Background -------------------*/ #largePic { position: absolute; z-index: 0; height: 616px; width: 100%; top: 0; left: 0; text-align: center; overflow: hidden; } #homeBackgrounds { height: 616px; width: 1800px; position: absolute; left: 50%; margin-left: -900px; } div.largePic { height: 616px; width: 1800px; background-repeat: no-repeat; background-position: center top; } #home div.largePic { height: 864px; width: 1800px; background-repeat: no-repeat; background-position: center top; } /*------------------- Main Nav -------------------*/ #mainNav ul { padding-left: 16px; height: 35px; } #mainNav ul li { float: left; margin-right: 4px; font-size: 18px; font-family: Georgia, Arial, Helvetica, sans-serif; } #mainNav ul li a { background: #C1DCEA; color: #000; padding: 4px 4px 0 4px; display: inline-block; } #mainNav ul li a span { border: 1px solid #81AEC8; border-bottom: none; padding: 6px 11px; display: inline-block; } #mainNav ul li a:hover, #mainNav ul li.current-menu-item a, #mainNav ul li.current_page_item a { background: #000; color: #fff; } #mainNav ul li a:hover span, #mainNav ul li.current-menu-item a span, #mainNav ul li.current_page_item a span { border-color: #808080; } #mainNav.en ul { padding-left: 10px; height: 33px; } #mainNav.en ul li { font-size: 16px; } /*------------------- Content -------------------*/ #content { clear: both; background: #fff; position: relative; z-index: 2; padding: 14px 14px 14px 14px; } #contentWrapper.home #content { padding-top: 30px; } #content h1 { font-size: 28px; font-weight: bold; padding: 10px 0 0 0; } #content p.intro { padding: 0 0 10px 0; color: #333; font-size: 15px; line-height: 140%; } /* Breadcrumb */ #breadcrumb { padding: 0 200px 10px 20px; font-size: 12px; } #breadcrumb a { color: #387292; text-decoration: underline; } /* Favorites */ #favorites { position: absolute; right: 5px; top: 15px; font-family: Georgia, "Times New Roman", Times, serif; } #favorites h5 { font-size: 13px; color: #D73027; text-align: right; } #favorites h5 a { color: #D73027; } #favorites a#sideButton { position: absolute; right: -34px; top: 0px; background: url(images/favorite-side-button.png); width: 29px; height: 34px; display: block; text-indent: -3000px; overflow: hidden; } #favorites a.addItem, #favorites a.removeItem { position: absolute; right: -34px; top: 34px; background: url(images/favorite-side-button.png) no-repeat right center; width: 69px; height: 23px; display: block; text-align: right; font-size: 13px; color: #000; padding: 11px 40px 0 0; } #favorites a.removeItem { background-position: right bottom; display: none /* Toggle visibility when item added */; } #favorites a.addItem:hover, #favorites a.removeItem:hover { text-decoration: underline; } /*------------------------ Home Content ------------------------*/ #homeIntro { width: 290px; float: left; padding: 0 0 20px 10px; } #homeIntro h2 { font-size: 24px; line-height: 125%; padding-bottom: 30px; } #homeIntro h3 { font-size: 21px; line-height: 125%; } #homeIntro h3 a { top: 4px; } #homeIntro ul { padding: 10px 70px 10px 0; } #homeIntro ul li { padding: 2px 0; font-size: 21px; font-family: Georgia, Arial, Helvetica, sans-serif; } #homeIntro ul li a { display: block; color: #fff; padding: 0 5px; line-height: 26px; background: #AA8622 url(images/arrow-right-white-small.png) no-repeat 205px 9px; } #homeIntro ul li a:hover { background-color: #000; } #homeMap { margin-left: 314px; border: 1px solid #000; padding: 4px; width: 615px; margin-bottom: 20px; } #homeMap .map { margin-bottom: 4px; position: relative; height: 260px; } #homeMap .map.fr { background: url(images/homeMap-bg-fr.png); } #homeMap .map.en { background: url(images/Map-Accueil-EN.jpg); } #homeMap .map h2 { text-indent: -3000px; overflow: hidden; } #homeMap .map .viewMap { position: absolute; right: 15px; bottom: 15px; width: 142px; height: 26px; padding: 8px 0 0 10px; display: block; background: url(images/homeMap-button-sprite.png); font-size: 16px; color: #fff; font-family: Georgia, Arial, Helvetica, sans-serif; } #homeMap .map .viewMap:hover { color: #26C3E9; background-position: 0 -34px; } #homeMap .municipalities { background: #E0EDF4; height: 50px; } #homeMap .municipalities h4 { float: left; width: 140px; height: 42px; padding: 8px 0 0 10px; font-size: 16px; color: #fff; background: url(images/homeMap-municipalities-title-bg.png) right center; } #homeMap .municipalities ul { margin-left: 160px; padding-top: 8px; } #homeMap .municipalities ul li { float: left; width: 130px; margin: 0 0 5px 10px; font-size: 15px; } #homeMap .municipalities ul li a { display: block; color: #000; background: url(images/arrow-right-black-small.png) no-repeat left center; padding-left: 10px; } #homeMap .municipalities ul li a:hover { text-decoration: underline; } #homeHighlights { padding: 40px 0; } .boxWrapper { height: 265px; position: relative; z-index: 200; padding: 5px; background: #fff; } .highlightBox { width: 286px; height: 245px; float: left; position: relative; background: url(images/highlightBox-bg.jpg); margin-right: 5px; padding: 10px; } .highlightBox.events { margin-right: 0; } .highlightBox h3 { position: absolute; left: 10px; top: -40px; height: 30px; padding: 4px 4px 0 4px; z-index: 0; font-size: 18px; color: #fff; font-weight: bold; } .highlightBox h3 span { border: 1px solid #fff; border-bottom: none; padding: 6px 11px; display: inline-block; } .highlightBox span.viewAll { position: absolute; bottom: 0; right: 0; padding: 4px 8px; font-size: 13px; } .highlightBox span.viewAll a { color: #fff; background: url(images/arrow-right-white-tiny.png) no-repeat right center; padding-right: 10px; } .highlightBox.tours h3 { background: url(images/highlightBox-title-green-bg.png) repeat-x; } .highlightBox.tours h4 { font-size: 20px; color: #4D9307; } .highlightBox.tours ul { padding-top: 10px; } .highlightBox.tours li { padding-right: 5px; background: url(images/dotted-line-green.png) repeat-x left bottom; font-size: 16px; font-family: Georgia, Arial, Helvetica, sans-serif; } .highlightBox.tours li a { display: block; background: url(images/arrow-right-green-small.png) no-repeat right center; color: #000; padding: 11px 0 10px 0; } .highlightBox.tours li a:hover { color: #4E9408; } .highlightBox.tours span.viewAll { background: #4E9408; } .highlightBox.tours span.viewAll a:hover { color: #99CC00; background-image: url(images/arrow-right-light-green-tiny.png); } .highlightBox.news h3 { background: url(images/highlightBox-title-blue-bg.png) repeat-x; } .highlightBox.news h4 { font-size: 20px; text-transform: uppercase; color: #26C3E9; padding-bottom: 10px; } .highlightBox.news h5 { font-size: 16px; color: #2F627E; font-weight: bold; line-height: 125%; padding-bottom: 10px; font-family: Georgia, Arial, Helvetica, sans-serif; } .highlightBox.news p { font-size: 13px; line-height: 125%; padding-bottom: 10px; } .highlightBox.news a.readMore { font-size: 13px; color: #26C3E9; background: url(images/arrow-right-blue-small.png) no-repeat right center; padding-right: 10px; } .highlightBox.news a.readMore:hover { text-decoration: underline; } .highlightBox.news span.viewAll { background: #2F627E; } .highlightBox.news span.viewAll a:hover { color: #4ECDEC; background-image: url(images/arrow-right-light-blue-tiny.png); } .highlightBox.events h3 { background: url(images/highlightBox-title-red-bg.png) repeat-x; } .highlightBox.events .event { background: url(images/dotted-line-red.png) repeat-x left top; padding: 9px 0 10px 0; } .highlightBox.events .event.first { padding-top: 0; background: none; } .highlightBox.events .event h4 { font-size: 16px; font-weight: bold; } .highlightBox.events .event h4 a { color: #C63326; } .highlightBox.events .event h4 a:hover { text-decoration: underline; } .highlightBox.events .event p { font-size: 13px; } .highlightBox.events span.viewAll { background: #AA1503; } .highlightBox.events span.viewAll a:hover { color: #FF382E; background-image: url(images/arrow-right-light-red-tiny.png); } #homeGalleries { background: url(images/homeGalleries-bg.png); padding: 15px 10px; height: 155px; font-family: Georgia, Arial, Helvetica, sans-serif; } #homeGalleries div { background: url(images/homeGalleries-box-bg.png) no-repeat right top; height: 147px; border: 4px solid #fff; position: relative; } #homeGalleries div.pictureGallery { float: left; width: 602px; } #homeGalleries div.movieGallery { margin-left: 622px; } #homeGalleries div h3 { position: absolute; left: 3px; top: -39px; height: 31px; padding: 4px 4px 0 4px; z-index: 0; font-size: 18px; color: #fff; font-weight: bold; background: url(images/homeGalleries-title-black-bg.png) repeat-x; } #homeGalleries div h3 span { border: 1px solid #A3A3A3; border-bottom: none; padding: 6px 11px; display: inline-block; } #homeGalleries ul { padding: 10px 0 0 10px; } #homeGalleries ul li { background: #000; width: 150px; float: left; margin-right: 10px; } #homeGalleries ul li a { font-size: 12px; color: #fff; display: block; height: 125px; position: relative; } #homeGalleries ul li a:hover { color: #4FCEED; } #homeGalleries ul li a span { display: block; padding: 7px 10px; position: absolute; top: 100px; left: 0; } #homeGalleries p { padding: 10px 20px 0 0; margin-left: 490px; font-size: 13px; font-weight: bold; line-height: 140%; } #homeGalleries .movieGallery p { margin-left: 170px; } #homeGalleries p a.more { top: 10px; } /*#homeGalleries ul li { background: #fff; border: 1px solid #000; padding: 4px; float: left; margin: 10px 8px; } #homeGalleries ul li ul { width: 150px; height: 125px; position: relative; overflow: hidden; } #homeGalleries ul li ul li { border: none; padding: 0; margin: 0; } #homeGalleries a { display: block; position: relative; background: #000; } #homeGalleries li a span { display: block; padding: 7px 3px; font-size: 12px; color: #fff; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; } #homeGalleries li a:hover span { color: #5CD2EE; } */ /*------------------------ General Page Styling ------------------------*/ #generalContent { float: left; width: 604px; padding: 0; } #generalContent.wide { float: none; width: 908px; } #generalContent h1 { padding-left: 0; padding-bottom: 10px; } #generalContent h2 { font-size: 22px; color: #2F627E; font-weight: bold; padding: 10px 0; } #generalContent h4 { font-size: 15px; font-weight: bold; color: #2F627E; padding: 10px 0; } #generalContent h5 { font-size: 15px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px 0; } #generalContent h6 { font-size: 13px; font-weight: bold; color: #50A5C3; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px 0 0 0; } #generalContent p { font-size: 13px; color: #333; line-height: 140%; padding: 10px 0; } #generalContent p.intro { padding-left: 0; color: #000; font-size: 14px; font-weight: bold; line-height: 140%; } #generalContent p.note { font-size: 11px; } #generalContent p a, #generalContent li a { color: #0D5791; text-decoration: underline; } #generalContent ul { padding: 10px 0; } #generalContent ul.split2 { width: 45%; float: left; } #generalContent ul.split2.last { padding-left: 5%; } #generalContent ul li { font-size: 13px; line-height: 140%; background: url(images/arrow-right-green-small.png) no-repeat 0 6px; padding-left: 15px; margin: 3px 0; } #generalContent ul.logos li { background: none; padding-left: 0; float: left; margin: 3px 10px; line-height: 100%; } #generalContent dl { font-size: 13px; color: #333; padding-bottom: 10px; } #generalContent dt { width: 100px; float: left; padding: 2px 0; color: #2E617E; } #generalContent dd { padding: 2px 0; } #generalContent dd a { color: #0C5791; text-decoration: underline; } /* Links */ a.pdf { background: url(images/icon-acrobat.png) no-repeat right center; padding: 2px 20px 2px 0; } a.external { background: url(images/external-link-icon.png) no-repeat right center; padding: 2px 16px 2px 0; } /* Images */ .alignleft { float: left; margin: 5px 20px 15px 0; } /* Slideshows */ #generalContent .contentSlideshow { width: 300px; height: 200px; float: left; position: relative; margin: 15px 20px 20px 0; } #generalContent .contentSlideshow #pager { position: absolute; right: 0; bottom: 0; z-index: 100; padding-right: 10px; } #generalContent .contentSlideshow #pager a { color: #fff; padding: 3px 3px 5px 3px; margin: 0 2px; display: inline-block; font-size: 15px; } #generalContent .contentSlideshow #pager a.activeSlide, #generalContent .contentSlideshow #pager a:hover { background: #000; } /* Third Level Nav */ #generalContent #thirdLevelNav { height: 35px; padding-bottom: 10px; } #generalContent #thirdLevelNav li { float: left; margin: 0 2px 0 0; font-size: 16px; font-family: Georgia, Arial, Helvetica, sans-serif; line-height: 100%; text-align: center; background: none; padding: 0; } #generalContent #thirdLevelNav.ile li { width: 198px; } #generalContent #thirdLevelNav li a { background: url(images/tabSelector-li-bg.png) repeat-x; color: #fff; text-decoration: none; padding: 4px 4px 0 4px; display: block; } #generalContent #thirdLevelNav li a span { border: 1px solid #D1C4A1; border-bottom: none; padding: 6px 10px; display: block; } #generalContent #thirdLevelNav li a:hover, #generalContent #thirdLevelNav li.current_page_item a { background: #fff; color: #000; -moz-box-shadow: -1px -1px 2px #888; -webkit-box-shadow: -1px -1px 2px #888; box-shadow: -1px -1px 2px #888; } #generalContent #thirdLevelNav li a:hover span, #generalContent #thirdLevelNav li.current_page_item a span { border-color: #7F7F7F; } /* Tabs */ #generalContent .tabsContent { padding: 10px 0 20px 0; } #generalContent .tabSelector { height: 35px; } #generalContent .tabSelector li { float: left; margin: 0 2px 0 0; font-size: 16px; font-family: Georgia, Arial, Helvetica, sans-serif; line-height: 100%; text-align: center; background: none; padding: 0; } #generalContent .tabSelector.tabs3 li { width: 199px; } #generalContent .tabSelector li a { background: url(images/tabSelector-li-bg.png) repeat-x; color: #fff; text-decoration: none; padding: 4px 4px 0 4px; display: block; } #generalContent .tabSelector li a span { border: 1px solid #D1C4A1; border-bottom: none; padding: 6px 11px; display: block; } #generalContent .tabSelector li a:hover, #generalContent .tabSelector li.active a { background: #fff; color: #000; -moz-box-shadow: -1px -1px 2px #888; -webkit-box-shadow: -1px -1px 2px #888; box-shadow: -1px -1px 2px #888; } #generalContent .tabSelector li a:hover span, #generalContent .tabSelector li.active a span { border-color: #7F7F7F; } #generalContent .tab { padding: 10px 0; background: #fff; margin-top: -1px; position: relative; z-index: 10; } /* Accordeons */ #generalContent .accordeonsContent { padding: 10px 0 20px 0; clear: left; } #generalContent .accordeonsContent h4 { padding: 5px 15px; background: #fff; cursor: pointer; position: relative; z-index: 1; border: none; border-radius: 0; color: #000; } #generalContent .accordeonsContent h4 span.ui-icon { position: absolute; top: 14px; right: 14px; width: 7px; height: 4px; } #generalContent .accordeonsContent h4.ui-state-default span.ui-icon { background: url(images/arrow-down-black-small.png) no-repeat; } #generalContent .accordeonsContent h4.ui-state-hover, #generalContent .accordeonsContent h4.ui-state-active { color: #AA8622; } #generalContent .accordeonsContent h4.ui-state-hover span.ui-icon { background: url(images/arrow-down-brownish-small.png) no-repeat; } #generalContent .accordeonsContent h4.ui-state-active span.ui-icon { background: url(images/arrow-up-brownish-small.png) no-repeat; } #generalContent .accordeonsContent h4 span.symbol { width: 15px; height: 15px; display: inline-block; margin-left: 20px; background: url(../images/sprite-accordeons-arrows.png); } #generalContent .accordeonsContent h4.ui-state-active span.symbol { background-position: 0 -15px; } #generalContent .accordeonsContent div.detail { background: #F6F3E8; padding: 10px; position: relative; z-index: 0; border: none; border-radius: 0; color: #000; font-size: 13px; } #generalContent .accordeonsContent div.detail table { width: 500px; } #generalContent .accordeonsContent div.detail table td { padding: 5px; } /* Bottom Links */ #generalContent .bottomLinks { margin: 14px 0; border: 5px solid #fff; background: #F5EFDE; } #generalContent .bottomLinks h4 { padding: 10px; background: #fff; font-size: 18px; font-weight: bold; color: #8B6C1B; } #generalContent .bottomLinks ul { padding: 10px 20px; } #generalContent .bottomLinks ul.split2 { width: 228px; } #generalContent .bottomLinks li { background: url(images/arrow-right-brownish-small.png) no-repeat 0 3px; margin: 5px 0; padding-left: 15px; font-size: 13px; } #generalContent .bottomLinks a { color: #000; text-decoration: none; } #generalContent .bottomLinks a:hover { text-decoration: underline; } /* Latest News */ #postListing { background: url(images/dotted-line-blue.png) repeat-x; padding: 1px 0 10px 0; } #fullPost { background: url(images/dotted-line-blue.png) repeat-x; padding: 1px 0 10px 0; margin-top: 25px; } #generalContent .post { background: url(images/dotted-line-blue.png) repeat-x left bottom; position: relative; padding: 15px 0; } #generalContent .post .pubDate { background: #333; font-size: 12px; color: #fff; padding: 2px 5px; position: absolute; right: 0; top: -1px; } #generalContent .post h2 { font-weight: normal; padding: 0 150px 10px 0; color: #26C3E9; } #generalContent .post h2 a { color: #26C3E9; } #generalContent .post h5 { padding: 0; color: #2F627E; } #generalContent .post a.readMore { float: right; font-size: 13px; color: #26C3E9; background: url(images/arrow-right-blue-small.png) no-repeat right center; padding-right: 10px; } #generalContent .post a.readMore:hover { text-decoration: underline; } #generalContent .post .share { clear: right; } #returnNews { padding: 20px 0; height: 34px; position: relative; } #returnNews a { position: absolute; left: 0; top: 20px; width: 340px; height: 26px; padding: 4px; display: block; background: url(images/homeGalleries-title-black-bg.png) repeat-x; font-size: 16px; color: #fff; font-family: Georgia, Arial, Helvetica, sans-serif; } #returnNews a span { display: block; height: 24px; border: 1px solid #A8A8A8; text-align: center; line-height: 24px; } #returnNews a:hover span { color: #26C3E9; border-color: #26C3E9; } /* Recipes */ #recipeListing { background: url(images/double-dotted-line-grey.png) repeat-x; margin-top: 15px; } .recipeItem { background: url(images/dotted-line-grey.png) repeat-x left bottom; position: relative; padding: 15px 130px 15px 0; font-size: 13px; } .recipeItem h3 { padding-bottom: 3px; } .recipeItem h3 a { color: #4F9509; font-size: 15px; font-weight: bold; } .recipeItem span { display: block; padding: 2px 0; } .recipeItem span.category { color: #666; } .recipeItem span.author strong { color: #8BB800; } .recipeItem a.viewMore { width: 90px; position: absolute; display: block; top: 25px; right: 10px; font-size: 15px; color: #000; font-weight: bold; font-family: Georgia, Arial, Helvetica, sans-serif; line-height: 18px; padding-bottom: 30px; } .recipeItem a.viewMore span { width: 22px; height: 22px; padding: 0; position: absolute; left: 0; bottom: 0; background: url(images/more-link-button-green-sprite.png); } .recipeItem a.viewMore:hover span { background-position: 0 -22px; } #fullRecipe span.category { color: #666; display: block; margin-top: -6px; font-size: 13px; } #fullRecipe .recipe { background: url(images/double-dotted-line-grey.png) repeat-x; margin-top: 15px; padding-top: 10px; } #fullRecipe span.author { display: block; font-size: 13px; padding-bottom: 10px; } #fullRecipe span.author strong { color: #8BB800; } #fullRecipe h3 { font-size: 18px; font-weight: bold; color: #4F9509; clear: left; padding-top: 6px; } #fullRecipe .thumb { float: left; margin: 12px 20px 10px 0; } #fullRecipe .ingredients { background: #F3F8E5; padding: 0 10px; margin: 10px 0; } #fullRecipe .preparation { padding: 5px 10px 20px 10px; background: url(images/dotted-line-grey.png) repeat-x left bottom; } #fullRecipe .preparation li { font-size: 13px; margin: 10px 0; color: #666; line-height: 140%; padding-left: 30px; position: relative; } #fullRecipe .preparation li span.number { position: absolute; top: 0; left: 0; font-size: 22px; color: #666; font-family: Georgia, Arial, Helvetica, sans-serif; } /* Tours */ #tourListing { padding-bottom: 20px; } #tourListing .tour { background: url(images/dotted-line-black.png) repeat-x left bottom; position: relative; padding: 15px 0; } #tourListing .tour .thumb { float: left; background: url(images/serchItem-thumb-shadow.png) repeat-y right top; padding-right: 12px; margin: 15px 10px; } #generalContent .tour h2 { font-size: 16px; margin: 10px 0 0 205px; padding-bottom: 0; } #generalContent .tour h2 a { color: #2E617E; } #tourListing .tour span.readMore { background: #8E6F1C; position: absolute; bottom: 1px; right: 0; padding: 4px 8px; font-size: 13px; } #tourListing .tour span.readMore a { color: #fff; background: url(images/arrow-right-white-tiny.png) no-repeat right center; padding-right: 10px; } #tourListing .tour span.readMore a:hover { color: #000; background-image: url(images/arrow-right-black-tiny2.png); } #tourMembers, #tourBrochure, #allTours { background: url(images/dotted-line-grey.png) repeat-x; padding: 15px 0; font-size: 13px; } #tourMembers h4, #tourBrochure h5 { padding-top: 0; font-size: 15px; } #tourMembers a { color: #000; } #tourMembers a:hover { text-decoration: underline; } #tourBrochure h5 { color: #2E617E; } #allTours { height: 34px; position: relative; } #allTours a { width: 340px; height: 26px; padding: 4px; display: block; background: url(images/homeGalleries-title-black-bg.png) repeat-x; font-size: 16px; color: #fff; font-family: Georgia, Arial, Helvetica, sans-serif; } #allTours a span { display: block; height: 24px; border: 1px solid #A8A8A8; text-align: center; line-height: 24px; } #allTours a:hover span { color: #26C3E9; border-color: #26C3E9; } /* Municipalities */ #municipalitiesMap { border: 1px solid #000; padding: 4px; width: 594px; margin-bottom: 20px; } #municipalitiesMap .map { margin-bottom: 4px; position: relative; height: 254px; } #municipalitiesMap .map.fr { background: url(images/municipalitiesMap-bg-fr.jpg); } #municipalitiesMap .map h2 { text-indent: -3000px; overflow: hidden; } #municipalitiesMap .municipalities { background: #fff; height: 61px; } #municipalitiesMap .municipalities ul { padding: 0; margin: 0; } #municipalitiesMap .municipalities ul li { float: left; width: 197px; margin: 0 1px 1px 0; padding: 0; font-size: 15px; background: none; } #municipalitiesMap .municipalities ul li a { display: block; text-align: center; color: #fff; font-size: 15px; font-weight: bold; text-decoration: none; font-family: Georgia, Arial, Helvetica, sans-serif; line-height: 30px; height: 30px; background: url(images/munipalitiesMap-buton-sprite.png) repeat-x; } #municipalitiesMap .municipalities ul li a:hover { color: #000; background-position: left bottom; } #municipalitiesNav ul { height: 44px; padding: 0; } #municipalitiesNav ul li { float: left; margin-right: 4px; font-size: 15px; font-family: Georgia, Arial, Helvetica, sans-serif; padding: 0; background: none; } #generalContent #municipalitiesNav ul li a { background: #C1DCEA; color: #000; padding: 4px; display: inline-block; text-decoration: none; } #generalContent #municipalitiesNav ul li a span { border: 1px solid #81AEC8; padding: 4px 14px; display: inline-block; } #generalContent #municipalitiesNav ul li a:hover { background: #000; color: #fff; } #generalContent #municipalitiesNav ul li a:hover span { border-color: #808080; } /* Getting There */ #generalContent table.distances { font-size: 13px; font-family: Georgia, Arial, Helvetica, sans-serif; width: 605px; } #generalContent table.distances th { font-weight: bold; white-space: nowrap; text-align: center; padding: 4px; } #generalContent table.distances th.ile { text-align: right; width: 110px; } #generalContent table.distances td { background: #EDF4E6; text-align: center; vertical-align: middle; padding: 4px 2px; border-left: 3px solid #fff; } /* Brochures */ #brochureListing, #orderBrochure { background: url(images/dotted-line-grey.png) repeat-x; padding: 15px 0; } #brochureListing h5, #orderBrochure h5 { padding-top: 0; color: #2E617E; } #orderBrochure h6 { font-size: 15px; font-weight: bold; font-family: Georgia, Arial, Helvetica, sans-serif; color: #50A5C3; padding-top: 10px; } /* Useful Links */ #usefulLinks { background: url(images/dotted-line-grey.png) repeat-x; padding: 15px 0; } #usefulLinks h5 { padding-top: 0; color: #2E617E; } #usefulLinks ul { padding-top: 0; } /* Contact Us */ #contactInfo { padding-top: 14px; } #contactInfo img { float: left; margin-right: 20px; } #contactInfo h1 { padding: 0; font-size: 20px; } #contactInfo h5 { color: #50A5C3; padding-bottom: 0; } #contactInfo p { padding-top: 7px; } #generalContent .accordeonsContent div.detail table.openingHours { width: 100%; } #generalContent .accordeonsContent div.detail table.openingHours td { width: 50%; padding: 10px 5px; } #generalContent .accordeonsContent div.detail table.openingHours tr.first { background: url(images/dotted-line-grey.png) repeat-x left bottom; } #generalContent div.staffMember { background: url(images/dotted-line-grey.png) repeat-x left bottom; padding: 10px; height: 50px; } #generalContent div.staffMember .thumb, #generalContent div.staffMember .name { float: left; margin-right: 20px; } #generalContent div.staffMember .name { width: 200px; } #generalContent div.staffMember .name strong { display: block; } #generalContent div.staffMember .contact { margin-left: 315px; } #generalContent div.staffMember .contact a { color: #26C3E9; text-decoration: underline; } /* Medias */ #generalContent .highLightBox { background: #F4FAFD; padding: 10px; margin-bottom: 20px; clear: both; } #generalContent .highLightBox h4 { padding: 0; } #generalContent .highLightBox .why { width: 350px; float: left; } #generalContent .highLightBox .mediaContact { margin-left: 370px; padding-left: 30px; background: url(images/dotted-vertical-line-grey.png) repeat-y; } #generalContent .mediaGallery { float: right; width: 150px; padding: 5px; margin: 5px 5px 20px 20px; } #generalContent .mediaGallery a { display: block; height: 130px; position: relative; background: #000; } #generalContent .mediaGallery a span.text { display: block; padding: 8px; font-size: 13px; color: #fff; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; } #generalContent .mediaGallery a:hover span.text { color: #5CD2EE; } #generalContent .mediaGallery a span.more { width: 22px; height: 22px; display: block; position: absolute; right: 4px; top: 104px; background: url(images/more-link-button-white-sprite.png); } #generalContent .mediaGallery a:hover span.more { background-position: left bottom; } #pressReleases .release { padding: 10px; position: relative; font-size: 13px; } #pressReleases .release.alt { background: #F4FAFD; } #pressReleases .release .pubDate { color: #2F627E; } #pressReleases .release h2 { padding: 5px 0; font-size: 15px; } #pressReleases .release h2 a { color: #000; } #pressReleases .release h2 a:hover { text-decoration: underline; } #pressReleases .release p { padding: 0 0 20px 0; } #pressReleases .release a.readMore { float: right; font-size: 13px; color: #26C3E9; background: url(images/arrow-right-blue-small.png) no-repeat right center; padding-right: 10px; position: relative; top: -10px; } #pressReleases .release a.readMore:hover { text-decoration: underline; } #inMedia .article { padding: 10px; position: relative; font-size: 13px; } #inMedia .article.alt { background: #F4FAFD; } #inMedia .article .pubDate { color: #2F627E; } #inMedia .article h2 { padding: 5px 0; font-size: 15px; background: url(images/arrow-right-black-small.png) no-repeat left center; padding-left: 10px; } #inMedia .article h2 a { color: #000; } #inMedia .article h2 a:hover { text-decoration: underline; } #inMedia .article p { padding: 0 0 5px 0; } #inMedia .article .source { color: #AA8622; } /* Social Network */ #generalContent.socialNetwork { float: none; width: 100%; } #generalContent.socialNetwork p { padding-right: 300px; } #generalContent.socialNetwork div p { padding-right: 0; padding-bottom: 0; font-weight: bold; } #generalContent.socialNetwork div ul { padding-top: 0; } #generalContent.socialNetwork .networks { margin-top: 20px; background: url(images/dotted-line-grey.png) repeat-x; padding-top: 1px; } .networks div.facebook, .networks div.twitter, .networks div.tripadvisor { float: left; width: 292px; padding: 10px; margin-bottom: 20px; background: url(images/dotted-vertical-line-grey.png) repeat-y; } #generalContent .networks div h4 { padding-left: 40px; } #generalContent .networks div.tripadvisor h4 { padding-left: 55px; } .networks div.facebook { background: none; } .networks div.facebook h4 { background: url(images/facebook-icon-32px.png) no-repeat; } .networks div.twitter h4 { background: url(images/twitter-icon-32px.png) no-repeat; } .networks div.tripadvisor h4 { background: url(images/tripadvisor-icon-32px.png) no-repeat; } /* Newsletter */ #newsletter { background: url(images/newsletter-icon.png) no-repeat left center; padding-left: 121px; margin-left: 5px; } /* Newsletter & Contact Form */ #newsletterForm, #contactForm { background: #fff url(images/newsletterForm-bg.png); padding: 10px; margin: 20px 0; position: relative; } #newsletterForm h2, #contactForm h2 { padding: 0 0 10px 0; } #contactForm p { padding: 0 0 10px 0; } #newsletterForm p.notice { position: absolute; top: 6px; right: 10px; } #newsletterForm form, #contactForm form { background: url(images/member-profile-box-bg.png) no-repeat right top; border: 4px solid #fff; position: relative; } form .bottomShadow { background: url(images/member-profile-box-inner-bg.png) no-repeat left bottom; position: relative; margin-right: 4px; } form .leftFields { float: left; width: 250px; padding: 10px 20px; } form .rightFields { margin-left: 270px; padding: 10px 20px; } div.fieldWrapper { position: relative; padding: 5px 0; } #newsletterForm input.textInput, #contactForm input.textInput { border: 1px solid #999; width: 192px; height: 14px; padding: 4px; font-size: 13px; color: #666; } #contactForm textarea { border: 1px solid #999; width: 242px; height: 116px; padding: 4px; font-size: 13px; color: #666; font-family: Arial, Helvetica, sans-serif; } #newsletterForm input.textInput.error, #contactForm input.textInput.error, #contactForm textarea.error { border-color: #E25E52; } #newsletterForm form .submitForm, #contactForm form .submitForm { clear: left; position: relative; height: 22px; } #newsletterForm form .submitForm input, #contactForm form .submitForm input { position: absolute; right: 4px; background: #2F627E url(images/arrow-right-white-tiny.png) no-repeat 72px 10px; position: absolute; bottom: 0; right: -4px; padding: 4px 18px 4px 8px; width: 82px; border: none; cursor: pointer; font-size: 13px; color: #fff; font-family: Arial, Helvetica, sans-serif; } #contactForm form .submitForm input { width: 180px; background-position: 165px 10px; } #newsletterForm form .submitForm input:hover, #contactForm form .submitForm input:hover { color: #4ECDEC; background-image: url(images/arrow-right-light-blue-tiny.png); } #newsletterForm form label, #contactForm form label { display: block; font-size: 13px; color: #387494; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 4px; } #newsletterForm form label.error, #contactForm form label.error { width: 16px; height: 16px; padding: 0; text-indent: -3000px; overflow: hidden; position: absolute; top: 24px; left: 205px; background: url(images/error-icon.png); } #contactForm form div.message label.error { left: 255px; } #newsletterForm form ul { padding: 5px 0; } #newsletterForm form li { background: none; padding-left: 0; } #newsletterForm form li label { font-weight: normal; color: #000; font-family: Arial, Helvetica, sans-serif; padding-bottom: 0; } #newsletterForm form li label input { margin-right: 4px; } /* Custom Selects */ #generalContent div.selectbox-wrapper { position: absolute; top: 44px; z-index: 100; width: 199px; background: #fff; margin: 0; padding: 0; max-height: 400px; overflow: auto; border: none; -moz-box-shadow: 1px 1px 2px #888; -webkit-box-shadow: 1px 1px 2px #888; box-shadow: 1px 1px 2px #888; } #generalContent div.selectbox-wrapper ul { padding: 0; } #generalContent div.selectbox-wrapper ul li.selected, div.selectbox-wrapper ul li.current, #generalContent div.selectbox-wrapper ul li:hover { background: #D3E7F2; } #generalContent div.selectbox-wrapper ul li { display: block; padding: 5px 10px; margin: 0; cursor: pointer; font-size: 13px; background: url(images/dotted-line-grey.png) repeat-x; } #generalContent .selectbox { height: 18px; padding: 4px 0 0 6px; width: 199px; display: block; background: url(images/customSelect-selectBox-bg.png) no-repeat; cursor: pointer; color: #666; font-size: 13px; border: none; position: relative; font-family: Arial, Helvetica, sans-serif; } /* Sitemap */ #siteMap { padding: 10px; } #siteMap .column1 { float: left; width: 420px; } #siteMap .column2 { margin-left: 440px; } #generalContent #siteMap h5 { padding-bottom: 0; } #generalContent #siteMap h5 a { color: #000; text-decoration: underline; } #generalContent #siteMap ul { padding-top: 0; } #generalContent #siteMap ul li ul { padding-bottom: 0; } /*------------------------ Profile Page Styling ------------------------*/ #memberTopInfo { padding: 10px 0; } #memberTopInfo h1 { margin-left: 314px; font-size: 20px; font-weight: bold; line-height: 24px; padding: 0 120px 5px 0; } #memberTopInfo h3 { font-size: 15px; color: #4F9509; font-weight: bold; padding-bottom: 8px; } #memberTopInfo p { font-size: 13px; line-height: 120%; padding-bottom: 10px; } #memberTopInfo dl { font-size: 13px; color: #333; padding-bottom: 10px; } #memberTopInfo dt { width: 100px; float: left; padding: 2px 0; } #memberTopInfo dd { padding: 2px 0; } #memberTopInfo dd a { color: #0C5791; text-decoration: underline; } #memberPics { width: 300px; height: 200px; float: left; position: relative; } #memberPics #pager { position: absolute; right: 0; bottom: 0; z-index: 100; padding-right: 10px; } #memberPics #pager a { color: #fff; padding: 3px 3px 5px 3px; margin: 0 2px; display: inline-block; font-size: 15px; } #memberPics #pager a.activeSlide, #memberPics #pager a:hover { background: #000; } #memberContact, #memberAddress { width: 300px; float: left; margin-left: 14px; } #memberContact li { margin-bottom: 5px; } #memberContact li a { line-height: 24px; padding: 0 25px 0 10px; display: inline-block; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; } #memberContact li.reserveOnline a { background: url(images/member-profile-reserve-button.png) no-repeat right top; } #memberContact li.reserveOnline a:hover { color: #C1DCEA; } #memberContact li.viewOffers a { background: url(images/member-profile-offers-button.png) no-repeat right top; } #memberContact li.viewOffers a:hover { color: #ABE500; } #memberContact li a:hover { background-position: right bottom; } #memberAddress p.mapNumber { position: relative; padding-top: 10px; } #memberAddress p.mapNumber a { color: #0C5791; text-decoration: underline; } #memberAddress span.number { width: 42px; height: 42px; display: block; background: url(images/member-profile-mapNumber-bg.png); font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 18px; font-weight: bold; text-align: center; line-height: 40px; position: absolute; left: 155px; top: -3px; } #memberAddress p.mapNumber a.help { width: 20px; height: 20px; display: block; background: url(images/help-icon.png); text-indent: -3000px; overflow: hidden; position: absolute; left: 190px; top: 17px; } #memberDetails { float: left; width: 610px; padding: 10px 0 14px 0; } #memberIntro h3 { color: #000; padding-bottom: 2px; font-weight: bold; } #memberIntro p { font-size: 13px; line-height: 120%; padding-bottom: 10px; } #memberIntro h4 { font-size: 15px; font-weight: bold; color: #2F627E; padding: 10px 0; } #memberIntro h5 { font-size: 15px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px 0; } #memberIntro h6 { font-size: 13px; font-weight: bold; color: #50A5C3; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px 0 0 0; } #memberIntro ul li { font-size: 13px; line-height: 140%; background: url(images/arrow-right-green-small.png) no-repeat 0 6px; padding-left: 15px; margin: 3px 0; } #viewAlso { margin-top: 10px; background: #EDF4E6 url(images/viewAlso-tile-bg.png) no-repeat left center; position: relative; } #viewAlso h4 { float: left; width: 120px; height: 100%; height: 18px; position: absolute; top: 50%; margin-top: -9px; padding-left: 10px; background: font-size: 16px; font-weight: bold; color: #fff; } #viewAlso ul { padding: 8px 0; margin-left: 170px; } #viewAlso ul li { font-size: 13px; margin-right: 20px; background: url(images/arrow-right-light-green-tiny.png) no-repeat left center; padding-left: 8px; } #viewAlso ul li a { color: #000; } #viewAlso ul li a:hover { text-decoration: underline; } #memberSpecs { padding-top: 10px; } #memberSpecs h3 { font-size: 18px; font-weight: bold; color: #4E9408; } #memberSpecs h5 { font-size: 15px; font-weight: bold; color: #4E9408; } #memberSpecs h6 { font-size: 13px; font-weight: bold; color: #8BBA00; font-family: Georgia, "Times New Roman", Times, serif; clear: left; padding-top: 10px; } #memberSpecs .specGroup { background: url(images/dotted-line-grey.png) repeat-x; padding: 15px 0; clear: left; } #memberSpecs .hotel { background: none; padding-top: 5px; } #memberSpecs .specGroup ul { padding: 8px 0; } #memberSpecs .specGroup li { width: 280px; float: left; font-size: 13px; background: url(images/arrow-right-light-green-tiny.png) no-repeat left center; padding: 2px 0 2px 10px; } #memberSpecs .specGroup p { font-size: 13px; line-height: 125%; padding: 10px 30px 10px 0; } #memberEvents { position: relative; padding: 34px 0 10px 0; margin-top: 10px; clear: left; } #memberEvents h3 { position: absolute; left: 10px; top: 0; height: 30px; padding: 4px 4px 0 4px; z-index: 0; font-size: 18px; color: #fff; font-weight: bold; background: url(images/highlightBox-title-red-bg.png) repeat-x; } #memberEvents h3 span { border: 1px solid #fff; border-bottom: none; padding: 6px 11px; display: inline-block; } #memberEvents .event { border: 5px solid #fff; background: url(images/member-profile-box-bg.png) no-repeat; position: relative; margin-bottom: 10px; } #memberEvents .event h4 { font-size: 18px; color: #D73028; padding: 14px 150px 0 14px; } #memberEvents .event .dates { position: absolute; right: 10px; top: 0; background: #333; padding: 2px 10px 2px 10px; font-size: 13px; color: #fff; } #memberEvents .event p { font-size: 13px; line-height: 125%; padding: 10px 40px 10px 14px; } #memberEvents .event .program { background: #FCEFEE url(images/member-profile-box-inner-bg.png) no-repeat; } #memberEvents .event .program h5 { width: 150px; background: #fff; float: left; padding: 8px 0 0 14px; margin-top: 4px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #666; } #memberEvents .event .program div { margin-left: 185px; padding: 8px 0; font-size: 13px; } #memberEvents .event .program ul { } #memberEvents .event .program li { background: url(images/arrow-right-black-tiny.png) no-repeat 0 6px; padding: 2px 14px 2px 10px; } #memberOffers { position: relative; padding-top: 34px; margin-top: 10px; clear: left; } #memberOffers h3 { position: absolute; left: 10px; top: 0; height: 30px; padding: 4px 4px 0 4px; z-index: 0; font-size: 18px; color: #fff; font-weight: bold; background: url(images/highlightBox-title-green-bg.png) repeat-x; } #memberOffers h3 span { border: 1px solid #fff; border-bottom: none; padding: 6px 11px; display: inline-block; } #memberOffers .offer { border: 5px solid #fff; background: url(images/member-profile-box-bg.png) no-repeat; position: relative; margin-bottom: 10px; } #memberOffers .offer h4 { font-size: 18px; color: #4F9509; padding: 14px 150px 0 14px; } #memberOffers .offer .price { position: absolute; right: 10px; top: 0; background: #333; padding: 2px 10px 2px 10px; font-size: 13px; color: #fff; width: auto; padding: 5px 10px; } #memberOffers .offer .price strong { font-family: Georgia, "Times New Roman", Times, serif; font-size: 35px; font-weight: normal; display: block; padding-bottom: 2px; } #memberOffers .offer p { font-size: 13px; line-height: 125%; padding: 10px 175px 10px 14px; } #memberOffers .offer .offerDetails { background: #F1F7EC url(images/member-profile-box-inner-bg.png) no-repeat; } #memberOffers .offer .offerDetails h5 { width: 150px; background: #fff; float: left; padding: 8px 0 0 14px; margin-top: 4px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #666; } #memberOffers .offer .offerDetails div { margin-left: 185px; font-size: 13px; padding: 8px 0; } #memberOffers .offer .offerDetails div ul { padding-bottom: 8px; } #memberOffers .offer .offerDetails div ul li { background: url(images/arrow-right-black-tiny.png) no-repeat 0 6px; padding: 2px 14px 2px 10px; } #memberOffers .offer .offerDetails div h6 { color: #4E9408; padding: 0 0 5px 0; } #memberOffers .offer .offerDetails div span.conditions { color: #000; background: url(images/arrow-down-black-small.png) no-repeat right center; padding-right: 10px; } #memberOffers .offer .offerDetails div p { padding: 0; font-size: 11px; } #memberOffers .offer .offerDetails div a { color: #0D5791; text-decoration: underline; } /*------------------------ Search Results Styling ------------------------*/ #searhContent { float: left; width: 610px; } #searhContent h1 { padding-bottom: 5px; } #searhContent p { font-size: 13px; color: #333; line-height: 140%; padding: 10px 0 10px 0; } #featuredMember { background: url(images/featuredMember-bg.png); padding: 14px 10px 10px 10px; position: relative; } #featuredMember h6 { font-size: 13px; color: #333; text-align: right; position: relative; top: -4px; } #featuredPager { position: absolute; left: 10px; top: 9px; font-size: 11px; } #featuredPager a { width: 10px; height: 10px; display: block; float: left; margin-right: 3px; text-indent: -3000px; overflow: hidden; background: url(images/featuredMember-pager-sprite.png); } #featuredPager a:hover, #featuredPager a.activeSlide { background-position: left bottom; } #featuredCycle { height: 155px; overflow: hidden; background: #fff; } .searchItem { background: url(images/homeGalleries-box-bg.png) no-repeat right top; height: 147px; border: 4px solid #fff; position: relative; } #searchResults .searchItem { margin: 14px 0; } .searchItem .printInfos { display: none; } .searchItem .thumb { float: left; background: url(images/serchItem-thumb-shadow.png) repeat-y right top; padding-right: 12px; margin: 15px 10px; } .searchItem .details { margin-left: 205px; padding: 15px 10px 0 0 } .searchItem .details h3 { font-size: 16px; font-weight: bold; padding-bottom: 5px; } .searchItem .details h3 a { color: #000; width: 367px; display: block; } .searchItem .details .municipality { font-size: 13px; color: #4E9408; margin-right: 10px; } #searhContent .searchItem .details p { font-size: 13px; line-height: 120%; padding: 5px 0; } .searchItem .details span.viewAll { background: #2F627E; position: absolute; bottom: 0; right: 0; padding: 4px 8px; font-size: 13px; } .searchItem .details span.viewAll a { color: #fff; background: url(images/arrow-right-white-tiny.png) no-repeat right center; padding-right: 10px; } .searchItem .details span.viewAll a:hover { color: #4ECDEC; background-image: url(images/arrow-right-light-blue-tiny.png); } .searchItem .details span.favorites { position: absolute; bottom: 0; left: 210px; } .searchItem .details span.favorites a { font-size: 13px; color: #000; background: url(images/serchItem-favorite-sprite.png) no-repeat; height: 20px; width: 185px; padding: 2px 0 0 18px; display: block; } .searchItem .details span.favorites a.removeItem { background-position: 0 -22px; } .searchItem .details span.favorites a:hover { text-decoration: underline; } #searchFilter { padding: 20px 0; } #searchFilter h2 { font-size: 22px; padding-bottom: 10px; } #searchFilter form { background: url(images/searchFilter-form-bg.png) repeat-x; height: 42px; padding: 8px 0 0 10px; position: relative; } #searchFilter.smaller form { padding-top: 15px; height: 35px; } #winterBox { width: 131px; height: 38px; position: absolute; left: 460px; top: -38px; background: url(images/searchFilter-winter-bg.png); } #winterBox.en { width: 165px; height: 38px; position: absolute; left: 420px; top: -38px; background: url(images/searchFilter-winter-bg-en.jpg); } #winterBox label { display: block; padding: 15px 0 0 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; font-weight: bold; cursor: pointer; } #searchFilter form h6 { color: #fff; font-size: 13px; padding-bottom: 4px; } #searchFilter.smaller h6 { float: left; margin-right: 10px; padding-top: 5px; } #searchFilter form div.filterSelect { float: left; width: 130px; height: 22px; position: relative; margin-right: 5px; background: url(images/searchFilter-filterSelect-bg.png); } #searchFilter form div.sortSelect { float: left; width: 105px; height: 22px; position: relative; margin-right: 5px; background: url(images/searchFilter-sortSelect-bg.png); } #searchFilter form div.filterSelect.active, #searchFilter form div.sortSelect.active { background-position: left bottom; } #searchFilter form div.filterSelect a { display: block; line-height: 22px; font-size: 13px; color: #333; padding-left: 5px; } #searchFilter form div.sortSelect a { display: block; line-height: 22px; font-size: 13px; color: #fff; padding-left: 5px; } #searchFilter form div.submitForm { padding-top: 1px; } #searchFilter form div.submitForm input { background: url(images/go-submitButton-sprite.png) no-repeat right top; width: 44px; height: 20px; border: none; color: #fff; text-align: left; cursor: pointer; text-indent: -3000px; overflow: hidden; } #searchFilter form div.submitForm input:hover { background-position: right bottom; } #searchFilter form div.options { position: absolute; left: 0; top: 23px; background: #fff; z-index: 1000; white-space: nowrap; display: none; } #searchFilter form #classification { width: 130px; } #searchFilter form #sortchoice { min-width: 105px; } #searchFilter form div.options li { font-size: 13px; background: url(images/dotted-line-grey.png) repeat-x; } #searchFilter form div.options li.first { background: none; } #searchFilter form div.options li input { } #searchFilter form div.options li label { cursor: pointer; display: block; padding: 10px; } #searchFilter form div.options li label:hover { background: #D3E7F2; } #searchResults { position: relative; z-index: 0; } #searhContent #taxshow, #searhContent #townshow { padding: 4px 0 0 4px; line-height: 110%; } #searchResults span.pages { float: right; font-size: 13px; color: #333; padding-right: 4px; } #searchResults h4 { font-family: Arial, Helvetica, sans-serif; color: #0E5791; font-size: 16px; padding-left: 4px; } /* Packages */ .packageItem { margin: 14px 0; background: url(images/member-profile-box-bg.png) no-repeat; border: 4px solid #fff; position: relative; z-index: 1; } .packageItem .bottomShadow { background: url(images/member-profile-box-inner-bg.png) no-repeat left bottom; } .packageItem .thumb { float: left; background: url(images/serchItem-thumb-shadow.png) repeat-y right top; padding-right: 12px; margin: 15px 10px; } .packageItem .details { margin-left: 205px; padding: 15px 10px 0 0 } .packageItem .price { position: absolute; right: 0; top: 0; background: #333; padding: 2px 10px 2px 10px; font-size: 13px; color: #fff; width: auto; padding: 5px 10px; } .packageItem .price strong { font-family: Georgia, "Times New Roman", Times, serif; font-size: 35px; font-weight: normal; display: block; } .packageItem .details h3 { font-size: 18px; font-weight: normal; color: #8BC01A; padding: 0 120px 5px 0; } .packageItem .details h5 { font-size: 15px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; padding: 0 120px 5px 0; } .packageItem .details h5 a { color: #000; } .packageItem .details .municipality { font-size: 13px; color: #4E9408; margin-right: 10px; } #searhContent .packageItem .details p { font-size: 13px; line-height: 125%; padding: 5px 120px 5px 0; } .packageItem .details span.availabilityPeriod { display: block; padding-bottom: 30px; font-size: 13px; color: #0D5791; } .packageItem .details span.viewAll { background: #4E9408; position: absolute; bottom: 1px; right: 0; padding: 4px 8px; font-size: 13px; } .packageItem .details span.viewAll a { color: #fff; background: url(images/arrow-right-white-tiny.png) no-repeat right center; padding-right: 10px; } .packageItem .details span.viewAll a:hover { color: #99CC00; background-image: url(images/arrow-right-light-green-tiny.png); } /* Events */ .eventItem { margin: 14px 0; background: url(images/member-profile-box-bg.png) no-repeat; border: 4px solid #fff; position: relative; } .eventItem .bottomShadow { background: url(images/member-profile-box-inner-bg.png) no-repeat left bottom; } .eventItem .thumb { float: left; background: url(images/serchItem-thumb-shadow.png) repeat-y right top; padding-right: 12px; margin: 10px 10px; } .eventItem .details { margin-left: 205px; padding: 20px 10px 0 0 } .eventItem .details .dates { position: absolute; right: 0; top: 0; background: #333; padding: 2px 10px 2px 10px; font-size: 13px; color: #fff; width: auto; padding: 5px 10px; } .eventItem .details h3 { font-size: 18px; font-weight: normal; color: #D73028; padding: 0 120px 5px 0; } .eventItem .details h5 { font-size: 15px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; padding: 0 120px 5px 0; } .eventItem .details h5 a { color: #000; } .eventItem .details .municipality { font-size: 13px; color: #4E9408; margin-right: 10px; } #searhContent .eventItem .details p { font-size: 13px; line-height: 125%; padding: 5px 120px 25px 0; } .eventItem span.viewAll { background: #AA1503; position: absolute; bottom: 0; right: 0; padding: 4px 8px; font-size: 13px; } .eventItem span.viewAll a { color: #fff; background: url(images/arrow-right-white-tiny.png) no-repeat right center; padding-right: 10px; } .eventItem span.viewAll a:hover { color: #FF382E; background-image: url(images/arrow-right-light-red-tiny.png); } #pagination { text-align: right; padding: 8px 4px 8px 0; font-size: 13px; position: relative; z-index: 1; } #pagination span.pages { float: none; padding-right: 0; } #pagination a, #pagination .currentPage { border: 1px solid #ccc; color: #ccc; width: 16px; height: 16x; line-height: 16px; display: inline-block; text-align: center; margin-left: 2px; position: relative; top: -2px; } #pagination a:hover, #pagination a.currentPage, #pagination .currentPage { border-color: #4080A5; color: #4080A5; } #pagination a.printPage { background: url(images/printer-icon.png) no-repeat 0 0; padding: 0 0 4px 20px; font-size: 13px; color: #0D5791; line-height: 20px; float: left; border: none; width: auto; } #pagination a.printPage:hover { text-decoration: underline; } /*--------------------- Add This Share Styling ---------------------*/ .share { height: 18px; } #generalContent .share, #searhContent .share { clear: both; padding-top: 10px; } .share h6, .share span, .share a { float: left; color: #0D5791; font-size: 13px; margin-right: 2px; line-height: 16px; } #generalContent .share h6 { font-weight: normal; color: #0D5791; font-family: Arial, Helvetica, sans-serif; padding: 0; } .share a.addthis_button_expanded { margin-left: 2px; } /*--------------------- Multimedia Gallery ---------------------*/ #galleryContent { padding: 20px 10px; } #galleryContent .tabsContent { padding: 30px 0; } #galleryContent .tabSelector { height: 35px; } #galleryContent .tabSelector li { float: left; margin-right: 0 1px 0 0; font-size: 18px; font-family: Georgia, Arial, Helvetica, sans-serif; line-height: 100%; text-align: center; background: none; padding: 0; } #galleryContent .tabSelector li a { background: url(images/homeGalleries-title-black-bg.png) repeat-x; color: #fff; padding: 4px 4px 0 4px; display: block; } #galleryContent .tabSelector li a span { border: 1px solid #A8A8A8; border-bottom: none; padding: 6px 21px; display: block; } #galleryContent .tabSelector li a:hover, #galleryContent .tabSelector li.active a { background: #fff; color: #000; -moz-box-shadow: -2px -2px 4px #CDCDCD; -webkit-box-shadow: -2px -2px 4px #CDCDCD; box-shadow: -2px -2px 4px #CDCDCD; } #galleryContent .tabSelector li a:hover span, #galleryContent .tabSelector li.active a span { border-color: #7F7F7F; } #tabsContainer { border: 5px solid #fff; background: url(images/homeGalleries-bg.png); padding: 15px 10px; } #galleryContent .tab { padding: 10px 0; position: relative; z-index: 10; } #tabsContainer #photos, #tabsContainer #videos { padding-bottom: 10px; } #tabsContainer h4 { padding-left: 15px; } #tabsContainer ul li { background: #fff; border: 1px solid #000; padding: 4px; float: left; margin: 10px 8px; } #tabsContainer ul li ul { width: 150px; height: 125px; position: relative; overflow: hidden; } #tabsContainer ul li ul li { border: none; padding: 0; margin: 0; } #tabsContainer a { display: block; position: relative; background: #000; } #tabsContainer li a span { display: block; padding: 7px 3px; font-size: 12px; color: #fff; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; } #tabsContainer li a:hover span { color: #5CD2EE; } /*#tabsContainer #photos li a span.more { width: 22px; height: 22px; display: block; position: absolute; right: 4px; top: 176px; background: url(images/more-link-button-white-sprite.png); } #tabsContainer #photos li a:hover span.more { background-position: left bottom; } #tabsContainer #videos li a span.play { width: 60px; height: 60px; display: block; position: absolute; right: 10px; top: 106px; background: url(images/playVideo-icon-sprite.png); } #tabsContainer #videos li a:hover span.play { background-position: left bottom; }*/ /*--------------------- Interactive Map ---------------------*/ #interactiveMapContent { padding: 20px 10px; } #interactiveMapContent p { font-size: 13px; padding: 5px 0; line-height: 125%; } #interactiveMapContent #mapPreview { float: right; width: 190px; height: 73px; text-indent: -3000px; overflow: hidden; position: relative; top: -4px; } #interactiveMapContent #mapPreview.fr { background: url(images/interactiveMap-preview-fr-sprite.png); } #interactiveMapContent #mapPreview.middle { background-position: 0 -73px; } #interactiveMapContent #mapPreview.end { background-position: 0 -146px; } #mapContainer { border: 5px solid #fff; position: relative; z-index: 1; width: 908px; height: 625px; margin: 20px 0 0 0; overflow: hidden; } #mapContainer ul { width: 2008px; height: 625px; position: absolute; background: url(images/interactiveMap-bg.png); } #mapContainer ul li { width: 32px; height: 32px; position: absolute; } #mapContainer ul li a.showInfo { width: 34px; height: 22px; padding-top: 13px; display: block; /* background: url(images/interactiveMap-number-sprite.png) no-repeat; */ font-size: 12px; color: #000; text-align: center; background-color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #0c5791; -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.38); -moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.38); box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.38);} #mapContainer ul li a.showInfo:hover, #mapContainer ul li a.showInfo.active { background-color:#090; color: #fff; border: 2px solid #fff; } #mapContainer ul li div.dataInfos { width: 308px; height: 138px; padding: 10px; background: url(images/interactiveMap-dataInfos-bg.png); position: absolute; left: -304px; top: -144px; z-index: 1000; display: none; } #mapContainer ul li div.dataInfos a.close { width: 22px; height: 22px; display: block; position: absolute; right: -4px; top: -8px; background: url(images/interactiveMap-close-dataInfos-bg.png); text-indent: -3000px; overflow: hidden; } #mapContainer ul li.right div.dataInfos { background-position: -328px 0; left: 10px; } #mapContainer ul li.right div.dataInfos a.close { right: -8px; } #mapContainer ul li.down div.dataInfos { background-position: 0 -158px; top: 18px; padding-top: 30px; height: 118px; } #mapContainer ul li.down div.dataInfos a.close { right: 313px; top: 12px; } #mapContainer ul li.down.right div.dataInfos { background-position: -328px -158px; top: 18px; padding-top: 30px; height: 118px; } #mapContainer ul li.down.right div.dataInfos a.close { right: -8px; top: 12px; } #mapContainer ul li div.dataInfos h3 { padding: 5px; height: 33px; font-size: 15px; } #mapContainer ul li div.dataInfos h3 a { color: #000; } #mapContainer ul li div.dataInfos .details { position: relative; padding: 0; height: 75px; background: url(images/dotted-line-grey.png) repeat-x 0 16px; } #mapContainer ul li div.dataInfos .details .thumb { float: left; margin-right: 10px; } #mapContainer ul li div.dataInfos .details .thumb a { cursor: default; } #mapContainer ul li div.dataInfos .details .thumb img { width: 112px; height: 75px; } #mapContainer ul li div.dataInfos .details span.category { font-size: 12px; } #mapContainer ul li div.dataInfos .details p { font-size: 12px; padding: 8px 0 0 0; } /*#mapContainer ul li div.dataInfos .details span.viewAll { width: 22px; height: 22px; display: block; position: absolute; right: -1px; bottom: 0; } #mapContainer ul li div.dataInfos .details span.viewAll a { height: 22px; display: block; background: url(images/more-link-button-blue-sprite.png) 0 -22px; text-indent: -3000px; overflow: hidden; } #mapContainer ul li div.dataInfos .details span.viewAll a:hover { background-position: 0 0; }*/ #mapContainer ul li div.dataInfos .details span.viewAll { background: #2F627E; position: absolute; bottom: 0; right: 0; padding: 3px 8px; font-size: 13px; } #mapContainer ul li div.dataInfos .details span.viewAll a { color: #fff; background: url(images/arrow-right-white-tiny.png) no-repeat right center; padding-right: 10px; } #mapContainer ul li div.dataInfos .details span.viewAll a:hover { color: #4ECDEC; background-image: url(images/arrow-right-light-blue-tiny.png); } #mapContainer a.arrowRight { width: 102px; height: 102px; display: block; position: absolute; right: 10px; top: 266px; z-index: 10000; text-indent: -3000px; overflow: hidden; background: url(images/interactiveMap-arows-sprite.png) -102px 0; } #mapContainer a.arrowRight:hover { background-position: -102px -102px; } #mapContainer a.arrowLeft { width: 102px; height: 102px; display: block; position: absolute; left: 10px; top: 266px; z-index: 10000; text-indent: -3000px; overflow: hidden; background: url(images/interactiveMap-arows-sprite.png) 0 0; } #mapContainer a.arrowLeft:hover { background-position: 0 -102px; } #mapContainer #arrowRight2, #mapContainer #arrowLeft1, #mapContainer #arrowLeft2 { display: none; } #mapFilters { margin-bottom: 20px; padding: 10px; background: #fff; } #mapFilters h3 { font-size: 18px; font-weight: bold; padding: 0 0 0 10px; } #interactiveMapContent p { font-size: 13px; padding: 5px 10px; line-height: 125%; } #mapFilters .filters { float: left; background: url(images/dotted-vertical-line-grey.png) repeat-y right top; width: 245px; } #mapFilters .filters.wide { width: 400px; } #mapFilters .filters.last { background: none; } #mapFilters .filters h4 { font-size: 15px; font-weight: bold; padding-left: 10px; } #mapFilters .filters ul { padding: 10px; } #mapFilters #filterSavourer.filters ul li { float: left; width: 180px; padding-right: 10px; } #mapFilters .filters li { margin-bottom: 4px; } #mapFilters .filters label { font-size: 13px; padding-left: 20px; display: block; } #mapFilters .filters label input { margin-left: -20px; } #mapFilters .filters .selectAll { font-size: 11px; display: block; padding-left: 10px; } /*--------------------- Hub Page ---------------------*/ #hubContent { padding: 20px 10px; } #hubContent p { font-size: 13px; line-height: 140%; padding: 7px 200px 7px 0; } #hubContent .category { background: url(images/dotted-line-grey.png) repeat-x left bottom; margin-bottom: 20px; padding-bottom: 20px; } #hubContent .category h2 { font-size: 22px; color: #2F627E; font-weight: bold; padding: 10px 0; } #hubContent .category ul li { float: left; width: 275px; height: 42px; padding: 4px; background: url(images/hub-button-bg.png) repeat-x; margin-right: 20px; } #hubContent .category ul li a { display: block; height: 28px; padding: 12px 30px 0 8px; border: 1px solid #93BAD0; position: relative; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; color: #000; } #hubContent .category ul li a span.more { width: 22px; height: 22px; display: block; position: absolute; right: 8px; top: 8px; background: url(images/more-link-button-blue-sprite.png) left bottom; } #hubContent .category ul li a:hover span.more { background-position: left top; } /*------------------- Sidebar -------------------*/ #sidebar { margin-left: 628px; padding-top: 14px; } #mapGalleries { margin: 7px 0; padding: 5px; background: #fff; } #mapGalleries .sidebarMap { background: url(images/sidebarMap-bg.jpg) no-repeat; padding-top: 120px; margin-bottom: 5px; } #mapGalleries .sidebarMap a { background: #000; display: block; padding: 4px 10px; height: 36px; position: relative; font-size: 13px; color: #fff; } #mapGalleries .sidebarMap a strong { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; } #mapGalleries .sidebarMap a span.more { width: 22px; height: 22px; display: block; position: absolute; right: 10px; top: 10px; background: url(images/more-link-button-white-sprite.png); } #mapGalleries .sidebarMap a:hover { color: #5CD2EE; } #mapGalleries .sidebarMap a:hover span.more { background-position: left bottom; } #mapGalleries .gallery { float: left; width: 150px; background: #000; } #mapGalleries .video { margin-left: 155px; width: 145px; background: #000; } #mapGalleries .gallery a, #mapGalleries .video a { display: block; height: 130px; position: relative; } #mapGalleries .gallery a span.text, #mapGalleries .video a span.text { display: block; padding: 8px; font-size: 13px; color: #fff; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; } #mapGalleries .gallery a:hover span.text, #mapGalleries .video a:hover span.text { color: #5CD2EE; } #mapGalleries .gallery a span.more, #mapGalleries .video a span.more { width: 22px; height: 22px; display: block; position: absolute; right: 4px; top: 104px; background: url(images/more-link-button-white-sprite.png); } #mapGalleries .gallery a:hover span.more, #mapGalleries .video a:hover span.more { background-position: left bottom; } #mapGalleries .video span.poster { display: block; height: 100px; overflow: hidden; padding-bottom: } #mapGalleries .video span.poster img { margin-left: -2px; } #sidebarEvents { position: relative; padding: 44px 0 7px 0; } #sidebarEvents h3 { position: absolute; left: 10px; top: 10px; height: 30px; padding: 4px 4px 0 4px; z-index: 0; font-size: 18px; color: #fff; font-weight: bold; background: url(images/highlightBox-title-red-bg.png) repeat-x; } #sidebarEvents h3 span { border: 1px solid #fff; border-bottom: none; padding: 6px 11px; display: inline-block; } #sidebarEvents div.event { background: url(images/member-profile-box-bg.png) no-repeat right top; /*height: 127px;*/ padding: 10px 10px 22px 10px; border: 4px solid #fff; position: relative; } #sidebarEvents div.event h4 { font-size: 18px; padding-bottom: 2px; } #sidebarEvents div.event h4 a { color: #C63326; } #sidebarEvents div.event h4 a:hover { text-decoration: underline; } #sidebarEvents div.event p { font-size: 13px; padding: 3px 0; line-height: 120%; } #sidebarEvents div.event p.date { font-size: 13px; padding: 0 } #sidebarEvents div.event a.readMore { font-size: 13px; color: #C63326; background: url(images/arrow-right-red-small.png) no-repeat right center; padding-right: 10px; } #sidebarEvents div.event a.readMore:hover { text-decoration: underline; } #sidebarEvents div.event span.viewAll { background: #AA1503; position: absolute; bottom: 0; right: 0; padding: 4px 8px; font-size: 13px; } #sidebarEvents div.event span.viewAll a { color: #fff; background: url(images/arrow-right-white-tiny.png) no-repeat right center; padding-right: 10px; } #sidebarEvents div.event span.viewAll a:hover { color: #FF382E; background-image: url(images/arrow-right-light-red-tiny.png); } #sidebarNews { position: relative; padding: 44px 0 7px 0; } #sidebarNews h3 { position: absolute; left: 10px; top: 10px; height: 30px; padding: 4px 4px 0 4px; z-index: 0; font-size: 18px; color: #fff; font-weight: bold; background: url(images/highlightBox-title-blue-bg.png) repeat-x; } #sidebarNews h3 span { border: 1px solid #fff; border-bottom: none; padding: 6px 11px; display: inline-block; } #sidebarNews .news { background: url(images/homeGalleries-box-bg.png) no-repeat right top; height: 127px; padding: 10px; border: 4px solid #fff; position: relative; } #sidebarNews .news h4 { font-size: 18px; padding-bottom: 2px; } #sidebarNews .news h4 a { color: #26C3E9; } #sidebarNews .news h4 a:hover { text-decoration: underline; } #sidebarNews .news p { font-size: 13px; padding: 3px 0; line-height: 120%; } #sidebarNews .news a.readMore { font-size: 13px; color: #26C3E9; background: url(images/arrow-right-blue-small.png) no-repeat right center; padding-right: 10px; } #sidebarNews .news a.readMore:hover { text-decoration: underline; } #sidebarNews .news span.viewAll { background: #2F627E; position: absolute; bottom: 0; right: 0; padding: 4px 8px; font-size: 13px; } #sidebarNews .news span.viewAll a { color: #fff; background: url(images/arrow-right-white-tiny.png) no-repeat right center; padding-right: 10px; } #sidebarNews .news span.viewAll a:hover { color: #4ECDEC; background-image: url(images/arrow-right-light-blue-tiny.png); } #sidebarPackage { position: relative; padding: 44px 0 7px 0; } #sidebarPackage h3 { position: absolute; left: 10px; top: 10px; height: 30px; padding: 4px 4px 0 4px; z-index: 0; font-size: 18px; color: #fff; font-weight: bold; background: url(images/highlightBox-title-green-bg.png) repeat-x; } #sidebarPackage h3 span { border: 1px solid #fff; border-bottom: none; padding: 6px 11px; display: inline-block; } #sidebarPackage .packageItem { margin: 0; background-position: right top; } #sidebarPackage .packageItem .details { padding: 10px 120px 30px 10px; font-size: 13px; margin: 0; } #sidebarPackage .packageItem .details span.availabilityPeriod { padding: 0; margin: 0; } #sidebarPackage .packageItem .details p { padding-right: 0; } #sidebarPackage .packageItem h4 { font-size: 18px; font-weight: normal; color: #8BC01A; padding: 0 0 5px 0; } #sidebarPackage .packageItem a.readMore { font-size: 13px; color: #4E9408; background: url(images/arrow-right-green-small.png) no-repeat right center; padding: 0 10px 0 0; } #sidebarPackage .packageItem a.readMore:hover { text-decoration: underline; } #sidebarPackage .packageItem span.viewAll { background: #4E9408; position: absolute; bottom: 0; right: 0; padding: 4px 8px; font-size: 13px; } #sidebarPackage .packageItem span.viewAll a { color: #fff; background: url(images/arrow-right-white-tiny.png) no-repeat right center; padding-right: 10px; } #sidebarPackage .packageItem span.viewAll a:hover { color: #99CC00; background-image: url(images/arrow-right-light-green-tiny.png); } #sidebar .banner { padding: 7px 0 10px 5px; } .wp_bannerize div { padding-bottom: 15px; } #discoverMenu { position: relative; padding: 44px 0 0 0; } #discoverMenu h3 { position: absolute; left: 0; top: 10px; height: 30px; padding: 4px 4px 0 4px; z-index: 0; font-size: 18px; color: #fff; font-weight: bold; background: url(images/homeGalleries-title-black-bg.png) repeat-x; } #discoverMenu h3 span { border: 1px solid #fff; border-bottom: none; padding: 6px 11px; display: inline-block; } #discoverMenu a { display: block; padding: 4px; background: url(images/discoverMenu-sprite.png); color: #000; font-size: 13px; padding-top: } #discoverMenu a strong { display: block; font-size: 22px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; } #discoverMenu a span { display: block; height: 50px; border: 1px solid #438CB3; padding: 15px 0 0 25px; } #discoverMenu a:hover { background-position: 0 -75px; color: #fff; } #discoverMenu li.current_page_item a { background-position: 0 -150px; } #discoverMenu a:hover span, #discoverMenu li.current_page_item a span { border-color: #438CB3; color: #fff; } #rssFeed { display: block; height: 24px; background: url(images/rss-icon-24px.png) no-repeat; padding: 4px 0 4px 30px; margin: 10px 0; font-size: 15px; font-weight: bold; color: #000; } #rssFeed strong { color: #2F627E; } #pastNewsletter { margin-top: 14px; height: 26px; padding: 4px; display: block; background: url(images/homeGalleries-title-black-bg.png) repeat-x; font-size: 16px; color: #fff; font-family: Georgia, Arial, Helvetica, sans-serif; } #pastNewsletter span { display: block; height: 24px; border: 1px solid #A8A8A8; text-align: center; line-height: 24px; } #pastNewsletter:hover span { color: #26C3E9; border-color: #26C3E9; } #contactMap { font-size: 13px; line-height: 125%; } #contactMap a { color: #26C3E9; text-decoration: underline; } #touristOffice { margin: 14px 0; background: url(images/homeGalleries-box-bg.png) no-repeat right top; padding: 10px; border: 4px solid #fff; } #touristOffice p { background: url(images/touristInfo-icon.png) no-repeat; padding-left: 60px; font-size: 13px; line-height: 125%; } #touristOffice p a { display: block; color: #0C5791; text-decoration: underline; } /* Search Sidebar */ #checkAvailability { border: 4px solid #fff; } #checkAvailability h3 { padding: 5px 10px; font-size: 18px; font-weight: bold; } #checkAvailability h3 span { display: block; font-size: 14px; padding-top: 4px; } #checkAvailability form { background: url(images/checkAvailability-form-bg.png) no-repeat; } #checkAvailability form div.split { background: url(images/checkAvailability-form-split-bg.png) repeat-y 160px 0; padding: 2px 0; height: 24px; } #checkAvailability form div.split.first { padding-top: 5px; } #checkAvailability form div.split label { width: 155px; float: left; padding: 5px 12px 0 0; text-align: right; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; } #checkAvailability form div.split.persons label { padding-top: 0; margin-top: -2px; } #checkAvailability form input.date { border: none; height: 16px; width: 76px; padding: 2px; float: left; } #checkAvailability form .ui-datepicker-trigger { float: left; margin: -1px 0 0 5px; } #checkAvailability form div.filterSelect { float: left; width: 130px; height: 22px; position: relative; margin-right: 5px; background: url(images/searchFilter-filterSelect-bg.png); } #checkAvailability form div.filterSelect.active { background-position: left bottom; } #checkAvailability form div.filterSelect a { display: block; line-height: 22px; height: 22px; overflow: hidden; font-size: 13px; color: #333; padding-left: 5px; } #checkAvailability form div.options { position: absolute; left: 0; top: 23px; width: 130px; background: #fff; z-index: 1000; white-space: nowrap; display: none; } #checkAvailability form #type { width: 162px; } #checkAvailability form div.options li { font-size: 13px; background: url(images/dotted-line-grey.png) repeat-x; } #checkAvailability form div.options li.first { background: none; } #checkAvailability form div.options li input { } #checkAvailability form div.options li label { cursor: pointer; display: block; padding: 10px; float: none; width: auto; text-align: left; font-family: Arial, Helvetica, sans-serif; } #checkAvailability form div.split.persons div.options label { padding-top: 10px; margin-top: 0; } #checkAvailability form div.options li label:hover { background: #D3E7F2; } #checkAvailability form div.submitSearch { border-top: 1px solid #333; background: url(images/checkAvailability-submitForm-bg.png); padding: 10px; height: 20px; } #checkAvailability form div.submitSearch input { background: url(images/checkAvailability-submitForm-button-sprite.png) no-repeat right top; width: 148px; height: 20px; padding-left: 6px; border: none; color: #fff; text-align: left; cursor: pointer; float: right; margin-right: 10px; } #checkAvailability form div.submitSearch input:hover { color: #000; background-position: right bottom; } #sidebarRecipe { margin: 7px 0 14px 0; background: url(images/double-dotted-line-grey.png) repeat-x; padding-top: 7px; } #sidebarRecipe .recipe { background: url(images/double-dotted-line-grey.png) repeat-x left bottom; padding-bottom: 7px; height: 100px; position: relative; } #sidebarRecipe .thumb { float: left; margin-right: 10px; } #sidebarRecipe h3 { font-size: 20px; padding: 5px 0 2px 0; } #sidebarRecipe h5 { font-size: 13px; padding-bottom: 2px; } #sidebarRecipe span.viewAll { position: absolute; bottom: 3px; right: 2px; padding: 4px 8px; font-size: 13px; background: #000; } #sidebarRecipe span.viewAll a { color: #fff; background: url(images/arrow-right-white-tiny.png) no-repeat right center; padding-right: 10px; } #sidebarRecipe span.viewAll a:hover { color: #4ECDEC; background-image: url(images/arrow-right-light-blue-tiny.png); } #memberLogin { margin: 14px 0 7px 0; border: 5px solid #fff; background: url(images/memberLogin-bg.png) repeat-x; padding: 10px 15px; font-size: 13px; } #memberLogin h4 { font-size: 22px; color: #fff; padding: 0 0 10px 0; } #memberLogin p { position: relative; } #memberLogin label { position: absolute; z-index: 20; top: 4px; left: 5px; color: #666; } #memberLogin input.textInput { border: 1px solid #666; padding: 2px 4px; width: 260px; height: 18px; } #memberLogin span.submitForm { display: block; padding: 5px 0; text-align: right; } #memberLogin span.submitForm input { border: 1px solid #666; background: #000 url(images/memberLogin-button-bg.png) repeat-x; padding: 4px 10px; color: #fff; } #memberLogin a { color: #fff; text-decoration: underline; } #sidebarInMedia { margin: 14px 0; border: 5px solid #fff; background: url(images/sidebarInMedia-bg.png) repeat-x; padding: 10px 15px; } #sidebarInMedia h3 { font-size: 22px; color: #fff; padding: 0 70px 10px 0; } #sidebarInMedia a { font-size: 13px; line-height: 14px; color: #fff; background: url(images/arrow-right-white-small.png) no-repeat right center; padding-right: 12px; } #sidebarInMedia a:hover { text-decoration: underline; } /* Member Sidebar */ #memberSidebar { margin-left: 628px; padding-right: 10px; } #additionalInfo { padding: 10px; background: #fff; } #additionalInfo .share { padding-bottom: 14px; } #additionalInfo a#printPage { background: url(images/printer-icon.png) no-repeat 0 0; padding: 2px 0 2px 20px; font-size: 13px; color: #0D5791; line-height: 20px; } #additionalInfo a#printPage:hover { text-decoration: underline; } #additionalInfo h3 { display: none; } #additionalInfo dl { margin-top: 10px; font-size: 13px; } #additionalInfo dl dt { float: left; padding: 10px 0; font-weight: bold; margin-right: 5px; } #additionalInfo dl dt.block { width: 100%; padding-bottom: 5px; } #additionalInfo dl dd { background: url(images/dotted-line-grey.png) repeat-x; padding: 10px 0; display: block; color: #333; } #additionalInfo dl a { color: #0C5791; text-decoration: underline; } #itinerary { position: relative; padding: 44px 0 14px 0; } #itinerary h3 { position: absolute; left: 0; top: 10px; height: 30px; padding: 4px 4px 0 4px; z-index: 0; font-size: 18px; color: #fff; font-weight: bold; background: url(images/homeGalleries-title-black-bg.png) repeat-x; } #itinerary h3 span { border: 1px solid #fff; border-bottom: none; padding: 6px 11px; display: inline-block; } #itinerary #goTo { background: #000; width: 280px; position: relative; padding: 10px 10px 15px 10px; } #itinerary #goTo h6 { font-size: 13px; color: #fff; padding-bottom: 4px; } #itinerary #goTo label { position: absolute; left: 15px; top: 31px; font-size: 12px; color: #666; } #itinerary #goTo .textInput { width: 226px; border: none; height: 16px; padding: 2px; } #itinerary #goTo .submitInput { background: url(images/go-submitButton-sprite.png) no-repeat right top; width: 44px; height: 20px; border: none; text-align: left; cursor: pointer; text-indent: -3000px; overflow: hidden; } #itinerary #goTo .submitInput:hover { color: #000; background-position: right bottom; } #followMember { background: url(images/homeGalleries-box-bg.png) no-repeat right bottom; border: 4px solid #fff; padding: 0 10px; } #followMember h3 { font-size: 16px; color: #0E5791; padding: 5px 0; border-bottom: 1px solid #E0E0E0; } #bottomWidgets .socialMedias li { float: left; padding-top: 5px; font-size: 13px; font-family: Georgia, Arial, Helvetica, sans-serif; } #followMember ul { height: 50px; } #followMember li { float: left; padding-top: 8px; margin-right: 20px; } #followMember li a { width: 32px; height: 32px; display: block; text-indent: -3000px; overflow: hidden; } #followMember li.facebook a { background: url(images/facebook-icon-32px.png); } #followMember li.twitter a { background: url(images/twitter-icon-32px.png); } #followMember li.tripadvisor a { background: url(images/tripadvisor-icon-32px.png); width: 50px; } /*------------------- Prefooter -------------------*/ #preFooter { background: #E5F3FC; margin: 0 2px; position: relative; z-index: 1; padding: 25px 20px; height: 194px; } #corpoInfo { width: 530px; float: left; } #corpoInfo .logo { width: 155px; height: 128px; float: left; text-indent: -3000px; overflow: hidden; } #corpoInfo .logo.fr { background: url(images/prefooter-logo-fr.png) no-repeat; } #corpoInfo .logo.en { background: url(images/prefooter-logo-en.png) no-repeat; } #corpoInfo p { margin-left: 175px; font-size: 12px; line-height: 125%; } #corpoInfo ul { margin-left: 175px; padding-top: 10px; } #corpoInfo ul li { float: left; font-size: 15px; line-height: 20px; padding: 5px 20px; } #corpoInfo ul li.contact { margin-right: 50px; } #bottomWidgets { margin-left: 555px; } #bottomWidgets .mapButton { float: left; width: 146px; background: #fff; padding: 5px; height: 69px; } #bottomWidgets .mapButton a { display: block; height: 19px; color: #fff; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 15px; padding: 50px 0 0 4px; background: url(images/prefooter-map-button-bg.png) } #bottomWidgets .mapButton a:hover { color: #4FCEED; background-position: 0 -69px; } #bottomWidgets .socialMedias { border: 5px solid #fff; padding: 3px 5px; background: url(images/prefooter-socialMedias-bg.png); margin-left: 165px; height: 63px; } #bottomWidgets .socialMedias h3 { padding-bottom: 3px; border-bottom: 1px solid #999999; font-size: 17px; font-weight: bold; color: #316581; } #bottomWidgets .socialMedias li { float: left; padding-top: 5px; font-size: 13px; font-family: Georgia, Arial, Helvetica, sans-serif; } #bottomWidgets .socialMedias li a { padding-left: 35px; height: 24px; display: block; color: #000; padding-top: 10px; } #bottomWidgets .socialMedias li.facebook a { background: url(images/facebook-icon-32px.png) no-repeat; width: 66px; } #bottomWidgets .socialMedias li.twitter a { background: url(images/twitter-icon-32px.png) no-repeat; width: 44px; } #bottomWidgets .socialMedias li a:hover { text-decoration: underline; } #bottomWidgets .newsletter { position: relative; top: 10px; height: 50px; background: #fff; } #bottomWidgets .newsletter h3 { float: left; background: url(images/prefooter-newsletter-title-bg.png) no-repeat right top; padding: 15px 22px 10px 12px; height: 25px; font-size: 18px; font-weight: bold; color: #fff; } .brochureNews { background: url(images/bg-brochure.jpg) no-repeat right top #db176b; height: 50px; margin-top: 10px; position: relative; top: 10px; } .brochureNews a { display: block; color: #fff; padding: 16px; } .brochureNews a:hover { text-decoration: underline; } #bottomWidgets .newsletter ul { padding: 10px 0; } #bottomWidgets .newsletter ul li { float: left; font-size: 15px; } #bottomWidgets .newsletter ul li.view { width: 130px; padding: 3px 5px 0 10px; font-size: 13px; font-weight: bold; } #bottomWidgets .newsletter ul li.view a { color: #000; } #bottomWidgets .newsletter ul li.view a:hover { text-decoration: underline; } #bottomWidgets .newsletter ul li.subscribe { font-size: 15px; line-height: 20px; padding: 5px 10px; } /*------------------- Footer -------------------*/ #footer { width: 960px; position: relative; margin: 0 auto; } #footerMap { border-bottom: 1px solid #000; padding: 10px 0 5px 0; } #footerMap div { float: left; } #footerMap div.smallBlock { width: 185px; margin: 0 5px; } #footerMap div.sitemap { float: none; text-align: right; font-size: 12px; padding-top: 10px; } #footerMap h5 { font-size: 15px; font-weight: bold; padding: 10px 0; } #footerMap ul.split2 { width: 185px; float: left; } #footerMap li { font-size: 12px; padding-bottom: 5px; } #footerMap a { color: #000; } #footerMap a:hover { text-decoration: underline; } #copyrights { float: right; width: 450px; text-align: right; font-size: 12px; padding-top: 5px; } #copyrights a { color: #387292; } #copyrights a:hover { text-decoration: underline; } #sitePartners { padding-top: 5px; } #sitePartners h6 { font-size: 11px; } #sitePartners ul { height: 67px; } #sitePartners li { float: left; margin-right: 10px; } /*------------------- Reusable Elements -------------------*/ /* CSS3 Shadows */ .shadow2px { -moz-box-shadow: #888 1px 1px 2px; -webkit-box-shadow: #888 1px 1px 2px; box-shadow: #888 1px 1px 2px; } .shadow2pxBlack { -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000; } .glow1px { -moz-box-shadow: 0px 0px 2px #888; -webkit-box-shadow: 0px 0px 2px #888; box-shadow: 0px 0px 2px #888; } .glow2px { -moz-box-shadow: 0px 0px 4px #888; -webkit-box-shadow: 0px 0px 4px #888; box-shadow: 0px 0px 4px #888; } .glow2pxBlack { -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; } .glow3px { -moz-box-shadow: #888 0px 0px 6px; -webkit-box-shadow: #888 0px 0px 6px; box-shadow: #888 0px 0px 6px; } .glow3pxBlue { -moz-box-shadow: 0px 0px 6px #387494; -webkit-box-shadow: 0px 0px 6px #387494; box-shadow: 0px 0px 6px #387494; } .glow5px { -moz-box-shadow: 0px 0px 10px #888; -webkit-box-shadow: 0px 0px 10px #888; box-shadow: 0px 0px 10px #888; } .topShadow { -moz-box-shadow: 0px -2px 2px #EBEBEB; -webkit-box-shadow: 0px -2px 2px #EBEBEB; box-shadow: 0px -2px 2px #EBEBEB; } .sidebarShadow { -moz-box-shadow: -3px 0px 4px #cecece; -webkit-box-shadow: -3px 0px 4px #cecece; box-shadow: -3px 0px 4px #cecece; } /* CSS3 Rounded Corners */ .rounded3px { border-radius: 3px; -moz-border-radius: 3px; } /* Image Positionning */ .alingleft { float: left; margin: 0 10px 10px 0; } /* Content Spacer */ hr.spacer { clear: both; background: none; border: none; color: #fff; } /* UI Buttons */ .redButton { background: url(images/red-button-bg.png) repeat-x; } .redButton a { color: #fff; } .redButton a:hover { color: #FF382E; } .blackButton { background: url(images/black-button-bg.png) repeat-x; } .blackButton a { color: #fff; } .blackButton a:hover { color: #999; } .more { width: 22px; height: 22px; display: inline-block; position: relative; background: url(images/more-link-button-sprite.png); text-indent: -3000px; overflow: hidden; } .more:hover { background-position: 0 -22px; } .more.blue { background-image: url(images/more-link-button-blue-sprite.png); } .pp_content_container { padding: 0 10px; border: 1px solid #fff; border-top: none; width: auto; } .pp_nav { float: right; margin: 0 20px 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #fff; } div.dark_square .currentTextHolder { color: #fff; } div.ppt { margin-left: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #fff; } .pp_description { font-size: 12px; } div.dark_square .pp_next:hover { background: url(images/prettyPhoto-arrows-next.png) center right no-repeat; } div.dark_square .pp_previous:hover { background: url(images/prettyPhoto-arrows-previous.png) center left no-repeat; } /*------------ Date picker ------------*/ .ui-datepicker { font-size: 0.75em; } /*-------------------- Pretty Photo Override --------------------*/ div.dark_square .pp_close { width: 34px; height: 34px; background: url(images/prettyPhoto-close-button.png) 0 0; float: none; position: absolute; right: -12px; top: 2px; z-index: 100000000; } div.modalWrapper { background: url(images/prettyPhoto-modalWrapper-bg.png); padding: 10px; } .pp_content, div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: none; } .pp_top { height: 10px; border: 1px solid #fff; border-bottom: none; } /*------------ Ajout nadia à déplacer ------------*/ .alignright { float: right; margin-left: 10px; } /*------------ Ajout nadia à déplacer #municipalitiesNav ul li input { color: #000; padding: 4px 4px 4px 4px; display: inline-block; margin-right: 4px; font-size: 18px; font-family:Georgia, Arial, Helvetica, sans-serif; border: none; background: #C1DCEA;} #municipalitiesNav ul li a span { border: 1px solid #81AEC8; border-bottom: none; padding: 6px 11px; display: inline-block; } #municipalitiesNav ul li input:hover { background: #000; color: #fff; } municipalitiesNav ul li input:hover span { border-color: #808080; } ------------*/ /* photo circulaire */ .circular { margin: auto; width: 140px; height: 140px; border-radius: 70px; -webkit-border-radius: 70px; -moz-border-radius: 70px; background: url(http://tourisme.iledorleans.com/wp-content/uploads/2011/06/Bernard-Catherine-et-Anne-300x200.jpg) no-repeat; } .tableCircularPics { width: 100%; margin: 14px 0 14px 0; } .tableCircularPics img { margin: auto; width: 140px; height: 140px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border: 5px solid #fff; -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.57); -moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.57); box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.57); } .tableCircularPics td { text-align: center; font-size: 14px; line-height: 140%; width: 160px; padding-right: 60px;} .tableCircularPics a { display: block; margin: 10px 0 2px 0; color: #02a78f; font-weight: 700; font-size: 14px; } .tableAdd { width: 100%; padding: 0; -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.30); -moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.30); box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.30); margin-bottom:20px;} .tableAddleft { width: 185px; height: 156px; vertical-align: middle; text-align: center; } .tableAddRight { vertical-align: middle; background: #f2f2f2; } #memberIntro .tableAddRight p { font-size: 13px; line-height: 16px; padding: 22px; } #memberIntro .tableAddRight p span { font-size: 14px; color:#02a78f; } .noBot { display: none; } #archiveNewsLetter { margin: 20px 0; padding: 10px; } #archiveNewsLetter div { background: url(images/dotted-line-blue.png) repeat-x bottom; padding: 1px 0 10px 0; } #archiveNewsLetter a { color: #2E617E; } #content .has-20-size { font-size: 22px; } #content .has-no-padding { padding: 0; }