@charset "UTF-8";

/*
Theme Name: La route des sucres
Description: Theme pour le site web de La route des sucres
Version: 1.0
Author: PAR Design
Author URI: http://www.pardesign.net/
*/

/*****************************/
/* FONTS */
/*****************************/
@import url(http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic);


/*****************************/
/* MEYER RESET */
/*****************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, home-header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, home-header, hgroup, menu, nav, section { display: block; }
ul,ol	{ list-style-type: none; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


/*****************************/
/* MAIN STYLES */
/*****************************/
.cf:before,
.cf:after	{ content:""; display:table; }
.cf:after	{ clear:both; }
.cf 	 	{ zoom:1; }

.alignleft		{ float:left; margin-right:10px; margin-bottom:10px; }
.alignright		{ float:right; margin-left:10px; margin-bottom:10px; }
.aligncenter	{ margin-left:auto; margin-right:auto; display:block; }

strong,b		{ font-weight: bold; }
em			{ font-style: italic; }

.inner	{ width: 960px; margin: 0 auto; }

body	{ font-family: Arial; font-size: 12px; }

a		{ color: #d6113c; text-decoration: none; }
a:hover	{ text-decoration: underline; }


/*****************************/
/* HEADER */
/*****************************/
header	{ background: url(images/bg-header.png) no-repeat center top; height: 261px; position: relative; z-index: 999; margin-bottom: -18px; }

.header-top				{ padding-top: 50px; }
.header-top .logo		{ float: left; width: 300px; margin: 0 90px 0 10px; text-align: center; }
.header-top .logo p		{ font-size: 18px; color: #fff; margin-top: 10px; }
.header-top .pub		{ float: left; margin-top: 27px; width: 58%; max-height: 78px; display:inline-block;}

.header-bottom	{ border-top: 1px solid #222; margin-top: 21px; }

.map #content		{ min-width: 300px; min-height: 55px; }
.map #content a		{ color: #363636; }
.map #content h2 a	{ color: #d6113c; font-size: 16px; font-family: Georgia; font-weight: bold; }

#map_canvas:empty	{ background: url(images/spinner.gif) no-repeat center; }

/*****************************/
/* MENUS */
/*****************************/
.main-menu-wrapper			{ border-top: 1px solid #898989; }
.main-menu-wrapper ul		{ height: 55px; width: 960px; margin: 0 auto; text-align: justify; }
.main-menu-wrapper li		{ display: inline; position: relative; z-index: 9999; }
.main-menu-wrapper li a		{ display: inline-block; height: 55px; line-height: 55px; padding: 0 5px;
								font-size: 13px; font-weight: bold; text-transform: uppercase; color: #fff; }
.main-menu-wrapper li a:hover	{ background: url(images/bg-main-menu-item.png); }
.main-menu-wrapper li img		{ padding-top: 10px; }
.main-menu-wrapper .last 	{ visibility: hidden; margin-right: 99%; padding: 0; white-space: nowrap; }


/*****************************/
/* CONTENT */
/*****************************/
.header-img	{ height: 242px; background: url(images/header-img.jpg) center; }

.page .breadcrumbs-wrapper	{ border-bottom: 3px double #ccc; height: 29px; }
.page .breadcrumbs-wrapper p	{ line-height: 29px; font-family: 'Arvo', serif; font-size: 14px; color: #333; font-weight: 700; text-align: right; }
.page .breadcrumbs-wrapper a	{ font-weight: normal; color: #333; font-family: Arial; font-size: 12px; }
.page .breadcrumbs-wrapper .breadcrumb_last	{ color: #993333; font-size: 12px; }

.content		{ margin-bottom: 20px; }
.content h1		{ font-size: 24px; color: #231f20;  padding: 0 12px 10px; margin: 20px 0; border-bottom: 1px solid #D1D3D4; }
.content h2		{ font-size: 17px; font-weight: bold; color: #d6113c; margin: 12px 0 10px; }

.content .post h3	{ font-size: 16px; font-weight: bold; color: #231f20; margin: 10px 0; line-height: 24px; }
.content .post p,
.content .post li		{ font-size: 14px; color: #231f20; margin: 10px 0; line-height: 24px; }
.content .post ul		{ margin-left: 23px; border-left: 3px solid #d6113c; }
.content .post ul li	{ background: url(images/bullet.png) no-repeat left 8px; padding-left: 10px; margin-left: 10px; }
.content .post ol		{ margin-left: 23px; border-left: 3px solid #d6113c; list-style-type: decimal; }
.content .post ol li	{ margin-left: 30px; }

.page-template-tpl-no-sidebar-php .content .post	{ width: 100%; float: none; }

.content .post 				{ width: 650px; float: left; }
.page-id-7 .vc_col-sm-6		{ padding-right: 10px; }

.post .shack		{ border: 1px solid #dbdbdb; padding: 10px 20px; }
.post .shack h3		{ font-weight: bold; margin: 17px 0 10px; font-size: 14px; color: #363636; }
.post .shack a		{ color: #d6113c; }

.post .shack .owner		{ color: #d6113c; font-weight: bold; background: url(images/icon-owner.png) no-repeat left center; padding-left: 20px; margin: 5px 0; }
.post .shack .region	{ color: #d6113c; font-weight: bold; background: url(images/icon-region-small.png) no-repeat left center; padding-left: 20px; margin: 5px 0; }

.post .shack .weblink		{ display: inline-block; background: #d6113c url(images/icon-outlink.png) no-repeat right 4px;
								height: 19px; line-height: 19px; padding: 0 27px 0 6px; color: #fff; border: 1px solid #d6113c; }
.post .shack .weblink:hover	{ background-color: #c2c2c2; border-color: #dbdbdb; color: #666; }

#shack_search_form													{ width: 846px; margin: 0 auto; background: url(images/bg-shack-search.png); height: 40px; padding: 7px 52px; }
#shack_search_form .chzn-container									{ width: 844px!important; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }
#shack_search_form .chzn-container-single .chzn-single				{ color: #d6113c; font-size: 25px; font-weight: bold; }
#shack_search_form .chzn-container-active .chzn-single-with-drop	{ color: #fff; }
#shack_search_form .chzn-container .chzn-drop						{ width: 844px!important; padding-top: 0; background: none; top: 41px!important; }
#shack_search_form .chzn-container-single .chzn-search input		{ width: 807px!important; }


/*****************************/
/* FRONT PAGE */
/*****************************/
.search-tool	{ height: 65px; background: url(images/bg-search-bar.gif); padding-top: 11px; border-top: 1px solid #7a7a7a; }
.view-filters	{ width: 904px; margin: 0 auto; background: url(images/bg-search-form.png); height: 40px; padding: 7px 23px; }
.filter			{ float: left; border-right: 1px solid #dbdbdb; position: relative; }
.activities		{ border: none; }

.region .chzn-container-single .chzn-single				{ background: url(images/bg-region.png) top left; padding-left: 47px; }
.shack .chzn-container-single .chzn-single				{ background: url(images/bg-shack.png) top left; padding-left: 47px; }
.services .chzn-container-single .chzn-single			{ background: url(images/bg-services.png) top left; padding-left: 47px; }
.activities .chzn-container-single .chzn-single			{ background: url(images/bg-activities.png) top left; padding-left: 47px; }
.filter .chzn-container-active .chzn-single-with-drop	{ background-position: bottom; }

.filter .help	{ font-size: 14px; color: #d6113c; width: 157px; height: 54px; position: absolute; top: -76px; left: 0; background: url(images/bg-dropdown-help.png);
				padding: 18px 10px 0 73px; display: none; }
.icon .help		{ font-size: 14px; background-color: #d6113c; width: 214px; height: 69px; position: absolute; bottom: 239px; left: 263px;
				background: url(images/bg-dropdown-help-right.png) no-repeat; display: none; padding: 9px 10px 0; line-height: 18px; }

.filter:hover .help	{ display: block; }
.icon:hover .help { display: block; }

.shack-list.loading { min-height: 100px; background: url('images/spinner.gif') no-repeat center; }

.shack-list .shack			{ border: 1px solid #dbdbdb; padding: 10px 20px; position: relative; margin: 4px 0; width: 277px; float: left;
							 margin-right: 6px; }
.shack-list .shack h2		{ font-family: Georgia; font-size: 18px; margin: 10px 0; }
.shack-list .shack h2 a		{ color: #d6113c; }

.icon { background: url('images/icon_edit.png') no-repeat right; height: 24px; width: 18px; display: inline-block; }

.shack-list .shack h3		{ font-weight: bold; margin: 17px 0 10px; font-size: 14px; color: #363636; }
.shack-list .shack p		{ color: #363636; }
.shack-list .shack a		{ color: #363636; }

.shack-list .shack .left p	{ line-height: 20px; }
.shack-list .shack .left a	{ overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; }

.shack-list .shack .right		{ float: right; width: 285px; }
.shack-list .shack .right p		{ line-height: 24px; }
.shack-list .shack a.link		{ display: inline-block; background: #d6113c url(images/icon-outlink.png) no-repeat right 4px;
									height: 19px; line-height: 19px; padding: 0 27px 0 6px; color: #fff; border: 1px solid #d6113c; }

.shack-list .shack .right a:hover	{ background-color: #c2c2c2; border-color: #dbdbdb; color: #666; }

.shack-list .shack .owner	{ color: #d6113c; font-weight: bold; background: url(images/icon-owner.png) no-repeat left center; padding-left: 20px; margin: 5px 0; }
.shack-list .shack .region	{ color: #d6113c; font-weight: bold; background: url(images/icon-region-small.png) no-repeat left center; padding-left: 20px; margin: 5px 0; }


.shack-list .pub 		{ margin: 4px 0; margin-right: 6px; width: 249px; float: left; background: #f2f2f2; padding: 0 35px; text-align: center; font-size: 20px; line-height: 24px; }
.shack-list .pub span	{ display: block; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }


/*****************************/
/* SIDEBAR */
/*****************************/
.sidebar		{ width: 280px; float: right; text-align: center; background: #f2f2f2; padding: 35px 0; }
.sidebar .hr	{ height: 1px; background: #eaeaea; margin: 35px 0; }

.sidebar a 				{ display: inline-block; margin-bottom: 10px; }
.sidebar a:last-child	{ margin: 0; }
.sidebar img { width:250px; }

/*****************************/
/* FORM */
/*****************************/
.content .post ul.gform_fields		{ margin: 0; border: none; }
.content .post ul.gform_fields li	{ margin: 10px 0; padding: 0; background: none; }

/*****************************/
/* FOOTER */
/*****************************/
footer		{ height: 43px; line-height: 43px; background: #adadad; border-top: 1px solid #cdcdcd; color: #fff; }
footer a	{ color: #fff; }


.footer-left	{ float: left; }
.footer-right	{ float: right; }

.contact-us-cta		{ background: #d6113c; padding: 30px 0; text-align: center; color: #fff; font-size: 20px; font-weight: normal; }
.contact-us-cta a	{ color: #fff; }