/******************************************** * * GENERAL DECLARATIONS / RESETTER * *********************************************/ html { margin: 0; padding: 0; border: none; min-height: 100%; height: 100% !important; height: 100%; } body { margin: 0; padding: 0; border: none; text-align: center; min-height: 100%; height: 100% !important; height: 100%; font-family: Arial, sans-serif; color: #666666; font-size: 12px; line-height: 15px; background: #EEEEEE url(../images/bkg_body.jpg) 0px 0px repeat-x; } /* block */ div { margin: 0; padding: 0; position: static; } /* liens */ a:link, a:visited, a:active, a:focus { color: #00508E; text-decoration: none; outline: 0; } a:hover { text-decoration: none; color: #0076df; } /* listes */ dl, ul, ol, dd, dt, ul li { margin: 0; padding: 0; } ul li { list-style: none; } /* titres */ h1, h2 ,h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial, sans-serif; color: #164179; } h1 { font-size: 1.45em; line-height: 1.7em; } h2 { font-size: 1.2em; line-height: 1.5em; } h3 { font-size: 1.1em; line-height: 1.4em; } h4 { font-size: 1em; line-height: 1.3em; } h5 { font-size: 0.9em; line-height: 1.2em; } /* mise en forme - inline */ pre, code, address, caption, cite, code, dfn, em, strong, var, abbr, acronym { font-style: normal; font-weight: normal; text-decoration: none; text-transform: none; } abbr, acronym { font-variant: normal; } pre, code { font-family: monospace; } em { font-style: italic; } strong { font-weight: bold; } /* formulaire */ form { margin: 0; padding: 0; } form fieldset, form legend, form label { margin: 0; padding: 0; border: none; } form input, form textarea, form select { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit; } /* paragraphe */ p, blockquote { margin: 0; padding: 0; text-indent: 0; } /* tableau */ table { border-collapse: collapse; border-spacing: 0px; margin: 5px 0px 10px; width: 100%; } table caption { text-align: left; } table tr {} table th, table td { border-bottom: 1px solid #d1d1d1; vertical-align: top; text-align: left; font-size: 13px; line-height:14px; padding: 8px 12px; } table td { border-bottom-color: #f4f4f4; } /* image */ img { display: block; margin: 0; padding: 0; border: none; line-height: 1em; font-size: 1em; } object { outline:none; } /******************************************** * * ALIGN & FLOAT & PADDING & MARGIN * *********************************************/ .fleft { float:left;} .fright { float:right;} .img_left { float:left; margin-right:12px; margin-bottom:5px;} .img_right { float:right; margin-left:12px; margin-bottom:5px;} .clear { display: block; clear:both; font-size: 1px; line-height: 1px;} .webhide { display:none; height: 0px; } .webshow { display:block;} .vclear { display: block; clear: both; height: 1px; width: 100%; overflow: hidden; font-size: 1px; line-height: 1px; } .relative { position: relative; } /******************************************** * * COLORS / LINKS / VISUAL EFFECTS * *********************************************/ .gras { font-weight:bold; } .italic { font-style: italic; } .fontDMT { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /******************************************** * * ADD THIS * *********************************************/ .share .label { color: #00508e; float: left; padding-right: 5px; } /******************************************** * * GENERIC TOOLTIP * *********************************************/ .tooltip { width: 256px; position: absolute; z-index: 1000; display: none; } .tooltip .tooltip_content { color: #fff; font-size: 14px; padding: 8px 12px; background: url(../images/bkg_tooltip.png) no-repeat; } .tooltip .tooltip_pointer { height: 10px; background: url(../images/bkg_tooltip_pointer.png) no-repeat; } /******************************************** * * GLOBAL CONTAINERS * *********************************************/ #global_wrap { width: 1020px; margin: 0 auto; text-align: left; background: transparent url(../images/bkg_header_shadow.png) center 0px no-repeat; } .global_content { position: relative; z-index: 20; width: 970px; border: 0px solid #FF0099; } .content_wrap { padding: 0px 25px 0px 25px; background: transparent url(../images/bkg_wrapper_main.png) center 0px repeat-y; } #content { height: auto !important; min-height: 500px; height: 500px; } #content .global_content { } /* 2 cols layout */ #content .l_col { float: left; width: 650px; height: auto !important; min-height: 250px; height: 250px; } #content .r_col { float: left; width: 320px; margin-left: 0px; height: auto !important; min-height: 250px; height: 250px; } #content .l_col .inner { padding: 0px 20px 0px 20px; } #content .r_col .inner { padding: 0px 20px 0px 0px; } /* 2 cols layout II */ #content .l_col2 { float: left; width: 674px; height: auto !important; min-height: 50px; height: 50px; } #content .r_col2 { float: left; width: 256px; margin-left: 0px; height: auto !important; min-height: 50px; height: 50px; } #content .l_col2 .inner { padding: 0px 20px 0px 0px; } #content .r_col2 .inner { padding: 0px 0px 0px 0px; } /* 2 cols layout : Zone membre */ #content .l_col_membre { float: left; width: 280px; height: auto !important; min-height: 50px; height: 50px; } #content .r_col_membre { float: left; width: 680px; margin-left: 0px; height: auto !important; min-height: 50px; height: 50px; } #content .l_col_membre .inner { padding: 0px 0px 0px 20px; } #content .r_col_membre .inner { padding: 0px 20px 0px 20px; } /* 3 cols layout */ #content .l_col .side_col { float: left; width: 275px; } #content .l_col .main_col { float: left; width: 375px; } #content .l_col .main_col .inner { padding: 0px 20px 0px 20px; } /* 3 cols layout II */ #content .l_col2 .side_col { float: left; width: 299px; } #content .l_col2 .main_col { float: left; width: 375px; } #content .l_col2 .inner .main_col { width: 355px; } #content .l_col2 .main_col .inner { padding: 0px 20px 0px 20px; } /* 1 col layout */ #content .full_col {} #content .full_col .inner { padding: 0px 20px 0px 20px; } #content .innerpad { padding: 0px 20px 0px 20px; } /******************************************** * * GENERIC BLOCKS & FORMS * *********************************************/ #content .l_col p, #content .r_col p { padding: 0px 0px 10px 0px; } /* breadcrumbs */ .breadcrumbs { height: 39px; padding: 0px 20px 0px 20px; } .breadcrumbs ul { padding: 8px 0px 0px 0px; } .breadcrumbs ul li { float: left; padding: 0px 8px 0px 0px; margin: 0px 0px 0px 0px; font-size: 10px; line-height: 12px; color: #666666; } .breadcrumbs ul li.link { padding: 0px 4px 0px 0px; font-size: 11px; line-height: 14px; } .breadcrumbs ul li a { padding: 0px 0px 0px 0px; font-size: 11px; line-height: 14px; color: #00508E; } .breadcrumbs ul li a:hover { color: #666666; text-decoration: underline; } /* tabs * 2 layouts of tabs * 1) tabs are all-rounded individually using a state-full background image (.tabs) * 2) tabs are rectangular, separated by a 2px marquee. Rounded corners on extremeties only (.tabs_merged) */ #content .hrule.marged { margin-top: 20px; } #content #tabs_decouvrir { position: relative; height: 38px; } #content .title_discover { height: 36px; padding: 4px 0px 0px 25px; font-size: 24px; line-height: 24px; color: #00508E; } #content .title_discover span.arrow { padding: 0px 0px 0px 5px; } #content .title_discover span.arrow img { display: inline; } #content .tabs { height: 38px; } #content .tabs ul { padding: 0px 0px 0px 0px; } #content .tabs ul li { float: left; width: 194px; height: 38px; } #content .tabs ul li a { display: block; width: 194px; height: 30px; padding: 9px 0px 0px 0px; text-align:center; background: transparent url(../images/bkg_tabs.png) 0px -77px no-repeat; font-size: 24px; line-height: 24px; color: #666666; text-decoration: none; } #content .tabs ul li a:hover { background-position: 0px -38px; color: #E1E1E1; text-decoration: none; } #content .tabs ul li a.selected { background-position: 0px 0px; color: #00508E; } #content .tabs_merged { position: relative; border: 1px solid #d1d1d1; border-bottom: none; height: 49px; width: auto; background: url(../images/bkg_tab_categories.gif) repeat-x 0px -49px; } #content .tabs_merged ul { padding: 0px 0px 0px 0px; } #content .tabs_merged ul li { float: left; width: auto; height: 49px; padding-left: 2px; background: url(../images/bkg_tab_categories.gif) no-repeat 0px 0px;} #content .tabs_merged ul li a { display: block; width: 226px; height: 35px; padding-top: 14px; text-align:center; background: url(../images/bkg_tab_categories.gif) repeat-x 0px -49px; font-size: 20px; line-height: 20px; color: #fff; text-decoration: none; } #content .tabs_merged ul li a:hover { background-position: 0px -98px; color: #fff; text-decoration: none; } #content .tabs_merged ul li a.agrotourisme { padding: 5px 10px 8px 10px; width: 206px; } #content .tabs_merged ul li.selected, #content .tabs_merged ul li.selected a { background: #fff; } #content .tabs_merged ul li.selected a { color: #0076df; } #content .tabs_content { position: relative; border: 1px solid #d1d1d1; border-top: none; } #content .tabs_content .tabs_item { display: none; padding: 15px 35px 10px 35px; } #content .tabs_content .tabs_item.visible { display: block; } #content .tabs_content .tabs_item .block_thumb { float: left; width: 400px; height: 105px; border: 1px solid #D9D9D9; } #content .tabs_content .tabs_item .block_thumb .pic { float: left; width: 160px; height: 100px; margin: 2px 0px 2px 2px; } #content .tabs_content .tabs_item .block_thumb .map { float: left; width: 73px; height: 98px; margin: 2px 0px 2px 2px; } #content .tabs_content .tabs_item .block_thumb .map img { width: 73px; height: 98px; } #content .tabs_content .tabs_item .block_thumb .desc { float: left; width: 148px; height: 95px; margin: 7px 0px 0px 10px; font-size: 12px; line-height: 15px; color: #666666;} #content .tabs_content .tabs_item .block_thumb .desc .title { color: #3F7BAA; } #content .tabs_content .tabs_item .block_desc { float: left; position:relative; width: 478px; height: 115px; margin-left: 20px; } #content .tabs_content .tabs_item .block_desc .excerpt { height: 89px; } #content .tabs_content .tabs_item .block_desc .bt_more {} #content .tabs_merged span.corner.tl, #content .tabs_content span.corner.tl { top: -1px; left: -1px; background-position: 0px -20px; } #content .tabs_merged span.corner.tr, #content .tabs_content span.corner.tr { top: -1px; right: -1px; background-position: -2px -20px; } #content .tabs_merged span.corner.bl, #content .tabs_content span.corner.bl { bottom: -1px; left: -1px; } #content .tabs_merged span.corner.br, #content .tabs_content span.corner.br { bottom: -1px; right: -1px; } /* tabs custom styling */ #content .tabs_content_experiences { height: 138px; border: none; padding: 0px; } #content .tabs_content_categories { padding: 18px 22px; } /* blocs */ .bloc { width: 300px; /*height: 250px; */ position: relative; z-index: 1; margin-top: 10px; } .bloc .top { height: 36px; background-color: #F3FAFD; border: 1px solid #AAC8DD; } .bloc span.corner, span.corner { display: block; position: absolute; z-index: 2; height: 2px; width: 2px; /*background-color: #FF0099;*/ background-image: url(../images/round_corners.png); background-repeat: no-repeat; } .bloc span.corner.tl, span.corner.tl { top: 0px; left: 0px; background-position: 0px -5px; } .bloc span.corner.tr, span.corner.tr { top: 0px; right: 0px; background-position: -2px -5px; } .bloc span.corner.bl, span.corner.bl { bottom: 0px; left: 0px; background-position: 0px -7px; } .bloc span.corner.br, span.corner.br { bottom: 0px; right: 0px; background-position: -2px -7px; } .bloc .top .title { padding: 8px 0px 0px 13px; font-size: 22px; line-height: 15px; color: #00508E; } .bloc .body { /*height: 210px;*/ border-left: 1px solid #AAC8DD; border-right: 1px solid #AAC8DD; border-bottom: 1px solid #AAC8DD; } .bloc.bloc_notop .body { border-top: 1px solid #AAC8DD; } .bloc .body .inner_bloc { padding: 7px 10px 7px 10px; } .bloc .body .inner_bloc .item { height: 190px; overflow: hidden; } .bloc .body .inner_bloc .item .item_thumb { float: left; width: 100px; padding: 1px; border: 1px solid #D9D9D9; } .bloc .body .inner_bloc .item .item_main_title { padding: 3px 0 10px 0; font-size: 18px; line-height: 18px; color: #00508E; } .bloc .body .inner_bloc .item .item_title { float: left; width: 163px; margin-left: 10px; padding-top: 2px; font-size: 18px; line-height: 18px; color: #00508E; } .bloc .body .inner_bloc .item .item_desc { height: 48px; padding-top: 4px; overflow: hidden; font-size: 12px; line-height: 15px; color: #666666; } .bloc .body .inner_bloc .item .item_price { padding: 5px 0px 5px 0px; text-align: left; } .bloc .body .inner_bloc .item .item_price span { display: block; float: left; width: 60px; height: 30px; font-size: 30px; line-height: 30px; color: #00508E; } .bloc .body .inner_bloc .item .item_price span.mini { padding: 0px 8px 0px 0px; font-size: 10px; line-height: 17px; color: #999999; text-align: right; } .bloc .body .inner_bloc .item .item_price span.big { font-size: 30px; line-height: 30px; color: #00508E; width: 95px; } .bloc .body .inner_bloc .listing {} .bloc .body .inner_bloc .listing ul {} .bloc .body .inner_bloc .listing ul li { padding: 9px 2px 7px 2px; border-top: 1px solid #AAC8DD; font-size: 10px; line-height: 12px; color: #868f98; } .bloc .body .inner_bloc .listing ul li.first { border-top: 0px; padding: 6px 2px 7px 2px; } .bloc .body .inner_bloc .listing ul li a { display: block; font-size: 13px; line-height: 13px; font-weight: bold; color: #00508E; } .bloc .body .inner_bloc .listing ul li p { padding: 5px 0px 10px 0px !important; font-size: 13px; line-height: 13px; color: #666666; } .bloc .body .inner_bloc .pager { width: 90px; height: 20px; } .bloc .body .inner_bloc .pager ul {} .bloc .body .inner_bloc .pager ul li { float: left; width: 14px; height: 14px; margin: 0px 3px 0px 0px; } .bloc .body .inner_bloc .pager ul li a { display: block; padding: 2px 0px; background-color: #4CB0DD; font-size: 10px; line-height: 12px; color: #FFFFFF; text-align: center; } .bloc .body .inner_bloc .pager ul li a:hover { background-color: #00508E; text-decoration: none; } .bloc .body .inner_bloc .pager ul li a.selected { background-color: #00508E; } .bloc .body .inner_bloc .pager ul li a.prev { background: transparent url(../images/ico_arrow_pager.png) -8px 2px no-repeat; } .bloc .body .inner_bloc .pager ul li a.next { background: transparent url(../images/ico_arrow_pager.png) 0px 2px no-repeat;} .bloc .body .inner_bloc .seeall {} .calendrier .bloc .top { background: transparent url(../images/bkg_news_calendar.gif) center 0px no-repeat; } .calendrier .bloc .top.selected_actu { background: transparent url(../images/bkg_news_calendar.gif) center -37px no-repeat; } .calendrier .bloc .top.selected_cal { background: transparent url(../images/bkg_news_calendar.gif) center 0px no-repeat; } .calendrier .bloc .top .title a { display: block; width: 137px; float: left; } .calendrier .bloc .top .title a.calend_link { width: 80px; padding-left: 15px; } .calendrier .bloc .top .title a:hover { text-decoration: none; } .calendrier .bloc #actu_item { height: auto; } .calendrier .bloc #cal_item { height: auto; display: none; } #homepage .calendrier .bloc { margin-top: 0px; } #homepage .calendrier .bloc #actu_item .listing, #homepage .calendrier .bloc #cal_item .listing { height: 217px; } #homepage .calendrier .bloc .body .inner_bloc .item { height: 237px; } .calendrier.calendrier_only .bloc .top { background-image: none; background-color: #F3FAFD; } .calendrier.calendrier_only .bloc .top .title a.calend_link { padding-left: 0px; } .calendrier.calendrier_only .bloc #cal_item { display: block; } .bloc_rss { margin: 10px 0px 0px 0px; } .bloc_rss a { display: block; height: 25px; padding: 0px 0px 0px 30px; font-size: 14px; line-height: 23px; color: #00508E; font-weight: bold; background: transparent url(../images/ico_rss_sm.png) 0px 0px no-repeat; } .bloc_rss a span { color: #008DCE; } #homepage .forfaits .bloc { margin-top: 0px; } .forfaits .bloc .item { display: none; } .forfaits .bloc .item.selected { display: block; height:184px; } .forfaits .bloc .title span.section { color: #008ECF; } #homepage .forfaits .bloc .body .inner_bloc .item { height: 217px; } .forfaits .item_main_title {} .forfaits .bloc .body .inner_bloc .item .item_title {} .forfaits .bloc .body .inner_bloc .item .item_title .extras { height: 59px; font-size: 14px; line-height: 14px; color: #4BAFDC; } .forfaits .bloc .body .inner_bloc .item .item_title .extras span { font-size: 11px; line-height: 14px; color: #666666; } .forfaits .bloc .body .inner_bloc .item .item_price { padding: 0px; } .forfaits .bloc .body .inner_bloc .item .item_price span { height: 20px; } .forfaits .bloc .body .inner_bloc .item .item_price span.big { line-height: 5px; } .forfaits .bloc .body .inner_bloc .item .item_desc { height: 90px; font-size: 11px; line-height: 11px; color: #666666; } .gallery { float: left; margin-right: 10px; } /* bloc site officiel */ .bloc_officiel { margin: 10px 0px 0px 20px; height: auto !important; min-height: 234px; height: 234px; padding-bottom: 10px; background: transparent url(../images/bkg_lanaudiere_block.png) 0px 0px no-repeat; } .bloc_officiel.en { background: transparent url(../images/bkg_lanaudiere_block_en.png) 0px 0px no-repeat; } .bloc_officiel .title { height: 35px; padding: 6px 0px 0px 212px; font-size: 20px; line-height: 30px; color: #FFFFFF; } .bloc_officiel .desc { float: left; width: 415px; padding: 45px 25px 0px 22px; } .bloc_officiel .desc p { height: 100px; } .bloc_officiel .links { float: left; width: 216px; padding: 26px 0px 0px 0px; } .bloc_officiel .links ul { padding: 0px 0px 0px 20px; border-left: 1px solid #89C95F; } .bloc_officiel .links ul li { } .bloc_officiel .links ul li a { font-size: 13px; line-height: 24px; color: #00508E; } .bloc_officiel .links ul li a:hover { color: #66A839; } .bloc_officiel .newsletter { float: left; width: 205px; margin: 17px 0 0 27px; } .bloc_officiel .newsletter .bkg { background: transparent url(../images/bkg_newsletter_block_full.png) 0px 0px no-repeat; } .bloc_officiel .newsletter .newstitle { padding: 4px 0px 0px 5px; font-size: 18px; line-height: 20px; color: #FFFFFF; } .bloc_officiel .newsletter ul.news { padding: 13px 13px 8px 66px; height:67px; background: transparent url(../images/ico_lettre.png) 9px 20px no-repeat; } .bloc_officiel .newsletter ul.news li { padding: 2px 0px 4px 0px; border-top: 1px solid #E6E6E6; } .bloc_officiel .newsletter ul.news li.first { border-top: 0px; } .bloc_officiel .newsletter ul.news li a { font-size: 12px; line-height: 16px; color: #666666; } .bloc_officiel .newsletter ul.news li a:hover { color: #00508E; } .bloc_officiel .newsletter .social {} .bloc_officiel .newsletter .social ul { padding: 10px 0px 0px 30px; } .bloc_officiel .newsletter .social ul li { float: left; width: 35px; height: 33px; } .bloc_officiel .newsletter .social ul li a {} .bloc_thematiques { height: auto; margin-top: 0px; } .bloc_thematiques .body { height: auto; } .bloc_thematiques ul {} .bloc_thematiques ul li {} .bloc_thematiques ul li a.title { height: 25px; display: block; padding: 3px 0 2px 15px; background: transparent url(../images/bkg_sections_home.png) 0px 0px repeat-x; font-size: 18px; line-height: 20px; color: #FFFFFF;} .bloc_thematiques ul li a.title span.arrow { display: block; width: 13px; height: 8px; margin: 6px 12px 0px 0px; float: right; background: transparent url(../images/ico_arrow.png) 0px 0px no-repeat; } .bloc_thematiques ul li a.title.green { background-position: 0px 0px; } .bloc_thematiques ul li a.title.red { background-position: 0px -93px; } .bloc_thematiques ul li a.title.orange { background-position: 0px -62px; } .bloc_thematiques ul li a.title.blue { background-position: 0px -31px; } .bloc_thematiques ul li.open a.title span.arrow { background: transparent url(../images/ico_arrow.png) 0px -10px no-repeat; } .bloc_thematiques ul li .container { position: relative; width: 298px; height: 131px; overflow: hidden; } .bloc_thematiques ul li .container.hidden { height: 0px; } .bloc_thematiques ul li .container .link { position: absolute; top: 110px; left: 0px; height: 22px; width: 298px; background: transparent url(../images/bkg_sections_home_link.png) 0px 0px repeat; text-align: right; } .bloc_thematiques ul li .container .link a { padding: 0px 5px 0px 5px; font-size: 12px; line-height: 18px; font-weight: bold; color: #FFFFFF; } .bloc_thematiques ul li .container .link.green { background-position: 0px 0px; } .bloc_thematiques ul li .container .link.red { background-position: 0px -93px; } .bloc_thematiques ul li .container .link.orange { background-position: 0px -62px; } .bloc_thematiques ul li .container .link.blue { background-position: 0px -31px; } #content .l_col .side_col .bloc { width: 256px; margin-left: 19px; } .bloc_nouvelles {} /*.bloc_nouvelles .bloc .body .inner_bloc .listing ul li.external a { width: 256px;}*/ .bloc_nouvelles li.external a.petit { width: 256px;} .bloc_nouvelles_archives {} .bloc_nouvelles_archives .bloc .title span.actu_type { padding: 0px 0px 0px 4px; font-size: 14px; line-height: 18px; color: #666666; } .album_image {} .album_image .bloc { height: 195px; height: auto !important; margin-top: 0px; } .album_image .bloc .top { height: 0px; border-width: 1px 0px 0px 0px; border-color: #D1D1D1; } .album_image .bloc span.corner { } .album_image .bloc span.corner.tl { top: 0px; left: 0px; background-position: 0px -20px; } .album_image .bloc span.corner.tr { top: 0px; right: 0px; background-position: -2px -20px; } .album_image .bloc span.corner.bl { bottom: 0px; } .album_image .bloc span.corner.br { bottom: 0px; } .album_image .bloc .top .title { font-size: 20px; } .album_image .bloc .body { height: 155px; height: auto !important; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; } .album_image .bloc .body .inner_bloc { padding: 2px; } .album_image .bloc .body .inner_bloc .pics { position: relative; width: 250px; height: 164px; } .album_image .bloc .body .inner_bloc .pics .media_container { display: none; position: absolute; top: 0px; left: 0px; width: 250px; height: 164px; text-align: center; } .album_image .bloc .body .inner_bloc .pics .media_container.selected { display: block; } .album_image .bloc .body .inner_bloc .pics .media_container a { display: block; } .album_image .bloc .body .inner_bloc .pics .media_container a img { display: inline; border: 0px !important; } .album_image .bloc .body .inner_bloc .pager { width: auto; position: relative; margin: 5px 0px 1px 0px; } .album_image .bloc .body .inner_bloc .pager a.prev { display: block; position: absolute; top: 0px; left: 0px; width: 40px; height: 14px; background: transparent url(../images/ico_arrow_pager.png) 26px -13px no-repeat; } .album_image .bloc .body .inner_bloc .pager a.next { display: block; position: absolute; top: 0px; left: 210px; width: 40px; height: 14px; background: transparent url(../images/ico_arrow_pager.png) 3px 2px no-repeat;} .album_image .bloc .body .inner_bloc .pager .pager_slider { position: absolute; top: 1px; left: 40px; height: 14px; width: 170px; overflow: hidden; } .album_image .bloc .body .inner_bloc .pager .pager_slider ul { position: absolute; height: 14px; top: 0px; left: 0px; } .album_image .bloc .body .inner_bloc .pager .pager_slider ul li { display: block; float: left; width: 14px; height: 14px; padding: 0px 3px 0px 0px; margin: 0px 0px 0px 0px; } .album_image .bloc .body .inner_bloc .pager .pager_slider ul li a { display: block; padding: 2px 0px; background-color: #4CB0DD; font-size: 10px; line-height: 10px; color: #FFFFFF; text-align: center; } .album_image .bloc .body .inner_bloc .pager .pager_slider ul li a:hover { background-color: #00508E; text-decoration: none; } .album_image .bloc .body .inner_bloc .pager .pager_slider ul li a.selected { background-color: #00508E; } .bloc_links_sections .bloc { height: 195px; height: auto !important; margin-top: 12px; } .bloc_links_sections .bloc .top { background-color: #EAEAEA; border: 1px solid #D1D1D1; } .bloc_links_sections .bloc span.corner { } .bloc_links_sections .bloc span.corner.tl { top: 0px; left: 0px; background-position: 0px -20px; } .bloc_links_sections .bloc span.corner.tr { top: 0px; right: 0px; background-position: -2px -20px; } .bloc_links_sections .bloc span.corner.bl { bottom: 0px; } .bloc_links_sections .bloc span.corner.br { bottom: 0px; } .bloc_links_sections .bloc .top .title { font-size: 20px; } .bloc_links_sections .bloc .body { height: 155px; height: auto !important; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; } .bloc_links_sections .bloc.bloc_notop .body { border-top: 1px solid #D1D1D1; } .bloc_links_sections .bloc .body .inner_bloc { padding: 0px; } .bloc_links_sections .bloc .body ul {} .bloc_links_sections .bloc .body ul li { height: auto !important; min-height: 30px; height: 30px; border-top: 1px solid #D1D1D1; background: transparent url(../images/ico_bullet.png) 7px 10px no-repeat; } .bloc_links_sections .bloc .body ul li.first { border-top: 0px; } .bloc_links_sections .bloc .body ul li a { display: block; padding: 9px 10px 7px 21px; font-size: 15px; line-height: 15px; color: #666666; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; } .bloc_links_sections .bloc .body ul li a.selected, .bloc_links_sections .bloc .body ul li a:hover { color: #0076e0; } /* search box */ .search_box { height: 125px; width: 930px; margin: 20px 0px 20px 0px; position: relative; background-color: #F4F4F4; } .search_box .body { height:107px; padding: 8px 22px 8px 22px; border: 1px solid #D1D1D1; } .search_box .body span.corner.tl { background-position: 0px -20px; } .search_box .body span.corner.tr { background-position: -2px -20px; } .search_box .body span.corner.bl { bottom: 0px; background-position: 0px -22px; } .search_box .body span.corner.br { bottom: 0px; background-position: -2px -22px; } .search_box .body .title { padding: 4px 0 4px 1px; font-size: 20px; line-height: 20px; color: #999999; } .search_box .body .col_xl { float: left; width: 254px; } .search_box .body .col_md { float: left; width: 196px; } .search_box .body .col_xl .marger { margin-top: 2px; } .bloc_meteo { height: auto; width: 300px; margin-top: 5px; } .bloc_meteo .icon { background: url(../images/ico_meteo.png); display: block; width: 48px; height: 35px; position: absolute; right: 9px; top: 4px; } .bloc_meteo .body { height: 140px; padding: 8px 18px; } .bloc_meteo .body .title { padding: 8px 0 12px 0px; color: #666; margin-left: -1px; } .bloc_meteo .body p.notice, .bloc_meteo .body label { color: #008dce; } .bloc_meteo .body p.notice { font-size: 11px; text-align: center; margin: 0px -10px 0px -4px; position: absolute; bottom: -2px; width: 90%; } .bloc_meteo .body label { font-weight: bold; margin-bottom: 4px; display: block; } .bloc_meteo .body select { width: 265px; margin-bottom: 6px; margin-left: -2px; } .bloc_meteo .body form { margin-bottom: 30px; } .bloc_meteo .body form button { float: right; } .bloc_meteo .body p, .bloc_meteo .body ul { padding-bottom: 2px; } .bloc_meteo .body ul li { line-height: 20px; } .bloc_meteo.bloc_routes { } .bloc_meteo.bloc_routes .icon { background-position: 0px -35px; } #meteo .l_col, #meteo .r_col { min-height: 200px; width: 315px; } .bloc_contact { margin: 12px 0px 3px 2px; } .bloc_contact .title { font-size: 18px; color: #79b752; margin-bottom: 6px; } .bloc_contact .contact_person { margin-top: 10px; padding-left: 112px; min-height: 79px; } .bloc_contact .contact_photo { padding: 1px; border: 1px solid #d1d1d1; position: absolute; margin-left: -112px; } .bloc_contact .contact_name { padding-top: 10px; } .bloc_contact .contact_name, .bloc_contact .contact_phone { color: #00508f; font-size: 13px; } .bloc_contact .contact_title, .bloc_contact .contact_email { font-size: 11px; } .bloc_visite_galerie a.bt_general span.inner_text { padding-top: 7px; padding-left: 62px; } .bloc_visite_galerie a.bt_general .icon { background-image: url(../images/ico_bt_gallery.png); } .bloc_visite_galerie, .bloc_demande_info { margin-top: 12px; } .bloc_demande_info { padding-bottom: 10px; } .bloc_docs .bloc span.corner.tr { background-position: -2px -20px; } .bloc_docs .bloc .body .inner_bloc ul li { border-top-color: #d1d1d1; height: auto; padding: 8px 5px 5px 24px; line-height: 19px; } .bloc_docs .bloc .body .inner_bloc ul li a { display: inline; font-size: 15px; padding: 0px; } #content .bloc_docs .bloc .body .inner_bloc ul li.pdf, #content .bloc_docs .bloc .body .inner_bloc ul li.external { background-position: 3px 8px; padding-left: 24px; } .bloc_zone_membre_login form { overflow: hidden; } .bloc_zone_membre_login .bloc .title { color: #999; padding-top: 10px; } .bloc_zone_membre_login .bloc .top { border-bottom: 0px; } .bloc_zone_membre_login .bloc .body { background: #EAEAEA; padding: 0px 15px 12px 12px; } .bloc_zone_membre_login form input.itext { width: 220px; margin-bottom: 4px; } .bloc_zone_membre_login form p { margin-bottom: 10px; margin-left: 1px; } .bloc_zone_membre_login form p a { text-decoration: underline; } .bloc_zone_membre_login #zm_submit_login, .bloc_zone_membre_login #zm_submit_lostpass { float: right; } .bloc_zone_membre_login #izm_lostpass { display: none; } .bloc_zone_membre_contact { margin: 15px 0px 20px 2px; } /* PRIX CERTIFICATIONS */ .bloc_awards { margin: 10px 0px; text-align: center; position: relative; } .bloc_awards .award { float: left; width: 78px; margin: 0px 0px 10px 0px; } .bloc_awards .award .tooltip { margin-top: -184px; margin-left: -100px; } .bloc_awards .certification_qt { margin: 0px auto; width: 117px; height: 0px; padding-top: 48px; margin-top: 10px; overflow: hidden; background: url(../images/prixcertifications/logo_certifie_qualite_tourisme.gif); } .bloc_awards .awards_wrapper { padding-left: 18px; } /* buttons and separator */ .hrule { height: 13px; width: 970px; background: transparent url(../images/bkg_shadow_bottom.png) 0px 0px no-repeat; } .bt_more { height: 20px; float: right; padding: 0px 0px 0px 3px; background: transparent url(../images/bt_more_left.png) 0px 0px no-repeat; } .bt_more a { display: block; height: 20px; width: auto !important; width: 200px; padding: 0px 0px 0px 10px; background: transparent url(../images/bt_more_main.png) right 0px no-repeat; font-size: 12px; line-height: 18px; color: #00508E; text-decoration: none; } .bt_more a span.plus { display: block; float: right; width: 28px; height: 10px; margin: 5px 0 0 0; background: transparent url(../images/bt_plus.png) 8px -18px no-repeat; } .bt_more a:hover { color: #00508E !important; } .bt_more a:hover span.plus { background: transparent url(../images/bt_plus.png) 8px 0px no-repeat; } .bt_more a span.section { font-weight: bold; } .bt_more a span.remove, .bt_more a:hover span.remove { display: block; float: right; width: 28px; height: 14px; margin: 3px 0 0 0; background: transparent url(../images/ico_remove.png) 8px 0px no-repeat; } .bt_more a span.print, .bt_more a:hover span.print { display: block; float: right; width: 28px; height: 16px; margin: 2px 0 0 0; background: transparent url(../images/ico_print.png) 8px 0px no-repeat; } .bt_voir_galerie { height: 50px; margin: 10px 0px 0px 3px; background: transparent url(../images/bt_voir_galerie.png) 0px 0px no-repeat; } .bt_voir_galerie a { display: block; padding: 5px 20px 0px 62px; height: 45px; font-size: 20px; line-height: 20px; color: #666666; background: transparent url(../images/bt_voir_galerie_ico.png) 6px -47px no-repeat; } .bt_voir_galerie a:hover { background-position: 5px 5px; } .bt_addfav {} .bt_addfav a {} .bt_addfav a span, .bt_addfav a span.plus { height: 19px; margin-top: 0; background: transparent url(../images/ico_star_mini.png) 3px 2px no-repeat; } .bt_addfav a:hover span, .bt_addfav a:hover span.plus { background: transparent url(../images/ico_star_mini.png) 3px -14px no-repeat; } .bt_favs { height: 26px; float: right; margin-top:-1px; padding: 0px 0px 0px 3px; background: transparent url(../images/bt_favs_left.png) 0px 0px no-repeat; } .bt_favs a { display: block; height: 26px; padding: 0px 10px 0px 0px; background: transparent url(../images/bt_favs_main.png) right 0px no-repeat; font-size: 13px; line-height: 24px; color: #00508E; text-decoration: none; } .bt_favs a span.star { display: block; float: left; width: 31px; height: 22px; margin: 0px 0 0 0; background: transparent url(../images/ico_star.png) 4px 2px no-repeat; } .bt_favs a span.list { padding: 0px 0px 0px 5px; font-weight: bold; color: #008DCE; } .bt_close { float: right; position: absolute; right: 0px; top: 14px; } .bt_close a { display: block; height: 14px; line-height: 15px; padding: 0px 10px 0px 19px; background: url(../images/ico_close.gif) no-repeat; color: #00508E; } .bt_close a:hover { background-position: 0px -14px; color: #00508E; } .bt_print { margin: 10px 0px 20px 0px; display: none; } /* show via javascript */ /* standard large button with background, typically 50px height, with default Find icon */ a.bt { display: block; width: 250px; height: 50px; background: url(../images/bt_find_large.png) no-repeat; color: #fff; } a.bt span.inner_text { display: block; text-align: center; padding: 8px 10px 0px; font-size: 17px; line-height: 18px; } a.bt_find_light { background-image: url(../images/bt_find_large_light.png); width: 255px; color: #00508e; } a.bt_download { margin-top: 10px; background-image: url(../images/bt_general.png); } a.bt_download span.inner_text { text-align: left; padding: 6px 2px 0px 55px; font-size: 20px; line-height: 20px; color: #fff; background: url(../images/ico_bt_download.png) no-repeat 17px 6px; } /* .bt_general - Generic grey button in right column blocks */ a.bt_general { display: block; width: 250px; height: 50px; background: url(../images/bt_bloc_general.gif) no-repeat; margin: 0px auto; color: #666; } a.bt_general span.icon { display: block; height: 50px; width: 53px; background: url(../images/ico_bt_info.png) no-repeat; position: absolute; } a.bt_general span.inner_text { display: block; padding-top: 16px; padding-left: 50px; font-size: 20px; line-height: 22px; text-align: left; } a.bt_general:hover span.inner_text { /*color: #00508f;*/ } a.bt_general:hover span.icon { background-position: 0px -50px; } /* generic button dark submit */ .bt_submit { border: none; height: 22px; float: right; padding: 0px 0px 0px 2px; background: transparent url(../images/bt_submit_left.png) 0px 0px no-repeat; } .bt_submit a, button.bt_submit span.inner_text { display: block; height: 19px; text-align: center; width: auto !important; width: 100px; padding: 3px 5px 0px 3px; background: transparent url(../images/bt_submit_main.png) right 0px no-repeat; font-size: 14px; color: #fff; text-decoration: none; } /* forms */ form input.itext, input.itext { width: 225px; height: 16px; margin-top: 0px; padding: 2px 0px 2px 5px; border: 1px solid #D9D9D9; font-size: 11px; line-height: 11px; color: #666666; } form textarea.itext { width: 225px; height: 200px; margin-top: 0px; padding: 2px 0px 2px 5px; border: 1px solid #D9D9D9; font-size: 11px; line-height: 11px; color: #666666; } form input.itext.auto { width: auto; } form input.itext.sm { float: left; width: 100px; } form input.cbox { float: left; margin: 2px 4px 0px 0px; } form select { width: 285px; height: 22px; margin-top: 0px; padding: 2px 2px 2px 5px; border: 1px solid #D9D9D9; font-size: 11px; line-height: 11px; color: #666666; } form select.xl { width: 225px; } form select.md { width: 150px; } form select.sm { width: 100px; } form label { display: block; width: 225px; padding: 0px 0px 0px 1px; height: 16px; font-size: 12px; line-height: 15px; color: #00508E; } form label.auto { width: auto; } form label.cbox { width: 48px; float: left; margin: 5px 2px 0 0; font-weight: normal; } form label.cbox.xl { width: 350px; } form label.sub { font-size: 10px; line-height: 12px; font-weight: normal; } form label.md { float: left; width: 105px; padding: 0px 5px 0px 15px; line-height: 22px; } form label.sm { float: left; width: 48px; } form label.xs { float: left; width: 145px; font-size: 10px; line-height: 10px; color: #999999; } form label.xxs { float: left; width: 40px; font-size: 10px; line-height: 20px; color: #999999; } form .row { padding: 10px 0px 0px 0px; } form .row_submit { padding: 10px 0px 0px 0px; } form button.isubmit { border: 0px none; width: 138px; height: 28px; cursor: pointer; background: transparent url(../images/bt_submit.png) 0px 0px no-repeat; font-size: 18px; line-height: 15px; color: #FFFFFF; text-align: center; } form button.isubmit_small { width: 80px; height: 22px; background-image: url(../images/bt_submit_small.png); font-size: 14px; line-height: 15px; } form div.error, form p.error { /*display: none; height: 0px;*/ display: none; height: 0px; padding: 0px 0px 0px 20px; font-size: 12px; line-height: 20px; color: #FF0101; background: url(../images/ico_error.png) no-repeat 0px 4px; } form input.error_field, form textarea.error_field, form select.error_field { border: 1px solid #FF0101; } form img.ui-datepicker-trigger { float: left; margin: 3px 0px 0px 4px; cursor: pointer; } #ui-datepicker-div { z-index: 200 !important; width: 200px; background: #FBFBFB url(../images/ui/datepicker_bkg.png) 0px 0px repeat-x; } /* filters */ .filters {} .filters .bloc { height: auto; } .filters .bloc .top { background: transparent url(../images/bkg_bloc_filters.png) 0px 0px repeat-x; border: 1px solid #005DB1; } .filters .bloc span.corner { } .filters .bloc span.corner.tl { top: 0px; left: 0px; background-position: 0px -5px; } .filters .bloc span.corner.tr { top: 0px; right: 0px; background-position: -2px -5px; } .filters .bloc .top .title { color: #FFFFFF; } .filters .bloc .body { height: auto; border-left: 1px solid #005DB1; border-right: 1px solid #005DB1; border-bottom: 1px solid #005DB1; } .filters .bloc .body .inner_bloc { padding: 7px 10px 7px 10px; } .filters .bloc .body .subtitle { padding: 10px 0px 3px 0px; border-top: 1px solid #005DB1; } .filters .bloc .body .subtitle.first { border-top: 0px; } .filters .bloc .body .subtitle a { display: block; font-size: 15px; /*line-height: 26px;*/ line-height: 10px; color: #008ECF; } .filters .bloc .body .subtitle a span { } .filters .bloc .body .subtitle a span.text {display: block; float: left; width: 230px; padding: 0px 0px 0px 10px; line-height: 18px; } .filters .bloc .body .subtitle a span.arrow { display: block; float: left; width: 12px; height: 16px; background: transparent url(../images/ico_arrow_pager.png) 4px 3px no-repeat; } .filters .bloc .body .cbox_list { position: relative; padding: 0px 0px 8px 21px; height: auto; width: 100%; } .filters .bloc .body .cbox_list .selectall { position: absolute; height: 35px; width: 80px; top: 7px; right: 1px; } .filters .bloc .body .cbox_list .selectall a { display: block; height: 13px; font-size: 10px; line-height: 10px; color: #3774A2; text-align: right; text-decoration: underline; } .filters .bloc .body .cbox_list .cbox_row { padding: 5px 0px 0px 0px; } .filters .bloc .body .cbox_list .cbox_row input.cbox {} .filters .bloc .body .cbox_list .cbox_row label { float: left; width: 238px; height: auto !important; min-height: 16px; height: 16px; font-size: 13px; line-height: 13px; color: #666666; } .filters .bloc .body .cbox_list .cbox_row label span { font-size: 11px; line-height: 11px; color: #999999; } .body .subtitle a span.collapser {display: block; float: right; width: 18px; height: 18px; margin-top: -2px; background: transparent url(../images/bkg_collapser.png) 0px 0px no-repeat; } .body .subtitle a span.collapser:hover { background-position: -19px 0px; } .body .subtitle a.hidden span.collapser { background-position: 0px -19px; } .body .subtitle a.hidden span.collapser:hover { background-position: -19px -19px; } .search_box.classic_form { height: auto; } .search_box.classic_form .body { height: auto; } .search_box.classic_form .body .title { padding: 12px 0 0 1px; color: #666666; font-size: 20px; line-height: 20px; } .search_box.classic_form .body .col { float: left; width: 402px; padding: 0px 35px 0px 0px; margin: 15px 0px 0px 0px; } .search_box.classic_form .body .col.left { border-right: 1px solid #CCCCCC; } .search_box.classic_form .body .col.right { width: 411px; padding: 0px 0px 0px 35px; } .search_box.classic_form .body .col label { padding: 5px 0px 5px 0px; margin-top: 8px; color: #008DCE; font-size: 12px; line-height: 15px; font-weight: bold; } .search_box.classic_form .body .col label.mdy { clear: both; width: 350px; height: auto; padding: 5px 0px 7px 17px; background: url(../images/ico_mdy.png) no-repeat 0px 6px; } .search_box.classic_form .body .col label.cbox { float: left; width: 200px; padding: 0 0 2px 2px; margin: 0px; font-weight: normal; color: #666666; } .search_box.classic_form .body .col label.cbox.splitcol { width: 185px; line-height:12px; } .search_box.classic_form .body .col label.rdb { float: left; width: 120px; padding: 0 0 2px 2px; margin-top: 0; font-weight: normal; color: #666666; } .search_box.classic_form .body .col input.itext { width: 398px; font-size: 12px; line-height: 12px; } .search_box.classic_form .body .col select { width: 402px; font-size: 12px; line-height: 12px; } .search_box.classic_form .body .col input.cbox { clear: both; float: left; width: 10px; } .search_box.classic_form .body .col input.splitcol { clear: none; } .search_box.classic_form .body .col input.rdb { float: left; width: 10px; margin: 2px 4px 0 0; } .search_box.classic_form .body .col textarea.itext { width: 401px; height: 165px; font-size: 12px; line-height: 12px; } .search_box.classic_form .body .col select.itext {} .search_box.classic_form .body button.isubmit { float: right; width: 116px; height: 30px; margin: 10px 20px 25px 0px; background: url(../images/bt_submit.png) no-repeat 0px 0px; } /* misc */ #content .pub { width: 298px; height: 249px; margin: 20px 0 0 0; border: 0px solid #D9D9D9; } a.download_mp3 { color: #00508f !important; font-size: 11px; margin: -5px 0px 10px 2px; background: url(../images/ico_mp3.png) no-repeat; line-height: 16px; padding-left: 16px; display: block; width: 155px; } /******************************************** * * HEADER * *********************************************/ #header { height: 442px; z-index: 2; } #header.content_wrap { background: transparent url(../images/bkg_wrapper_main.png) center 0px repeat-y; } #header .global_content { height: 442px; } #header .bkg { position: absolute; height: 441px; width: 970px; top: 0px; left: 0px; background-color: #CCCCCC; } #header .bkg .bkg_container { position: absolute; height: 446px; width: 970px; top: 0px; left: 0px; z-index: 2; } #header .bkg .bkg_container.visible { display: block; z-index: 3; } #header .bkg .bkg_container_legend {} #header .bkg .bkg_container_legend .legend { position: absolute; z-index: 40; height: 25px; width:100%; bottom: -1px; text-align: right; background: url(../images/bkg_sections_home_link.png) repeat 0 -31px transparent; } #header .bkg .bkg_container_legend .legend div { padding: 5px 10px 0px 0px; color: #FFFFFF; font-size: 10px; } #header .logo { position: absolute; z-index: 30; height: 135px; width: 239px; top: 0px; left: 15px; } #header .transpa { position: absolute; z-index: 30; height: 67px; width: 970px; top: 0px; left: 0px; background: transparent url(../images/bkg_transpa.png) 0px 0px repeat; } #header .links { position: relative; z-index: 30; height: 32px; } #header .links ul { float:right; padding: 10px 0px 0px 0px; } #header .links ul li { float: left; } #header .links ul li a { padding: 0px 10px 0px 10px; font-size: 13px; line-height: 16px; color: #548C30; } #header .links ul li a:hover { color: #00508E; text-decoration: underline; } #header .links ul li a.selected { color: #00508E; } #header .topmenu { position: relative; z-index: 30; height: 35px; } #header .topmenu ul { padding: 10px 10px 0px 0px; float: right; } #header .topmenu ul li { float: left; height: 25px; padding: 0px 0px 0px 0px; } #header .topmenu ul li a { display: block; padding: 0px 8px 0px 8px; font-size: 11px; line-height: 18px; color: #434343; } #header .topmenu ul li a:hover { color: #00508E; text-decoration: underline; } #header .topmenu ul li a.selected { color: #00508E; } #header .topmenu ul li#link_search input.itext { float: left; width: 167px; margin-top: 0px; color: #666666; } #header .topmenu ul li#link_search input.submit_search { float: left; width: 21px; display: block; padding: 0px 0px 0px 2px; } #header .topmenu ul li#link_search a.advanced_search { float: left; display: block; padding: 0px 0px 0px 5px; margin-top: -1px; width: 69px; font-size: 10px; line-height: 10px; color: #3774A2; } #header .topmenu ul li#link_search form { float: left; } #header .mainmenu { width: 970px; height: 32px; position: relative; z-index: 30; } #header .mainmenu .sep { float: left; height: 32px; background: transparent url(../images/bkg_menu_off.png) 0px 0px repeat; } .fr #header .mainmenu .sep { width: 285px; } .en #header .mainmenu .sep { width: 260px; } #header .mainmenu ul.top { float: right; width: 685px; } .fr #header .mainmenu ul.top { width: 685px; } .en #header .mainmenu ul.top { width: 710px; } #header .mainmenu ul.top li.toplevel { float: left; height: 32px; position: relative; background: transparent url(../images/bkg_menu_off.png) 0px 0px repeat; } #header .mainmenu ul.top li.toplevel.nosub { } #header .mainmenu ul.top li.toplevel.selected, #header .mainmenu ul.top li.toplevel:hover { background: transparent url(../images/bkg_menu_on.png) 0px 0px repeat; } #header .mainmenu ul.top li.toplevel a { display: block; height: 15px; padding: 7px 11px 10px 8px; font-size: 15px; line-height: 15px; color: #FFFFFF; } #header .mainmenu ul.top li.toplevel a:hover { color: #FFFFFF; text-decoration: none; } #header .mainmenu ul.top li.toplevel span.li_sep { height: 32px; position: absolute; right: 0; top: 0; width: 2px; background: transparent url(../images/bkg_menu_sep.gif) 0px 0px repeat; } #header .mainmenu ul.top li.toplevel.last span.li_sep { width: 0px; } /* please adjust each submenu width according to its final content FR and EN :) */ #header .mainmenu ul.top li .sub { position: absolute; left: 0px; top: 32px; width: 152px; display: none; } .fr #header .mainmenu ul.top li .sub.frdecouvrez { width: 218px; } .fr #header .mainmenu ul.top li .sub.frhebergement { width: 265px; } .fr #header .mainmenu ul.top li .sub.frrestauration { width: 185px; } .fr #header .mainmenu ul.top li .sub.fractivitespleinair { width: 225px; } .en #header .mainmenu ul.top li .sub.frfestivals { width: 300px; display: none; } .en #header .mainmenu ul.top li .sub.endiscover { width: 210px; } .en #header .mainmenu ul.top li .sub.enhebergement { width: 273px; } .en #header .mainmenu ul.top li .sub.enrestauration { width: 195px; } .en #header .mainmenu ul.top li .sub.enaccommodation { width: 273px; } .en #header .mainmenu ul.top li .sub.enaccomodation { width: 273px; } .en #header .mainmenu ul.top li .sub.enrestaurants { width: 195px; } .en #header .mainmenu ul.top li .sub.enactivitiesoutdoors { width: 255px; } .en #header .mainmenu ul.top li .sub.enfestivals { width: 148px; display: none; } #header .mainmenu ul.top li .sub ul {} #header .mainmenu ul.top li .sub ul li { float: none; height: 32px; border-bottom: 1px solid #467427; background: transparent url(../images/bkg_menu_on.png) 0px 0px repeat; } #header .mainmenu ul.top li .sub ul li.selected, #header .mainmenu ul.top li .sub ul li:hover { background-color: #4A752D; background-image: none; } #header .mainmenu ul.top li .sub ul li a { height: 15px; padding: 7px 9px 10px 9px; font-size: 13px; line-height: 15px; color: #FFFFFF; } #header .mainmenu ul.top li .sub ul li a:hover { color: #FFFFFF; } #header .mainmenu ul.top li.last .sub { left: auto; right: 0px; } #header .play { position: absolute; z-index: 30; height: 55px; width: 200px; bottom: 63px; right: 7px; background: transparent url(../images/bt_playvid2_left.png) 0px 0px no-repeat; } #header .play a{ display: block; margin-left: 4px; height: 37px; padding: 14px 0px 0px 4px; font-size: 24px; line-height: 24px; color: #00508E; background: transparent url(../images/bt_playvid2_main.png) 0px 0px no-repeat; } #header .play a:hover{ text-decoration: none; } #header .play a span.arrow { display: block; position: absolute; top: 12px; left: 160px; width: 27px; height: 27px; background: transparent url(../images/bt_playvid2.png) 0px 0px no-repeat; } #header .play a:hover span.arrow { background: transparent url(../images/bt_playvid2.png) 0px -29px no-repeat; } #header.zone { height: 80px; } #header.zone .global_content { height: 80px; background: transparent url(../images/bkg_zm_header.png) 0px 0px repeat-x; } #header.zone .logo { width: 177px; height: 81px; } #header.zone .title { position: absolute; height: 30px; width: 200px; top: 7px; left: 200px; font-size: 24px; line-height: 24px; color: #FFFFFF; } #header.zone .disconnect { position: absolute; height: 20px; width: 200px; top: 4px; right: 10px; font-size: 13px; line-height: 18px; text-align: right; } #header.zone .disconnect a {color: #FFFFFF; font-weight: bold; } #header.zone .disconnect a:hover { color: #66A839; } #header.zone .back { position: absolute; height: 20px; width: 200px; top: 21px; right: 10px; font-size: 13px; line-height: 18px; text-align: right; } #header.zone .back a {color: #FFFFFF; } #header.zone .back a:hover { color: #66A839; } /******************************************** * * FOOTER * *********************************************/ #footer { height: 140px; position: relative; } #footer.content_wrap { background: transparent url(../images/bkg_wrapper_footer.png) center 0px no-repeat; } #footer .global_content {} #footer a { } #footer .copy { padding: 18px 0 0 22px; font-size: 10px; line-height: 18px; color: #666666; } #footer .links { float: right; width: 350px; height: 30px; } #footer .links ul { float: right; padding: 18px 17px 0px 0px; } #footer .links ul li { float: left; } #footer .links ul li a { padding: 0px 5px 0px 5px; font-size: 10px; line-height: 18px; color: #666666; } #footer .links ul li a:hover { color: #00508E; } #footer .logos { margin-top: 12px; padding-left:170px; text-align: center; } #footer .logos img { display: inline; margin-right: 20px; } /******************************************** * * HOMEPAGE * *********************************************/ #homepage {} #homepage .l_col {} #homepage .l_col .inner {} #homepage .r_col {} #homepage #tabs_decouvrir { margin-top: -38px; } #homepage .discover { margin-top: 18px;} #homepage .forfaits { float: left; width: 300px; } #homepage .calendrier { float: left; width: 300px; margin-left: 10px; } #homepage .tabs { margin-top: -35px; } #homepage .hrule { margin: 0px 0px 10px 0px; } /******************************************** * * LISTING * *********************************************/ .listing_page .odd { background: #f3fafd; } .listing_page { border-top: 7px solid #00508E; } .listing_page .main_desc { } .listing_page .main_desc .title, .listing_page h1 { font-size: 38px; line-height: 40px; color: #008DCE; margin-bottom: 10px; } .listing_page h1 { margin-left: -2px; } .listing_page .main_desc .excerpt { padding: 15px 0px 0px 0px; font-size: 13px; line-height: 16px; color: #666666; } .listing_page .main_pics { } .listing_page .main_pics .bloc { width: 256px; height: 191px; margin-top: 10px; } .listing_page .main_pics .bloc .top { height: auto; background-color: transparent; border: 0px; } .listing_page .main_pics .bloc span.corner {} .listing_page .main_pics .bloc span.corner.tl { background-position: 0px -20px; } .listing_page .main_pics .bloc span.corner.tr { background-position: -2px -20px; } .listing_page .main_pics .bloc span.corner.bl { bottom: 0px; left: 0px; background-position: 0px -22px; } .listing_page .main_pics .bloc span.corner.br { bottom: 0px; right: 0px; background-position: -2px -22px; } .listing_page .main_pics .bloc .body { height: 188px; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; border-top: 1px solid #D1D1D1; } .listing_page .main_pics .bloc .body .inner_bloc { padding: 2px; } .listing_page .main_pics .bloc .body .inner_bloc .pager { width: auto; padding: 3px 0px 3px 0px; } .listing_page .main_pics .bloc .body .inner_bloc .pager ul { text-align: center; } .listing_page .main_pics .bloc .body .inner_bloc .pager ul li { display: inline-block; float: none; width: 14px; height: 14px; margin: 0px 3px 0px 0px; } .listing_page .main_pics .bloc .body .inner_bloc .pager ul li a { display: block; padding: 2px 0px; background-color: #4CB0DD; font-size: 10px; line-height: 12px; color: #FFFFFF; text-align: center; } .listing_page .main_pics .bloc .body .inner_bloc .pager ul li a:hover { background-color: #00508E; text-decoration: none; } .listing_page .main_pics .bloc .body .inner_bloc .pager ul li a.selected { background-color: #00508E; } .listing_page .main_pics .bloc .body .inner_bloc .pager ul li a.prev { background: transparent url(../images/ico_arrow_pager.png) -8px 2px no-repeat; } .listing_page .main_pics .bloc .body .inner_bloc .pager ul li a.next { background: transparent url(../images/ico_arrow_pager.png) 0px 2px no-repeat;} .bloc .body .inner_bloc .seeall {} .listing_page .search_box { } .listing_page .col_submit { float: left; width: 180px; } .listing_page .col_submit button { width: 175px; height: 50px; padding: 0 0 0 10px; border: 0px; background: transparent url(../images/bt_find.png) 0px 0px no-repeat; text-align:left; cursor: pointer; } .listing_page .col_submit button span.inner_text { font-size: 32px; line-height: 32px; color: #FFFFFF; } .listing_page .col_submit button span.inner_text:hover { color: #45B0E0; } .listing_page .listing {} .listing_page .listing .res_title { height: 38px; } .listing_page .listing .res_title .search_nb { float: left; width: 150px; font-size: 24px; line-height: 28px; color: #00508E; } .listing_page .listing .res_title .sortby { float: left; width: 380px; padding: 5px 0 0 0; } .listing_page .listing .res_title .sortby label { float: left; width: 56px; line-height: 23px; color: #999999; } .listing_page .listing .res_title .sortby select { float: left; } .listing_page .listing .item { height: auto !important; min-height: 82px; height: 82px; padding: 9px 0px 9px 0px; border-bottom: 1px solid #EEEEEE; } .listing_page .listing .item .thumb { float: left; width: 115px; } .listing_page .listing .item .thumb .brd { display: block; width: 100px; padding: 1px; border: 1px solid #D1D1D1; } .listing_page .listing .item .thumb .brd a { display: block; height: 75px; width: 100px; margin: 0px 0px 0px 0px; background: transparent url(../images/img_default_heberg.jpg) 0px 0px no-repeat; } .listing_page .listing .item .thumb .brd a.hebergement { background-position: 0px -225px; } .listing_page .listing .item .thumb .brd a.restauration { background-position: 0px -150px; } .listing_page .listing .item .thumb .brd a.activites { background-position: 0px 0px; } .listing_page .listing .item .thumb .brd a.festival { background-position: 0px -75px; } .listing_page .listing .item .thumb .brd a span {} .listing_page .listing .item .thumb .brd a span img { } .listing_page .listing .item .desc { float: left; width: 495px; } .listing_page .listing .item .desc a.title { display: block; font-size: 18px; line-height: 21px; color: #0076DF; } .listing_page .listing .item .desc a.title.marker1 { padding: 3px 0 4px 38px; background: transparent url(../images/markers/default/marker_1.png) 1px 1px no-repeat; } .listing_page .listing .item .desc a.title.marker2 { padding: 3px 0 4px 38px; background: transparent url(../images/markers/default/marker_2.png) 1px 1px no-repeat; } .listing_page .listing .item .desc a.title.marker3 { padding: 3px 0 4px 38px; background: transparent url(../images/markers/default/marker_3.png) 1px 1px no-repeat; } .listing_page .listing .item .desc a.title.marker4 { padding: 3px 0 4px 38px; background: transparent url(../images/markers/default/marker_4.png) 1px 1px no-repeat; } .listing_page .listing .item .desc a.title.marker5 { padding: 3px 0 4px 38px; background: transparent url(../images/markers/default/marker_5.png) 1px 1px no-repeat; } .listing_page .listing .item .desc a.title.marker6 { padding: 3px 0 4px 38px; background: transparent url(../images/markers/default/marker_6.png) 1px 1px no-repeat; } .listing_page .listing .item .desc a.title.marker7 { padding: 3px 0 4px 38px; background: transparent url(../images/markers/default/marker_7.png) 1px 1px no-repeat; } .listing_page .listing .item .desc a.title.marker8 { padding: 3px 0 4px 38px; background: transparent url(../images/markers/default/marker_8.png) 1px 1px no-repeat; } .listing_page .listing .item .desc a.title.marker9 { padding: 3px 0 4px 38px; background: transparent url(../images/markers/default/marker_9.png) 1px 1px no-repeat; } .listing_page .listing .item .desc a.title.marker10 { padding: 3px 0 4px 38px; background: transparent url(../images/markers/default/marker_10.png) 1px 1px no-repeat; } .listing_page .listing .item .desc .excerpt { padding-top: 8px; font-size: 12px; line-height: 12px; color: #999999; } .listing_page .listing .item .desc .bt_addfav { margin-top: 6px; } .listing_page .listing .item.item_forfaits { height: auto !important; min-height: px; height: 82px; } .listing_page .listing .item.item_forfaits .desc { float: left; width: 310px; padding: 0px 13px 0px 0px; border-right: 1px solid #D1D1D1; } .listing_page .listing .item.item_forfaits .desc .title { padding: 0px 0px 3px 0px; font-size: 17px; line-height: 21px; color: #00508E; } .listing_page .listing .item.item_forfaits .desc .member a { font-size: 12px; line-height: 12px; color: #008DCE; } .listing_page .listing .item.item_forfaits .desc .member span { font-size: 11px; line-height: 11px; color: #999999; } .listing_page .listing .item.item_forfaits .desc .excerpt { padding-top: 3px; font-size: 11px; line-height: 13px; color: #999999; } .listing_page .listing .item.item_forfaits .desc .excerpt .include { padding: 4px 0px 3px 0px; color: #00508E; } .listing_page .listing .item.item_forfaits .desc .excerpt ul { padding: 2px 3px 2px 0px; } .listing_page .listing .item.item_forfaits .desc .excerpt ul li { padding: 0px 0px 4px 18px; background: url(../images/ico_bullet_list.gif) no-repeat 5px 2px; } .listing_page .listing .item.item_forfaits .desc .excerpt .validity { padding: 5px 0px 0px 0px; font-size: 14px; line-height: 14px; color: #589033; } .listing_page .listing .item.item_forfaits .price { float: left; width: 171px; } .listing_page .listing .item.item_forfaits .price .item_price { padding: 5px 0px 5px 0px; font-size: 10px; line-height: 15px; color: #999999; text-align:right; } .listing_page .listing .item.item_forfaits .price .item_price span { font-size: 30px; line-height: 30px; color: #00508E; } .listing_page .listing .item.item_forfaits .price .bt_more { margin: 8px 0px 0px 0px; width: 160px; } .listing_page .listing .item.item_forfaits .price .bt_addfav {} .listing_page .actu_listing .item { height: auto !important; padding: 13px 0px 9px 0px; border-bottom: 1px solid #EEEEEE; } .listing_page .actu_listing .item .thumb { float: left; width: 115px; } .listing_page .actu_listing .item .thumb .brd {} .listing_page .actu_listing .item .thumb .brd a {} .listing_page .actu_listing .item .thumb .brd a span {} .listing_page .actu_listing .item .thumb .brd a span img {} .listing_page .actu_listing .item .desc {} .listing_page .actu_listing .item .desc.nothumb { float: none; width: auto; } .listing_page .actu_listing .item .desc .date { color: #467427; } .listing_page .actu_listing .item .desc a.title { display: block; font-size: 18px; line-height: 21px; color: #00508E; margin: 1px 0px 5px 0px; } .listing_page .actu_listing .item .desc .excerpt { padding-top: 0px; font-size: 12px; line-height: 15px; color: #999999; } .listing_page .actu_listing .item .desc .readmore { padding: 15px 0px 10px 0px; text-align: right; } .listing_page .actu_listing .item .desc .readmore a { font-weight: bold; color: #0076DF; } .listing_page .actu_listing.in_medias {} .listing_page .actu_listing.in_medias .item { padding: 10px 40px 9px 0px; background: transparent url(../images/ico_link_external.png) right 27px no-repeat; } .listing_page .actu_listing.in_medias .item:hover { background-color: #F3FAFD; } .listing_page .actu_listing.in_medias .item.first { border-top: 1px solid #EEEEEE; } .listing_page .actu_listing.in_medias .item .readmore { display: none; } .listing_page .actu_listing.in_medias .desc { width: 445px; } .listing_page .actu_listing.in_medias .desc a.title { font-size: 14px; line-height: 14px;} .listing_page .search_results { font-size: 16px; color: #00508c; padding-bottom: 12px; padding-left: 2px; } .listing_page .search_results .search_keywords { color: #548c30; padding-left: 5px; } .listing_page .search_listing { border-top: 1px solid #EEEEEE; margin-left: -4px; } .listing_page .search_listing .pager { padding-left: 4px; } .listing_page .search_listing .item { height: auto; padding: 5px 0px 9px 4px; } .listing_page .search_listing .item .desc { float: none; width: 90%; } .listing_page .search_listing .item .desc a.title { margin-bottom: 0px; font-size: 14px; } .listing_page .search_listing .item .desc .excerpt { padding-top: 0px; line-height: 14px; } .listing_page .search_listing .item .desc .search_services { font-size: 11px; color: #467427; } .listing_page .listing .pager { width: 272px; height: 25px; margin-top: 15px; } .listing_page .listing .pager .label { float: left; padding: 0px 5px 0px 0px; font-size: 11px; line-height: 19px; color: #999999; } .listing_page .listing .pager ul { float: left; } .listing_page .listing .pager ul li { float: left; width: 20px; height: 20px; margin: 0px 3px 0px 0px; } .listing_page .listing .pager ul li a { display: block; width: 18px; height: 18px; border: 1px solid #D1D1D1; font-size: 11px; line-height: 18px; color: #999999; text-align: center; } .listing_page .listing .pager ul li a:hover { border: 1px solid #4CB0DD; color: #4CB0DD; text-decoration: none; } .listing_page .listing .pager ul li a.selected { background-color: #FFFFFF; color: #4CB0DD; border: 1px solid #4CB0DD; } .listing_page .listing .pager ul li a.prev { border: 0px; width: 20px; background: transparent url(../images/ico_arrow_pager.png) 10px -12px no-repeat; } .listing_page .listing .pager ul li a.next { border: 0px; width: 20px; background: transparent url(../images/ico_arrow_pager.png) 4px 3px no-repeat; } .listing_page .listing .pager_light { float: right; color: #999; font-size: 12px; text-align: right; margin-top: 14px; } /* MV removed some preciseness level */ .listing_page .tags { padding-top: 2px; font-size: 12px; line-height: 12px; color: #666666; } .listing_page .tags span { display: block; float: left; } .listing_page .tags span.label { } .listing_page .tags span.catg { padding: 0px 5px 0px 5px; font-size: 12px; line-height: 12px; color: #00508E; } .listing_page .tags span.rates { height: 14px; } .listing_page .tags span.star { width: 16px; background: transparent url(../images/ico_star_yellow.png) 0px -1px no-repeat; } .listing_page .tags span.sun { width: 14px; background: transparent url(../images/ico_soleil.png) 0px 0px no-repeat; } .listing_page .tags span.dollar { width: 8px; background: transparent url(../images/ico_dollar.png) 0px 0px no-repeat; } .listing_page .tags span.city { padding-left: 5px; font-size: 12px; line-height: 12px; color: #64A438; } .listing_page .tags span.notice { padding-left: 5px; font-size: 11px; } /******************************************** * * SINGLE PAGE * *********************************************/ .single_page { border-top: 7px solid #00508E; } .single_page h1 { font-size: 38px; line-height: 40px; color: #008DCE; margin-bottom: 6px; } .single_page h2 { font-size: 25px; line-height: 30px; color: #00508E; margin-bottom: 10px; margin-top: 6px; } .single_page .l_col2 .inner { padding: 0px 20px 0px 0px; } .single_page .r_col2 { padding-top: 12px; } .single_page span.highlight { color: #008dce; font-weight: bold; } .single_page .date {} .single_page .main_desc { margin: 15px 0px 0px 0px; font-size: 14px; line-height: 18px; color: #00508E; } .single_page .main_desc .thumb { float: left; width: 263px; height: 173px; } .single_page .main_desc .thumb .brd { display: block; width: 247px; padding: 1px; border: 1px solid #D1D1D1; } .single_page .main_desc .thumb .brd a { display: block; margin: 0px 0px 0px 0px; } .single_page .main_desc .thumb .brd a span {} .single_page .main_desc .thumb .brd a span img { } .single_page .main_desc .desc { float: left; width: 495px; } .single_page .main_desc img { padding: 1px; } .single_page .main_body { margin: 15px 0px 0px 0px; font-size: 13px; line-height: 18px; color: #666666; } .single_page .main_body .share { margin: 20px 0px 0px 0px; padding: 10px 0px 10px 0px; border-top: 1px solid #EEEEEE; } .single_page .main_body img { padding: 1px; } .single_page .main_body p { padding-bottom: 16px; } .single_page .main_body ol { list-style-position: inside; } .single_page .main_body ul, .single_page .main_body ol { margin: 4px 0px 10px 2px; } .single_page .main_body ul li { line-height: 18px; margin-bottom: 7px; padding-left: 16px; background: url(../images/ico_bullet_list.gif) no-repeat 0px 7px; } .single_page .main_body h3 { margin-right: 0px; padding-top: 15px; } .single_page .main_body h3.section { border-bottom: 1px solid #d1d1d1; padding: 0px 15px 5px; margin-bottom: 8px; margin-left: -2px; background: url(../images/ico_bullet.png) no-repeat 2px 15px; clear: both; padding-top: 15px;} .single_page .main_body .splitcol { float: left; width: 280px; margin-left: 15px; } .single_page .main_body h4 { color: #64a438; font-weight: bold; padding-top: 5px; margin-bottom: 1px; } .single_page .main_body h4.section { margin-left: 13px; } .single_page .main_body .tabs_merged { margin-top: 20px; } .single_page .main_body .tabs_merged ul { margin-top: 0px; margin-left: 0px; } .single_page .main_body .tabs_content { margin-bottom: 20px; } #content .single_page .main_body .tabs_merged span.corner.tl { left: -1px; background-position: 0px -20px; } #content .single_page .main_body .tabs_merged span.corner.tr { right: -1px; background-position: -2px -20px; } #content .single_page .main_body .tabs_membres_services span.corner { width: 2px; } .single_page .main_body ol.results { margin-top: -2px; } .single_page .main_body ol.results, .single_page .main_body ol.results a { color: #0076df; } .single_page .main_body ol.results li { margin: 0px; font-size: 18px; line-height: 22px; padding: 2px 0px 4px; border-bottom: 1px solid #eaeaea; } .single_page .main_body ol.results li.last { padding-bottom: 0px; border-bottom: none; margin-bottom: -5px; } .single_page .main_body ol.results a { padding-right: 21px; background: url(../images/ico_bullet_info.gif) no-repeat right 3px; } .single_page .main_body ol.results a:hover { background-position: right -47px; } #content ul li.pdf, #content a.pdf, #content .tabs_membres_services_content ul li.pdf, #content .single_page .tabs_membres_services_content ul li.pdf { padding-left: 22px; background-image: url(../images/ico_pdf.png); background-repeat: no-repeat; background-position: 0px 1px; } #content a.pdf { padding-bottom: 5px; } #content ul li.external, #content a.external, #content .tabs_membres_services_content ul li.external, #content .single_page .tabs_membres_services_content ul li.external { padding-left: 22px; background-image: url(../images/ico_link_external_small.png); background-position: 0px 20px; background-repeat: no-repeat; } #content .flashmp3_container { width: 400px; height: 24px; margin: 10px 0px 10px 0px; } /* #content ul li.external:hover { background-position: 0px -50px; } */ /******************************************** * * THUMB LISTING PAGE (GALERY, ACTIVITY HUB) * *********************************************/ .listing_page_thumb .content_wrap { padding: 22px 0px 12px; margin: 0px 8px; } .listing_page_thumb span.corner.tl { background-position: 0px -20px; } .listing_page_thumb span.corner.tr { background-position: -2px -20px; } #content .listing_page_thumb .tabs_content_categories { position: relative; margin-top: 0px; width: auto; height: auto; padding: 18px 0px 0px 22px; border: 1px solid #d1d1d1; border-top: none; } .listing_page_thumb .tabs_content_categories .block_thumb { position: relative; float: left; width: 196px; height: auto; border: 1px solid #D9D9D9; padding: 1px; margin: 0px 22px 22px 0px; } .listing_page_thumb .tabs_content_categories .block_thumb .title { position: relative; font-size: 12px; margin: 0px; padding: 5px 2px 5px 5px; height: 30px; line-height: 16px; overflow: hidden; } .listing_page_thumb .tabs_content_categories .block_thumb .title a:hover { color: #66A839; } .listing_page_thumb .tabs_content_categories .block_thumb .title a { display: block; } .listing_page_thumb .tabs_content_categories .block_thumb .title a span { display: block; position: absolute; width: 15px; height: 15px; top: 6px; right: 10px; background: url(../images/ico_arrow_pager.png) no-repeat right 1px; } .listing_page_thumb .tabs_content_categories .block_thumb .title a.hidden { display: none; } .listing_page_thumb .tabs_content_categories .block_thumb .pic a { display: block; } .listing_page_thumb .tabs_content_categories .block_thumb .pic a.hidden { display: none; } .listing_page_thumb .tabs_content_categories .title { font-size: 18px; margin-bottom: 8px; color: #66a839;} .listing_page_thumb .tabs_content_categories p { margin: 0px 20px 10px 0px; } .listing_page_thumb .tabs_content_categories .label { color: #008DCE; margin-bottom: 15px; } .listing_page_thumb .tabs_content_intro { padding-left: 5px; } /******************************************** * * ACTIVITES HUB PAGE * *********************************************/ #activites .l_col2 p { margin-right: 5%; } #activites .bt_find { float: right; margin-top: 10px; } #activites .bt_find .inner_text { padding-right: 45px; } #activites .tabs_content_categories .bt_find, #activites .tabs_content .label { margin-top: -12px; } #activites .tabs_content_categories .bt_find { margin-right: 5px; } #activites .tabs_content_categories .bt_find .inner_text { text-align: left; padding: 12px 35px 0px 8px; font-size: 11px; line-height: 14px; } #activites .tabs_content_categories .bt_find .inner_text strong { font-size: 13px; color: #5c9436; } #activites .tabs_content_categories .bt_find .inner_text.agrotourisme { padding: 3px 35px 0px 8px; } #activites .tabs_content_categories .block_thumb .title a { padding-right: 15px; } /******************************************** * * EXPERIENCES * *********************************************/ #experiences .tabs { margin-top: -35px; margin-bottom: 20px; } #experiences .main_col {} #experiences .main_col .title { padding: 2px 0px 0px 0px; font-size: 24px; line-height: 24px; color: #008ECF; } #experiences .main_col .excerpt { padding: 6px 0px 0px 0px; font-size: 14px; line-height: 17px; color: #18659E; } #experiences .main_col .body { padding: 20px 0px 0px 0px; font-size: 13px; line-height: 16px; color: #666666; } .lanaudiere_propose {} .lanaudiere_propose .bloc { height: 182px; height: auto !important; margin-top: 10px; } .lanaudiere_propose .bloc .top { background-color: #EAEAEA; border: 1px solid #D1D1D1; } .lanaudiere_propose .bloc span.corner { } .lanaudiere_propose .bloc span.corner.tl { top: 0px; left: 0px; background-position: 0px -20px; } .lanaudiere_propose .bloc span.corner.tr { top: 0px; right: 0px; background-position: -2px -20px; } .lanaudiere_propose .bloc span.corner.bl { bottom: 0px; } .lanaudiere_propose .bloc span.corner.br { bottom: 0px; } .lanaudiere_propose .bloc .top .title { font-size: 20px; } .lanaudiere_propose .bloc .body { height: 142px; height: auto !important; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; } .lanaudiere_propose .bloc .body .inner_bloc { padding: 0px; } .lanaudiere_propose .bloc .body .inner_bloc ul { padding: 0px; } .lanaudiere_propose .bloc .body .inner_bloc ul li { height: 46px; border-top: 1px solid #D1D1D1; background: transparent url(../images/ico_bullet.png) 7px 10px no-repeat; } .lanaudiere_propose .bloc .body .inner_bloc ul li.first { border-top: 0px; } .lanaudiere_propose .bloc .body .inner_bloc ul li a { display: block; padding: 10px 10px 10px 23px; font-size: 13px; line-height: 13px; color: #00508E; font-weight: bold; } /******************************************** * * THEMATIQUES * *********************************************/ #thematiques {} #thematiques .thema_header { height: 133px; padding:0 0 10px 20px; } #thematiques .thema_header .insert { position: absolute; width: 436px; height: 133px; top: 0px; right: 10px; } #thematiques .thema_header .insert .main_img { position: absolute; width: 160px; height: 100px; top: 7px; left: 25px; } #thematiques .thema_header .insert .map_img { position: absolute; width: 71px; height: 96px; top: 7px; left: 188px; padding: 1px; border: 1px solid #D1D1D1; } #thematiques .thema_header .insert .map_img img { width: 71px; height: 96px; } #thematiques .thema_header .insert .desc { position: absolute; width: 140px; height: 100px; top: 7px; left: 268px; font-size: 12px; line-height: 15px; } #thematiques .thema_header .insert .desc .subtitle { color: #00508E; } #thematiques .thema_header .thema_title { height: 25px; font-size: 13px; line-height: 18px; text-transform: uppercase; padding: 7px 0 0 0; } #thematiques .thema_header .breadcrumbs { padding: 0px 20px 0px 0px; } #thematiques.single_page h1 { width: 490px; } #thematiques.single_page .main_desc .thumb { width: 270px; height: 210px; } #thematiques.single_page .main_desc .thumb .album_image .bloc { width: 256px; } #thematiques.single_page .main_desc img { border: 1px solid #D1D1D1; } #thematiques.single_page.motoneige { border-top: 7px solid #00508E; } #thematiques.single_page.motoneige h1 { } #thematiques.single_page.motoneige .thema_header { background: transparent url(../images/bkg_thema_top_motoneige.jpg) 0px -7px no-repeat; } #thematiques.single_page.motoneige .thema_header .insert { background: transparent url(../images/bkg_thema_shadow_motoneige.png) 0px 0px no-repeat; } #thematiques.single_page.motoneige .thema_header .thema_title { color: #AFDCF0; } #thematiques.single_page.motoneige .r_col .bloc_links_sections .bloc .top { background-color: #F3FAFD; border-color: #AAC8DD; } #thematiques.single_page.motoneige .r_col .bloc_links_sections .bloc .top.title {} #thematiques.single_page.motoneige .r_col .bloc_links_sections .bloc .body { border-color: #AAC8DD; } #thematiques.single_page.motoneige .r_col .bloc_links_sections .bloc .body ul li a { color: #008ECF; } #thematiques.single_page.motoneige .r_col .bloc_links_sections .bloc .body ul li a:hover { color: #00508E; } #thematiques.single_page.motoneige .r_col .bloc_buttons { margin: 5px 0px 0px 0px; } #thematiques.single_page.motoneige .r_col .bloc_buttons .button { height: 36px; margin: 4px 0px 0px 0px; background: transparent url(../images/bt_thema_motoneige.png) 0px 0px no-repeat;} #thematiques.single_page.motoneige .r_col .bloc_buttons .button a { display: block; height: 26px; padding: 8px 5px 0px 53px; color: #FFFFFF; font-size: 18px; line-height: 18px; background: transparent url(../images/bt_thema_motoneige_ico.png) 0px 0px no-repeat; } #thematiques.single_page.motoneige .r_col .bloc_buttons .button a:hover { color: #00ABFD; background: transparent url(../images/bt_thema_motoneige_ico_hover.png) 0px 0px no-repeat; } #thematiques.single_page.motoneige .r_col .bloc_buttons .button a.sentier { background-position: 6px 4px; } #thematiques.single_page.motoneige .r_col .bloc_buttons .button a.carte { background-position: 6px -35px; } #thematiques.single_page.motoneige .r_col .bloc_buttons .button a.meteo { background-position: 6px -73px; } #thematiques.single_page.motoneige .r_col .bloc_links_sections.bloc_menu .bloc .body { border-color: #D1D1D1; border-top: 1px solid #D1D1D1;; } #thematiques.single_page.motoneige .r_col .bloc_links_sections.bloc_menu .bloc .body ul li a { color: #666666; } #thematiques.single_page.motoneige .r_col .bloc_links_sections.bloc_menu .bloc .body ul li a.selected, #thematiques.single_page.motoneige .r_col .bloc_links_sections.bloc_menu .bloc .body ul li a:hover { color: #008ECF; } #thematiques.single_page.motoneige .breadcrumbs ul li a { color: #00508E; } #thematiques.single_page.pleinair { border-top: 7px solid #467427; } #thematiques.single_page.pleinair h1 { color: #467427; } #thematiques.single_page.pleinair h2 { color: #467427; } #thematiques.single_page.pleinair h3 { color: #467427; } #thematiques.single_page.pleinair .thema_header { background: transparent url(../images/bkg_thema_top_pleinair.jpg) 0px -1px no-repeat; } #thematiques.single_page.pleinair .thema_header .insert { background: transparent url(../images/bkg_thema_shadow_pleinair.png) 0px 0px no-repeat; } #thematiques.single_page.pleinair .thema_header .thema_title { color: #DBDFAA; } #thematiques.single_page.pleinair .main_desc { color: #467427; } #thematiques.single_page.pleinair .main_body { color: #33531D; } /* #thematiques.single_page.pleinair .main_desc a, #thematiques.single_page.pleinair .main_body a { color: #53892F; } #thematiques.single_page.pleinair .main_desc a:hover, #thematiques.single_page.pleinair .main_body a:hover { color: #425E1C; } */ #thematiques.single_page.pleinair .r_col .bloc_links_sections .bloc .top { background-color: #D8DCA0; border-color: #CFD48D; } #thematiques.single_page.pleinair .r_col .bloc_links_sections .bloc .top .title { color: #467427; } #thematiques.single_page.pleinair .r_col .bloc_links_sections .bloc .body { border-color: #CFD48D; } #thematiques.single_page.pleinair .r_col .bloc_links_sections .bloc .body ul li a { color: #69942D; } #thematiques.single_page.pleinair .r_col .bloc_links_sections .bloc .body ul li a:hover, #thematiques.single_page.pleinair .r_col .bloc_links_sections .bloc .body ul li a.selected { color: #33541D; } #thematiques.single_page.pleinair .r_col .bloc_links_sections.bloc_menu .bloc .body { border-color: #D1D1D1; border-top: 1px solid #D1D1D1;; } #thematiques.single_page.pleinair .r_col .bloc_links_sections.bloc_menu .bloc .body ul li a { color: #666666; } #thematiques.single_page.pleinair .r_col .bloc_links_sections.bloc_menu .bloc .body ul li a.selected, #thematiques.single_page.pleinair .r_col .bloc_links_sections.bloc_menu .bloc .body ul li a:hover { color: #008ECF; } #thematiques.single_page.pleinair .breadcrumbs ul li a { color: #467427; } #thematiques.single_page.pleinair ol.results {} #thematiques.single_page.pleinair ol.results a, #thematiques.single_page.pleinair ol.results a:hover { padding-bottom: 1px; color: #33531D; } #thematiques.single_page.pleinair ol.results li { font-size: 16px; line-height: 20px; color: #33531D; } #thematiques.single_page.campagne { border-top: 7px solid #AB1A23; } #thematiques.single_page.campagne h1 { color: #AB1A23; } #thematiques.single_page.campagne h2 { color: #AB1A23; } #thematiques.single_page.campagne h3 { color: #AB1A23; } #thematiques.single_page.campagne .thema_header { background: transparent url(../images/bkg_thema_top_campagne.jpg) 0px -1px no-repeat; } #thematiques.single_page.campagne .thema_header .insert { background: transparent url(../images/bkg_thema_shadow_campagne.png) 0px 0px no-repeat; } #thematiques.single_page.campagne .thema_header .thema_title { color: #DBDFAA; } #thematiques.single_page.campagne .main_desc { color: #B64A42; } #thematiques.single_page.campagne .main_body { color: #666666; } #thematiques.single_page.campagne .r_col .bloc_links_sections .bloc .top { background-color: #D8DCA0; border-color: #CFD48D; } #thematiques.single_page.campagne .r_col .bloc_links_sections .bloc .top .title { color: #AB1A23; } #thematiques.single_page.campagne .r_col .bloc_links_sections .bloc .body { border-color: #CFD48D; } #thematiques.single_page.campagne .r_col .bloc_links_sections .bloc .body ul li a { color: #69942D; } #thematiques.single_page.campagne .r_col .bloc_links_sections .bloc .body ul li a:hover, #thematiques.single_page.campagne .r_col .bloc_links_sections .bloc .body ul li a.selected { color: #AB1A23; } #thematiques.single_page.campagne .r_col .bloc_links_sections.bloc_menu .bloc .body { border-color: #D1D1D1; border-top: 1px solid #D1D1D1;; } #thematiques.single_page.campagne .r_col .bloc_links_sections.bloc_menu .bloc .body ul li a { color: #666666; } #thematiques.single_page.campagne .r_col .bloc_links_sections.bloc_menu .bloc .body ul li a.selected, #thematiques.single_page.campagne .r_col .bloc_links_sections.bloc_menu .bloc .body ul li a:hover { color: #008ECF; } #thematiques.single_page.campagne .breadcrumbs ul li a { color: #AB1A23; } #thematiques.single_page.campagne ol.results {} #thematiques.single_page.campagne ol.results a, #thematiques.single_page.campagne ol.results a:hover { padding-bottom: 1px; color: #68932C; } #thematiques.single_page.campagne ol.results li { font-size: 16px; line-height: 20px; color: #68932C; } #thematiques.single_page.campagne .button { height: 36px; margin: 14px 0px 0px 0px; width: 300px; background: transparent url(../images/bt_thema_campagne.png) 0px 0px no-repeat;} #thematiques.single_page.campagne .button a { display: block; height: 26px; padding: 8px 5px 0px 53px; color: #c5cb70; font-size: 18px; line-height: 18px; background: transparent url(../images/bt_thema_campagne_ico.png) 0px 0px no-repeat; } #thematiques.single_page.campagne .button a:hover { color: #fff; background: transparent url(../images/bt_thema_campagne_ico_hover.png) 0px 0px no-repeat; } #thematiques.single_page.campagne .button a.carte { background-position: 6px -35px; } /******************************************** * * MEMBRES * *********************************************/ .r_col2 img.gmap { width: 256px; } .r_col2 .bloc { width: 256px; } /*.tabs_content a:hover,*/ .membre_url a:hover { color: #66A839; } .tabs_content .bt_submit a:hover { color: #fff; } #membres .bt_addfav { float: left; } #membres h1 { font-size: 30px; line-height: 32px; margin-bottom: 0px; } #membres .r_col2 { padding-top: 12px; } /* tab styling */ #membres .tabs_membres_box { position: relative; z-index: 10; height: 29px; border: none; margin-bottom: -1px; background: none; } #membres .tabs_membres_box ul { } #membres .tabs_membres_box ul li, #membres .tabs_membres_box ul li.selected { height: 29px; padding: 0 2px 0px 0px; background: url(../images/bkg_tab_membres_box.gif) no-repeat right top; } #membres .tabs_membres_box ul li a { color: #999; background: url(../images/bkg_tab_membres_box.gif); font-size: 15px; line-height: 15px; height: 22px; padding: 7px 8px 0px 8px; width: auto; } #membres .tabs_membres_box ul li a:hover { color: #666; background-position: 0px 0px; } #membres .tabs_membres_box ul li.selected a, #membres .tabs_membres_box ul li.selected a:hover { color: #008dce; background: url(../images/bkg_tab_membres_box.gif) 0px 0px; } #membres .tabs_membres_box ul li.selected a, #membres .tabs_membres_box ul li.selected a:hover { background-position: 0px -29px; } #membres .tabs_membres_box ul li.selected { background-position: right -29px; } #membres .tabs_membres_box .bt_close { position: absolute; right: 10px; top: 0px; } /* icon tabs */ #membres .tabs_membres_box ul li a span.ico { display: block; float: left; width: 22px; height: 21px; margin: -3px 5px 0px 0px; background: url(../images/ico_tab_congres.png); } #membres .tabs_membres_box ul li#tab_congres a span.ico { } #membres .tabs_membres_box ul li#tab_groupes a span.ico { width: 33px; background-image: url(../images/ico_tab_groupes.png); } #membres .tabs_membres_box_content { position: relative; z-index: 1; border-top: 1px solid #d1d1d1; border-bottom: none; margin-top: -1px; margin-bottom: -2px; display: none; width: 652px; /* specify width cause of slideUp fx... to review */ } #membres .tabs_membres_box_content .tabs_item { display: none; padding: 20px 60px 20px 40px; } #content .tabs_membres_services span.corner { width: 1px; } #content .tabs_membres_services span.corner.tl { left: 0px; background-position: -1px -20px; } #content .tabs_membres_services span.corner.tr { right: 0px; } #content .tabs_membres_services { height: 32px; } #content .tabs_membres_services ul { height: 32px; overflow: hidden; background: url(../images/bkg_tab_services.gif) 0px -32px; } #content .tabs_membres_services ul li { background-image: url(../images/bkg_tab_services.gif); height: 32px; } #content .tabs_membres_services ul li.first { padding: 0px; background: none; } #content .tabs_membres_services ul li a { background: none; font-size: 15px; line-height: 15px; height: 24px; padding:8px 8px 0px 8px; width: auto; } #content .tabs_membres_services ul li a:hover { background: url(../images/bkg_tab_services.gif); background-position: 0px -64px; } #content .tabs_membres_services ul li.selected a, #content .tabs_membres_services ul li.selected a:hover { color: #538830; background: #fff; } #content .tabs_membres_services_content .tabs_item { display: block; padding: 20px 40px; } /* content styling */ #membres .l_col2 .main_col { text-align: right; } #membres .side_col, #membres .main_col { font-size: 14px; margin: 5px 0px; } #membres .main_desc strong { font-weight: normal; color: #0c316f; } .membre_url { font-weight: bold; } .membre_phone { color: #0076df; font-weight: bold; } .membre_address { color: #666; } #membres .membre_desc_item { margin-bottom: 8px; } #membres .membre_share .share { float: right; } #membres .tags { position: relative; height: 14px; } #membres .tags .right { position: absolute; top: 2px; right: 0px; } #membres .tags .right .label { padding-right: 5px; } #content h3 { font-size: 15px; color: #008ecf; line-height: 26px; margin-bottom: 6px; margin-right: 5%; } #content .tabs_membres_box_content p, #content .tabs_membres_services_content p { margin-bottom: 12px; padding-bottom: 1px; } #content .tabs_membres_box_content ul, #content .tabs_membres_services_content ul { margin-top: 6px; } #content .tabs_membres_box_content ul li, #content .tabs_membres_services_content ul li { margin-bottom: 7px; padding-left: 16px; background: url(../images/ico_bullet_list.gif) no-repeat 0px 5px; } #content .single_page .tabs_membres_services_content ul li { background-position: 0px 7px; } #content .tabs_membres_services_content .headline, #content .tabs_membres_services_content h3.section { border-bottom: 1px solid #d1d1d1; padding: 0px 15px 5px; margin-bottom: 8px; margin-left: -2px; } #content .tabs_membres_services_content .headline { padding-left: 2px; padding-right: 0px; } #content .tabs_membres_services_content h3 { margin-right: 0px; } #content .tabs_membres_services_content h3.section { background: url(../images/ico_bullet.png) no-repeat 2px 15px; clear: both; padding-top: 15px; } /* manage styling of nested and non nested .splitcol ul, and .splitcol divs */ #content .tabs_membres_services_content .splitcol { float: left; width: 260px; } #content .tabs_membres_services_content h4, #content .tabs_membres_services_content .splitcol { margin-left: 15px; } #content .tabs_membres_services_content h4 { color: #64a438; font-weight: bold; padding-top: 5px; } #content .tabs_membres_services_content h4.section { margin-left: 15px; } #content .tabs_membres_services_content div.splitcol h4, #content .tabs_membres_services_content div.splitcol ul { margin-left: 0px; } /* listing page (forfaits, evenements) retouch */ #membres .listing .item { height: auto; } #membres .listing .item .desc .excerpt { color: #666; } #membres .listing_evenements .item { margin-bottom: 20px; padding-bottom: 25px; } #membres .listing_evenements .item .thumb { width: 120px; } #membres .listing_evenements .item .desc { width: 450px; } #membres .listing_evenements .item .desc a.title { display: block; font-size: 18px; line-height: 22px; margin-bottom: 2px; } #membres .listing_evenements .item .desc .date { color: #00508e; } #membres .listing_evenements .item .desc .excerpt { padding-top: 2px; line-height: 16px; color: #666; } #membres .listing_evenements .item .desc .excerpt .subtitle { font-weight: normal; font-size: 14px; margin: 0px 0px 3px 0px; padding: 0px; } #membres .listing_evenements .item .desc .excerpt dt, #membres .listing_evenements .item .desc .excerpt dd { float: left; } #membres .listing_evenements .item .desc .excerpt dt { color: #4cb0dd; clear: left; margin-right: 6px; } #membres .listing_forfaits .res_title { height: 30px; } #membres .listing_forfaits .res_title .sortby { float: right; width: auto; padding: 5px 5px 0 0; } #membres .listing_forfaits .item { padding: 20px 0px 15px; } #membres .listing_forfaits .item .desc { width: 295px; padding-right: 8px; border-right: 1px solid #eee; } #membres .listing_forfaits .item .desc a.title { display: block; font-size: 16px; line-height: 18px; margin-bottom: 0px; } a.anchor { display: block; visibility: hidden; height: 0px; /*safari fix margin-top: -30px;*/ } #membres .listing_forfaits .item .desc .excerpt { padding-top: 4px; font-size: 11px; line-height: 12px; } #membres .listing_forfaits .item .desc .excerpt p, #membres .listing .item .desc .excerpt ul { margin-bottom: 5px; } #membres .listing_forfaits .item .desc .excerpt ul { margin-left: 2px; margin-top: 0px; } #membres .listing_forfaits .item .desc .excerpt ul li { margin-bottom: 2px; background-position: 0px 3px; } #membres .listing_forfaits .item .desc .excerpt p.valid { font-size: 14px; color: #589033; padding-top: 4px; } #membres .listing_forfaits .item .desc .excerpt p.incl { color: #00508f; } /* new block on right: package info (price, conditions, etc.) */ #membres .listing_forfaits .item .package { float: left; position: relative; color: #999; font-size: 10px; line-height: 11px; width: 135px; padding-left: 10px; } #membres .listing_forfaits .item .package .startingfrom { height: 40px; margin-top: 2px; } #membres .listing_forfaits .item .package .price { position: absolute; top: 8px; right: 10px; font-size: 30px; color: #00508f; } #membres .listing_forfaits .item .package .priceasterisk { position: absolute; right: -12px; color: #78b550; } #membres .listing_forfaits .item .package .conditions { color: #558c30; font-size: 12px; line-height: 15px; } #membres .membre_meta { margin-top: 10px; } #membres .membre_meta .label { color: #4cb0dd; } #membres .membre_meta .membre_email { font-size: 11px; } .map { border: 1px solid #d1d1d1; position: relative; z-index: 10; } #map_side { width: 298px; height: 248px; margin-bottom: 20px; overflow: hidden; } #membres #map_side { width: 250px; height: auto; margin: 10px 0px; padding: 2px;} #membres #map_wide { width: 100%; height: 300px; margin-bottom: 10px; } #membres #map_membre { height: 150px; z-index: 10; } #membres .info_membre { height: 0; display:none;} /* logo display */ div.logos { margin: 25px 0px; overflow: hidden; } div.logos img { float: left; margin: 0px 30px 10px 15px; } img.logo { margin: 0px 20px 10px 15px; } /******************************************** * * A PROXIMITE special tab * *********************************************/ .service_color_activites { color: #660066; } .service_color_hebergement { color: #f25900; } .service_color_restauration { color: #ff0033; } .service_color_evenements { color: #0033ff; } #proximite .notice { margin-bottom: 5px; } #proximite .l_col { width: 205px; margin-right: 27px; } #proximite .r_col { width: 340px; position: relative; } #proximite .r_col h3.section { border-bottom-color: #eee; margin-right: -2px; } #proximite { border-bottom-color: #eee; margin-right: -2px; } #proximite #service_results_count { position: absolute; text-alignt: right; top: 15px; right: 0px; color: #999; font-size: 11px; } #proximite ol { list-style: none; margin: -8px -2px 0px -2px; } #proximite ol li { padding: 9px 8px 8px 38px; border-bottom: 1px solid #eee; } #proximite ol li .marker { position: absolute; left: -4px; margin-top: -5px; } #proximite .pager { width: auto; } #proximite .pager ul { margin: 0px; } #proximite .pager ul li { background: none; padding: 0px; margin-bottom: 0px; } .membre_itinerary label, .membre_itinerary input { display: block; } .membre_itinerary label { font-size: 11px; margin-bottom: 2px; } .membre_itinerary input { width: 200px; margin-left: -2px; margin-bottom: 5px; } #membres #map_side .membre_itinerary { padding: 2px 2px 3px; overflow: hidden; } #membres #map_side .membre_itinerary label { color: #0076df; } #membres #map_side .membre_itinerary input { width: 180px; margin: 0px 5px 0px 0px; float: left; } #membres #map_side .membre_itinerary .bt_submit { float: left; width: 51px; } /******************************************** * * RECHERCHE * *********************************************/ .nouvelle_recherche .bloc { height: auto; } .nouvelle_recherche .bloc .top { background-color: #f4f4f4; border: 1px solid #D1D1D1; border-bottom: none; } .nouvelle_recherche .bloc span.corner { } .nouvelle_recherche .bloc .top .title { color: #999; padding: 12px 0px 0px 12px; } .nouvelle_recherche .bloc .body { background-color: #f4f4f4; height: auto; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; padding: 0px 13px 12px;} .nouvelle_recherche .bloc .body .inner_bloc { padding: 0px; } .nouvelle_recherche input.itext { width: 220px; } .nouvelle_recherche .search_options { clear: both; padding: 5px 0px 10px; } .nouvelle_recherche .search_options input { width: 10%; margin-left: -4px; } .nouvelle_recherche .search_options label { display: inline; width: 80%; } .nouvelle_recherche .submit_search { margin-left: 148px; display: block; text-align: center; padding-top: 0px; font-size: 14px; background: url(../images/ui/bt_general_small.gif) no-repeat; width: 79px; height: 22px; color: #fff; } /******************************************** * * DECOUVREZ * *********************************************/ #discover .main_body img { margin: 6px 15px 5px -4px; float: left; } #decouvrez_body .carte { min-height: 85px; padding-top: 5px; overflow: hidden; } #decouvrez_body .carte img { } #decouvrez_body .carte .title { font-size: 15px; margin-top: 15px; } #decouvrez_body .carte .title, #decouvrez_body .carte .title a { color: #0076df; } #galerie .play { display: block; width: 40px; height: 40px; position: absolute; background: url(../images/bt_playvid_full.png); margin: -46px 0px 0px 151px; } /******************************************** * * CONTACT * *********************************************/ #contact .l_col {} #contact .l_col .inner {} #contact .l_col .inner .main_body .subtitle1 { color: #00508F; font-size: 18px; line-height: 18px; } #contact .l_col .inner .main_body .subtitle2 { color: #00508F; font-size: 16px; line-height: 16px; } #contact .l_col .inner .main_body p { line-height: 13px; padding: 10px 0px 5px 0px; } #contact .l_col .inner .main_body span.blu { color: #008DCE; } /******************************************** * * GUIDES BROCHURES * *********************************************/ #guides {} #guides .inner {} #guides .l_col .inner .main_body .subtitle1 { color: #00508F; font-size: 18px; line-height: 18px; } #guides .l_col .inner .main_body .subtitle2 { color: #00508F; font-size: 16px; line-height: 16px; } #guides .l_col .inner .main_body p { line-height: 13px; padding: 10px 0px 5px 0px; } #guides .l_col .inner .main_body span.blu { color: #008DCE; } #guides .listing {} #guides .listing ul {} #guides .listing ul li { background-image: none; line-height:18px; margin-bottom: 14px; padding-left: 0px; } #guides .listing ul li.item { float: left; width: 309px; height: 80px; } #guides .listing ul li.item .thumb { float: left; width: 110px; height: 80px; } #guides .listing ul li.item .thumb a { display: block; width: 100px; padding: 1px; border: 0px solid #D1D1D1; } #guides .listing ul li.item .desc {float: left; width: 190px; height: 80px; margin: 0px 0px 0px 5px; } #guides .listing ul li.item .desc .title { padding: 0px 0px 0px 0px; font-size: 15px; line-height: 17px; color: #0076DF; } #guides .listing ul li.item .desc .title a { font-size: 15px; line-height: 17px; color: #0076DF; } #guides .listing ul li.item .desc .excerpt { padding: 2px 0px 0px 0px; font-size: 11px; line-height: 11px; color: #999999; } #guides .listing ul li.item .desc .dl { padding: 2px 0px 0px 0px; } #guides .listing ul li.item .desc .dl a { display: block; padding: 0px 0px 0px 22px; background: url(../images/ico_pdf.png) no-repeat 0px 2px; } #guides input.cbox { margin:-1px 4px 0 0; } /******************************************** * * NEWSLETTER * *********************************************/ #newsletter {} #newsletter .main_desc {} #newsletter .main_desc img { float: left; margin: 14px 15px 20px 16px; } #newsletter .main_body {} #newsletter input.cbox { margin:-1px 4px 0 0; } /******************************************** * * FAVORIS * *********************************************/ #favoris .listing .item { height: auto; overflow: hidden; } #favoris .main_desc .excerpt { padding-top: 0px; padding-bottom: 40px; margin-top: -5px; } #content #favoris .coordonnees .side_col { width: 245px; } #content #favoris .coordonnees .main_col { width: 250px; } #favoris .membre_address { font-size: 11px; line-height: 13px; } #favoris .coordonnees .main_col div { text-align: right; } #favoris .toggle { width: 100px; margin-top: 5px; } #favoris .toggle_detail { padding: 12px 0px 4px 0px; } #favoris .toggle span { color: #558c30; padding-right: 13px; background: url(../images/ico_toggler.gif) no-repeat right 3px; } #favoris .toggle_open span { background-position: right -10px; } /******************************************** * * GENERAL (AUTRES) PAGES (contact, groupes, medias, congres) * *********************************************/ /******************************************** * * PLAN DU SITE * *********************************************/ #sitemap .main_desc {} #sitemap .main_body { padding: 0px 0px 20px 0px; } #sitemap .main_body .col { float: left; width: 300px; margin: 5px 0px 0px 20px; } #sitemap .main_body .col.first { margin: 5px 0px 0px 0px; } #sitemap .main_body .col ul {} #sitemap .main_body .col ul li.level1 { background-image: none; } #sitemap .main_body .col ul li.level1 ul {} #sitemap .main_body .col ul li.level1 ul li.level2{} /******************************************** * * INFOLETTRES * *********************************************/ #infolettres .main_desc {} #infolettres .main_body { padding: 0px 0px 20px 0px; } #infolettres .main_body .col { float: left; width: 296px; margin: 5px 0px 0px 20px; } #infolettres .main_body .col.first { margin: 5px 0px 0px 0px; } #infolettres .main_body .col ul { margin: 0px; } #infolettres .main_body .col ul li { min-height: 25px; } #infolettres .main_body .col ul li a { padding: 7px 10px 2px 7px; } /******************************************** * * CARTE INTERACTIVE * *********************************************/ #carte_interactive { width: 610px; background: #f6f6f6; border: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 40px; } #content #carte_interactive .l_col { width: 30%; margin: 5px 10px 0px -2px; min-height: 0px; font-size: 11px; } #carte_interactive .carte_interactive-options { padding: 10px 10px 10px 15px; } #carte_interactive #legendeConditions { font-size: 11px; float: right; width: 175px; margin-right: -20px; } #carte_interactive #legendeConditions .item { float: left; width: 40%; line-height: 12px; margin-top: 5px; } #carte_interactive #legendeConditions .picto { border: 1px solid #ccc; width: 10px; height: 10px; display: block; float: left; margin-right: 5px; } #carte_interactive #legendeConditions .red { background: #bf777b; } #carte_interactive #legendeConditions .green { background: #8cff89; } #carte_interactive #legendeConditions .yellow { background: #feff96; } #carte_interactive #legendeConditions .orange { background: #ffd28c; } #carte_interactive #legendeConditions .grey { background: #bbbac0; } /******************************************** * * ZM : SHARED * *********************************************/ #zone_membre { border-top: 0px; height: auto !important; min-height: 680px; height: 680px; } #zone_membre .warning { padding: 1px 20px 5px 20px; height: 20px; color: #FF0000; font-size: 13px; line-height: 18px; } #zone_membre .bloc_links_sections .bloc { width: auto; } #zone_membre .bloc_links_sections .bloc .body { border: 1px solid #D1D1D1; } #zone_membre .bt_edit { height: 50px; margin: 10px 0px 0px 3px; background: transparent url(../images/bt_voir_galerie.png) 0px 0px no-repeat; } #zone_membre .bt_edit a { display: block; padding: 5px 0px 0px 62px; height: 45px; font-size: 20px; line-height: 20px; color: #666666; background: transparent url(../images/ico_edit_member.png) 6px 5px no-repeat; } #zone_membre .bt_edit a:hover { background-position: 6px -58px; } #zone_membre .body .subtitle { padding: 17px 0px 4px 17px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #D1D1D1; background: transparent url(../images/ico_bullet.png) 5px 17px no-repeat; } #zone_membre .body .subtitle, #zone_membre .body .subtitle a { color: #008DCE; font-size: 15px; line-height: 26px; } #zone_membre .body a.collapser {} #zone_membre .body a.collapser span.show_suite { display: none; } #zone_membre .body a.collapser span.hide_suite { display: block; } #zone_membre .body a.collapser.hidden {} #zone_membre .body a.collapser.hidden span.show_suite { display: block; } #zone_membre .body a.collapser.hidden span.hide_suite { display: none; } #zone_membre .main_body p { padding-left: 17px; } #zone_membre .main_body p a.collapser { display: block; text-align:right; } #zone_membre .main_body div.webhide { position: relative; padding-left: 17px; } #zone_membre form {} #zone_membre form .search_box { height: auto; width: 648px; margin: 12px 0; } #zone_membre form .search_box .body { height: auto; padding: 0 13px; } #zone_membre form .search_box .body .confirm { color: #66A839; padding: 5px 0px 15px 0px; font-size: 16px; line-height: 20px; font-weight: bold; } #zone_membre form .search_box .body .title { padding: 12px 0px 0px 1px; color: #666666; font-size: 20px; line-height: 20px; } #zone_membre form .search_box .body .subtitle { padding: 17px 0px 4px 17px;border-bottom: 1px solid #D1D1D1; background: transparent url(../images/ico_bullet.png) 5px 17px no-repeat; } #zone_membre form .search_box .body .subtitle, #zone_membre form .search_box .body .subtitle a { color: #008DCE; font-size: 15px; line-height: 26px; } #zone_membre form .search_box .body .subtitle a span.collapser {display: block; float: right; width: 18px; height: 18px; background: transparent url(../images/bkg_collapser.png) 0px 0px no-repeat; } #zone_membre form .search_box .body .subtitle a span.collapser:hover { background-position: -19px 0px; } #zone_membre form .search_box .body .subtitle a.hidden span.collapser { background-position: 0px -19px; } #zone_membre form .search_box .body .subtitle a.hidden span.collapser:hover { background-position: -19px -19px; } #zone_membre form .panel { padding: 0px 0px 20px 0px; } #zone_membre form .panel .desc_text { color: #999999; } #zone_membre form label { width: 300px; color: #666666; font-weight: bold; height: 27px; line-height: 30px; background-color: #F4F4F4; } #zone_membre form label.cbox { width: 330px; height: 20px; margin: 0px; line-height: 17px; font-weight: normal; } #zone_membre form label.xs { float: left; width: 35px; line-height: 20px; font-weight: normal; } #zone_membre form label.photo_label { float: left; width: 55px; line-height: 20px; font-weight: normal; } #zone_membre form label.sublabel { float: left; width: 75px; line-height: 20px; font-weight: normal; margin-left: 11px; } #zone_membre form input.itext { float: left; width: 350px; } #zone_membre form input.ifile { height: 22px; } #zone_membre form input.itext.sm { width: 92px; } #zone_membre form input.datepicker { width: 100px; } #zone_membre form textarea.itext { float: left; width: 350px; height: 100px; } #zone_membre form span.iexample { display: block; float: left; width: 255px; height: 25px; margin: 0px 0px 0px 5px; font-size: 11px; line-height: 11px; color: #999999; } #zone_membre form .gps {} #zone_membre form .gps .labels { float: left; width: 102px; height: 60px; } #zone_membre form .gps .labels label { width: 90px; font-weight: normal; text-align: right; } #zone_membre form .gps .inputs { float: left; width: 246px; height: 60px; } #zone_membre form .gps .inputs input.itext { width: 246px; margin-top: 4px; } #zone_membre form .gps .links { float: left; width: 250px; height: 60px; background: transparent url(../images/ico_link_external.png) 17px 13px no-repeat; } #zone_membre form .gps .links a { display: block; padding: 11px 0px 0px 32px; margin: 0px 0px 0px 14px; font-size: 11px; line-height: 11px; } #zone_membre form img.ui-datepicker-trigger { margin: 3px 8px 0 4px; } #zone_membre form #panel_personne2, #zone_membre form #panel_personne3 { height: 0px; display:none; } #zone_membre form button.isubmit { float: right; width: 290px; height: 30px; margin: 20px 0px 25px 0px; background: transparent url(../images/bt_submit_zm.png) 0px 0px no-repeat; } #zone_membre form.form_photos #panel_add { margin-top: 12px; } /******************************************** * * NEXT ... * *********************************************/