::selection {
	background:#85C356;
	color:#000000;
}
::-moz-selection {
	background:#85C356;
	color:#000000;
}

.clr{
	clear:both;
}

.mobileonly{
	display: none;
}


/* FRED ADDED THIS */
.hiddenElement{
	display:none;
	visibility: hidden;
}
.err
,input.err+label
,select.err+label{
	color:#eb4343 !important;
}
/*input.err+label{
	color:#eb4343 !important;
}*/
input.err::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#eb4343 !important;
}
input.err::-moz-placeholder { /* Firefox 19+ */
  color:#eb4343 !important;
}
input.err:-ms-input-placeholder { /* IE 10+ */
  color:#eb4343 !important;
}
input.err:-moz-placeholder { /* Firefox 18- */
  color:#eb4343 !important;
}
/* Message */
div.msgs {
	background: #e4e4e4;
	box-sizing: content-box;
	padding:10px;
	margin-bottom: 30px;
}
	div.msgs p{
		margin: 0;
		font-style: italic;
	}
	div.msgs p.error{
		color:#eb4343;
	}
	div.msgs p.success{
		color:#85C356;
	}
	
	#app div.shareMsgCtn{
		display:none;
		visibility: hidden;
		opacity:0;
		max-height: 0;
		z-index: -10;
		transition: opacity .6s;
	}
	#app div.shareMsgCtn.opening{
		position: relative;
		display: block;
		visibility: visible;
		max-height: none;
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 900;
		background-color:rgba(255,255,255,.5);
		background-image: url(../images/pattern.png);
		background-image: -webkit-image-set(url(../images/pattern.png) 1x, url(../images/pattern2x.png) 2x);
	}
	#app div.shareMsgCtn.opened{
		opacity:1;
/*background: red;*/
	}
		#app div.shareMsgCtn>div{
			width: 70%;
			box-sizing: border-box;
			padding: 100px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background-color:#FFFFFF;
			box-shadow: 0 0 20px rgba(0,0,0,.09);
/*background: yellow;*/
		}
			#app div.shareMsgCtn>div>span{
				position: absolute;
				top:20px;
				right:20px;
			}
			#app div.shareMsgCtn>div>span:hover{
				cursor: pointer;
				color:#85C356;
			}
				#app div.shareMsgCtn>div>form>label{
					display: block;
					width: 100%;
					position: relative;
					top: -60px;
					/*left: 5px;*/
					height: 20px;
					line-height: 20px;
					font-size: 14px;
					font-weight: bold;
					color: #000000;
					text-transform: uppercase;
					transform: translateY(0);
				}
				#app div.shareMsgCtn>div>form>textarea+label{
					top: -180px;
				}
				#app div.shareMsgCtn>div>form>textarea{
					background-color:#e4e4e4;
					border: 0;
					border-radius: 0;
					height: 152px;
					padding: 0 5px;
					/* padding-left: 80px; */
					margin: 2px 1px 2px 0;
					font-family: "mr-eaves-modern",sans-serif;
					font-size: 18px;
					font-weight: 300;
					transition: background .5s;
					width: 100%;
					width: calc(100% - 2px);
					box-sizing: border-box;
					resize: none;
				}
				#app div.shareMsgCtn>div>form>input{
					background-color:#e4e4e4;
					border: 0;
					border-radius: 0;
					height: 38px;
					padding: 0 5px;
					/* padding-left: 80px; */
					margin: 2px 1px 2px 0;
					font-family: "mr-eaves-modern",sans-serif;
					font-size: 18px;
					font-weight: 300;
					transition: background .5s;
					width: 100%;
					width: calc(100% - 2px);
					box-sizing: border-box;
				}
				#app div.shareMsgCtn>div>form>input
				,#app div.shareMsgCtn>div>form>textarea{
					width: 100%;
				}
				#app div.shareMsgCtn>div>form>input.error
				,#app div.shareMsgCtn>div>form>textarea.error{
					border:#eb4343 1px solid;
				}
				#app div.shareMsgCtn>div>form>input.error+label
				,#app div.shareMsgCtn>div>form>textarea.error+label{
					color:#eb4343;
				}
@media (max-width: 860px) {
	#app div.shareMsgCtn>div{
		width: 80%;	
	}	
}
@media (max-width: 700px) {
	#app div.shareMsgCtn>div{
		width: 90%;
		padding: 50px;

	}	
}
@media (max-width: 500px) {
	#app div.shareMsgCtn>div{
		width: 96%;
		padding: 30px;

	}	
}
/* END */
/*Styling floated images via CKEditor*/
	.box .wysDisplay img
	,.cke_editable img{
		display:block;
		max-width: 100%;
		margin:.5em auto;
	}
	.box .wysDisplay img[style*="float:left"]
	,.box .wysDisplay img[style*="float :left"]
	,.box .wysDisplay img[style*="float: left"]
	,.box .wysDisplay img[style*="float : left"]
	,.cke_editable img[style*="float:left"]
	,.cke_editable img[style*="float :left"]
	,.cke_editable img[style*="float: left"]
	,.cke_editable img[style*="float : left"]{
		float: left;
		clear: left;
		margin: 0 10px 10px 0;
		max-width: 30%;
	}
	.box .wysDisplay img[style*="float:right"]
	,.box .wysDisplay img[style*="float :right"]
	,.box .wysDisplay img[style*="float: right"]
	,.box .wysDisplay img[style*="float : right"]
	,.cke_editable img[style*="float:right"]
	,.cke_editable img[style*="float :right"]
	,.cke_editable img[style*="float: right"]
	,.cke_editable img[style*="float : right"]{
		float: right;
		clear: right;
		margin: 0 0 10px 10px; 
		max-width: 30%;
	}

	/*for the FE admin */
	.cke_editable{
		max-width: 810px !important;
	}

	#ajaxProcess{
		display:none;
		visibility: hidden;
		opacity: 0;
		height: 0;
		transition:opacity .4s;
	}
	#ajaxProcess.toBeActive{
		background-color:rgba(255,255,255,.9);
		position:fixed;
		display:block;
		visibility:visible;
		height: 100%;
		width: 100%;
		z-index: 9999;
	}
	#ajaxProcess.toBeActive.active{	
		opacity: 1;
	}
/* END */

a{
	color:#85C356;
}

a:hover{
	color:#000;
}

.hellip{
	font-size:.8em;
	opacity: .5;
	font-weight: normal;
}


h1,
h2{
	display: block;

	font-family: "tenso";
	/*font-weight: bold;*/
	font-style: normal;
	font-weight: 500;

	font-size:34px;

	margin:0 auto;
	padding:0;

	margin-bottom:35px;
}

	h1>span,
	h2>span{
		background: linear-gradient(#85C356 0%, #85C356 100%);
		background-size: 100% 4px;
		background-repeat: no-repeat;
		background-position: 0% 100%;
		/*display: inline;*/
	}

h3{
	font-size:25px;
	margin-top:0;
	margin-bottom:35px;
}
h3.inForm{
	margin-top:35px;
}

h3.flush{
	margin-bottom:8px;
}

h4{
	font-size:25px;
	margin-top:0;
	margin-bottom:35px;
}

h5{
	font-size:20px;
	margin-top:0;
	margin-bottom:35px;
}

h6{
	font-size:15px;
	margin-top:0;
	margin-bottom:35px;
}


hr{
	border:0;
	display: block;
	width:100%;
	height:4px;
	background:#E4E4E4;
	margin:20px 0;
	padding:0;
}

.box>.topimg{
	float:right;
	background:#FFF;
	padding:0 0 20px 20px;

	min-width:100px;
	/* FRED DID THIS */
	/*max-width:40%;*/
	max-width:50%;
	/* END */

	width:auto;
	height:auto;
}
	
	.box>.topimg img{
		display: block;
		max-width:100%;
		height:auto;
		background:#DDD;
	}
/* FRED ADDED THIS */
div.box p.intro{
	font-size: 1.2em;
	font-weight: 600;
	text-transform: uppercase;	
}

ul.steps{
	display: block;
	list-style: none;
	padding:0;
	margin:0;
}

	ul.steps{
		font-weight:bold;
	}
/* END */
ul.specs{
	display: block;
	list-style: none;
	border-top:4px solid #E4E4E4;
	border-bottom:4px solid #E4E4E4;
	padding:20px 0;
	margin:20px 0;
}

	ul.specs>li{
		font-weight:bold;
	}

		ul.specs>li>label{
			font-weight: normal;
			color:#85C356;
		}

h1+ul.specs,
h2+ul.specs{
	margin-top:-10px;
}


div.select{
	position: relative;
	text-align: left;
	border:1px solid #E4E4E4;
	height:30px;
	line-height: 30px;
	/*padding:5px 10px 5px 10px;*/
	padding:4px 9px 4px 9px;
}

	div.select>select{
		width:100%;
	}

div.select.inited{
	padding-right:40px;
	font-size:14px;
}


	div.select.inited>select{
		display: none;
	}

	div.select.inited::after{
		position: absolute;
		top:50%;
		right:0;
		width:40px;
		height:40px;
		line-height: 40px;
		text-align: center;
		margin-top:-20px;

		font-family: 'icomoon' !important;
		content: "\e913";
	}

	div.select.inited>.default{
		position: absolute;
		top:50%;
		left:10px;
		transform: translateY(-50%);
	}

		div.select.inited>.default>.value{
			line-height:40px;
		}

			div.select.inited>.default>.value>a{
				text-decoration: none;
				color:inherit;
				pointer-events: none;
			}


	div.select.inited>.default.withSubtitle{
		white-space: nowrap;
	}

		div.select.inited>.default.withSubtitle>.value{
			display: inline-block;
			padding-left:.25em;
			/*line-height:20px;*/
		}

		div.select.inited>.default.withSubtitle>.subtitle{
			display: inline-block;
			/*font-size:14px;*/
			/*line-height:15px;*/
			/*opacity: .5;*/
			color:#85C356;
		}

	div.select.inited:hover,
	div.select.inited.hover,
	#pageContainer #thepage section form .field.select.inited:hover,
	#pageContainer #thepage section form .field.select.inited.hover{
		cursor: pointer;
		background:#85C356;
		color:#FFF;
	}

	div.select.inited:hover>.default.withSubtitle>.subtitle,
	div.select.inited.hover>.default.withSubtitle>.subtitle{
		color:#FFF;
		opacity: .7;
	}


	div.select.inited>ul{
		display: block;
		margin:0;
		padding:0;
		list-style: none;
		position: absolute;
		top:100%;
		left:0;
		width:100%;
		background:#FFF;
		z-index:9;
		box-sizing: border-box;
		border: 1px solid #E4E4E4;
		max-height:0;
		overflow: hidden;
		opacity: 0;
		transition: max-height .5s, opacity .2s .3s;
	}
	div.select.inited.hover>ul{
		z-index:10;
		max-height:200px;
		overflow: auto;
		opacity: 1;
		transition: max-height .3s, opacity .1s;
	}

		div.select.inited>ul>li{
			padding:0 10px;
			color:#000000;
		}

			div.select.inited>ul>li>a{
				color:inherit;
				text-decoration: none;
			}

		div.select.inited>ul>li.selected{
			color:#85C356;
		}

		div.select.inited>ul>li:hover{
			background:#85C356;
			color:#FFFFFF;
			cursor: pointer;
		}


.half{
	float:left;
	width:50%;
	width:calc(50% - 12px);
}

.half+.half{
	margin-left:24px;
}

.hiddenList{
	list-style: none;
	margin:0;
	padding:0;
	display: block;
}

p.sub{
	margin-top:0;
	color:#888;
	font-size:.94em;
	margin-bottom:35px;
}

h1+p.sub,
h2+p.sub,
h3+p.sub{
	margin-top:-30px;
}

body, html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family: sans-serif;
	background:#EDEDED;
} 

	#app{
		/*FRED ADDED THIS*/
		position: relative;
		/*END*/
		width:100%;
		height:100%;
		font-size:21px;
		background:#EDEDED;
		font-family: "mr-eaves-modern",sans-serif;
	}

		button,
		.button{
			position: relative;

			-webkit-appearance:none;
			border:0;
			display: block;
			height:40px;
			line-height: 40px;
			padding:0 35px;
			text-align: center;
			margin:0 auto;
			border-radius: 55px;
			background: #85C356;
			color:#000;
			font-family: "mr-eaves-modern",sans-serif;
			font-size:13px;
			text-transform: uppercase;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			max-width:calc(100% - 100px);
			display: inline-block;
			/*margin-top:50px;*/
			text-decoration: none;
			box-sizing: border-box;
			min-width:190px;
			border:0;

			transition: padding .5s .2s, text-indent .5s .2s, background .5s .2s, color .5s .2s;
		}

		button.subtle,
		.button.subtle,
		#pageContainer #thepage section form button.subtle,
		#pageContainer .styledform button.subtle{
			background:transparent !important;
			color:#000000 !important;
			margin-top:0;
			height:1em;
			line-height: 1em;
			padding:0;
			border:0;
			border-radius: 0;
			margin-top:20px;
			clear:both;
		}

		
		button.notFullWidth{
			width: auto;
			float:left;
			margin-right: 30px !important;
		}

		button.disabled,
		.button.disabled{
			pointer-events: none;
			opacity: .8;
			filter: grayscale(1) brightness(1.3);
		}


		button::after,
		.button::after{
			position: absolute;
			top:0;
			right:5px;
			height:40px;
			width:40px;
			text-align: center;
			line-height: 40px;
			display: block;

			transform: translateX(10px);

			font-family: 'icomoon' !important;
			content: "\e902";
			opacity: 0;

			transition: opacity .5s .2s, transform .5s .2s;
		}

		button.prev::after,
		.button.prev::after{
			transform: translateX(-10px);
			right:auto;
			left:5px;
			content: "\e904";
		}


		button:hover,
		.button:hover,
		.js .hoverer:hover button,
		.js .hoverer:hover .button{
			cursor: pointer;
			/*filter: brightness(1.1);*/
			text-indent:-10px;
			padding-right:45px;

			transition: padding .3s, text-indent .3s, background .3s, color .3s;
		}

		button.prev:hover,
		.button.prev:hover,
		.js .hoverer:hover button.prev,
		.js .hoverer:hover .button.prev{
			cursor: pointer;
			/*filter: brightness(1.1);*/
			text-indent:10px;
			padding-left:45px;
			padding-right:35px;

			transition: padding .3s, text-indent .3s, background .3s, color .3s;
		}


		button:hover::after,
		.button:hover::after,
		.js .hoverer:hover button::after,
		.js .hoverer:hover .button::after{
			opacity: 1;
			/*right:20px;*/
			transform: translateX(0);

			transition: opacity .3s, transform .3s;
		}

		button.noArrow,
		.button.noArrow,
		button.subtle,
		.button.subtle{
			padding:0;
			text-indent:0;
		}
		button.noArrow::hover,
		.button.noArrow::hover,
		button.subtle::hover,
		.button.subtle::hover{
			text-indent:0;
			padding:0;
			filter:brightness(1.1);
		}
		button.noArrow::after,
		.button.noArrow::after,
		button.subtle::after,
		.button.subtle::after{
			content:"";
		}

		button.big,
		.button.big{
			height:55px;
			line-height: 55px;
			padding:0 40px;
			font-size:17px;
			min-width:0;
		}

		button.big::after,
		.button.big::after{
			height:55px;
			line-height: 55px;
		}

		button.big:hover,
		.button.big:hover,
		.js .hoverer:hover button.big,
		.js .hoverer:hover .button.big{
			padding-right:50px;
		}





		.hoverarrow{
			padding-right:20px;
			margin-right:20px;
			position: relative;
		}

		.hoverarrow::after{
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			transform: translateX(10px);
			font-family: 'icomoon' !important;
			content: "\e902";
			opacity: 0;
			transition: opacity .5s .2s, transform .5s .2s;
		}

		.js .hoverer:hover .hoverarrow::after,
		.hoverarrow:hover::after{
			transform: translateX(0);
			opacity: 1;
			transition: opacity .3s, transform .3s;
		}




		[class^="icon-"] .txt, [class*=" icon-"] .txt{
			display: inline-block;
			width:1px;
			height:1px;
			overflow: hidden;
			font-size:0;
			opacity:0;
			text-indent:-100px;
		}



		.endofpage{
			margin-bottom:-20px;
		}


		.icon-arrow_date{
			font-size:.5em;
		}

		/* HEADER */
		#app>header{
			position: absolute;
			top:0;
			left:0;
			width:100%;
			height:100px;
			background: #85C356;
			font-size:17px;
		}

			/* LOGO */
			#app>header>#logo{
				position: absolute;
				top:0;
				left:0;
				width:220px;/*was 280px;*/
				height:100px;
				background:#85C356;
				overflow: hidden;
				box-shadow: 0 0 20px rgba(0,0,0,.09);
				background:#FFFFFF;
			}

				#app>header>#logo>a{
					/* FRED ADDED THIS */
					background-color: #85C356;
					/* END */
					display: block;

					width:100%;
					height:100%;
					color:#000;
					text-decoration: none;
					font-size:50px;
				}

					#app>header>#logo>a>span{
						text-align: center;
						position: absolute;
						top:50%;
						left:50%;
						transform: translate(-50%, -50%);
					}


			/* BURGER */
			#app>header>#burger{
				position: absolute;
				top:0px;
				right:0px;
				width:45px;
				height:45px;
				display: none;
				/*transform: translateY(-50%);*/
				background: rgba(255,255,255,.2);
			}
			#app>header>#burger:hover{
				background:#FFFFFF;
				background: rgba(0,0,0,.1);
				/*border-radius: 5px;*/
				cursor: pointer;
			}
				#app>header>#burger>div{
					width:31px;
					height:2px;
					background:#000;
					position: absolute;
					top:21px;
					left:7px;
					transform-origin: 50% 50%;
					transition: transform .5s;
				}
				#app>header>#burger>div.line1{
					transform: translateY(-5px);
					/*top:19px;*/
				}
				#app>header>#burger>div.line2{

				}
				#app>header>#burger>div.line3{

				}
				#app>header>#burger>div.line4{
					transform: translateY(5px);
					/*top:29px;*/
				}
				#app.menuOpen>header>#burger>div.line1{
					transform: translateY(0px) scale(0);
					/*top:19px;*/
				}
				#app.menuOpen>header>#burger>div.line2{
					transform: rotate(-45deg);
				}
				#app.menuOpen>header>#burger>div.line3{
					transform: rotate(45deg);
				}
				#app.menuOpen>header>#burger>div.line4{
					transform: translateY(0px) scale(0);
					/*top:29px;*/
				}

			/* Navigation 1 */
			#app>header>#nav1{
				position: absolute;
				top:0;
				left:220px;/*was 280px;*/
				right:0;
				height:35px;
				line-height: 35px;
				background:#292929;
				color:#FFFFFF;
				overflow: hidden;
				font-size:14px;
				text-transform: uppercase;
				font-weight:300;
			}

			#app>header>#nav1 a{
				color:#FFFFFF;
				text-decoration: none;
			}
			#app>header>#nav1 a:hover,
			#app>header>#nav1 a.active{
				/*text-decoration: underline;*/
				color:#99dc66;
			}


				#app>header>#nav1>ul#socialLinks{
					display: block;
					float:left;
					list-style: none;
					margin:0;
					margin-left:5px;
					padding:0;
					text-align: center;
				}

					#app>header>#nav1>ul#socialLinks>li{
						display: block;
						width:30px;
						height:35px;
						line-height: 35px;
						float:left;
						overflow: hidden;
						/*position: relative;*/
					}

						#app>header>#nav1>ul#socialLinks>li>a{
							display: block;
/*							position: absolute;
							top:50%;
							left:50%;
							transform:translate(-50%, -50%);*/
						}

							#app>header>#nav1>ul#socialLinks>li>a>span{
								line-height: 35px;
							}


				#app>header>#nav1>ul#navLinks{
					display: block;
					float:right;
					list-style: none;
					margin:0;
					padding:0;
					text-align: center;
				}

					#app>header>#nav1>ul#navLinks>li{
						display: block;
						width:auto;
						padding:0 15px;
						height:35px;
						float:left;
						overflow: hidden;
					}

						/* Text resize */
						#app>header>#nav1>ul#navLinks>li>ul{
							display: block;
							margin:0;
							padding:0;
							list-style: none;
							font-weight: bold;
							margin:0 -2px;

							height:35px;
						}

							#app>header>#nav1>ul#navLinks>li>ul>li{
								float:left;
								vertical-align: bottom;
								display: inline-block;
								padding:0 2px;

								height:35px;
							}

								#app>header>#nav1>ul#navLinks>li>ul>li>a{
									display: block;
									height:35px;
									line-height: 35px;
								}

							#app.fontsize1>header>#nav1>ul#navLinks>li>ul>li.fontsize1>a,
							#app.fontsize2>header>#nav1>ul#navLinks>li>ul>li.fontsize2>a,
							#app.fontsize3>header>#nav1>ul#navLinks>li>ul>li.fontsize3>a{
								color:#85C356;
							}

	

			/* Navigation 2 */
			#app>header>#nav2{
				position: absolute;
				top:35px;
				left:220px;/*was 280px;*/
				right:0;
				height:65px;
				line-height: 65px;
				text-transform: uppercase;
				font-size:17px;
				background:#85C356;
				/*box-shadow: 0 0 20px rgba(0,0,0,.09);*/
			}

			#app>header>#nav2 a{
				color:#292929;
				text-decoration: none;
			}


				#app>header>#nav2>ul{
					display: block;
					float:right;
					list-style: none;
					margin:0;
					padding:0;
					text-align: center;
				}

				#app>header>#nav2>ul#mapMenu{
					float:left;
				}


					#app>header>#nav2>ul>li{
						position: relative;
						display: block;
						width:auto;
						/*height:65px;*/
						float:left;
					}

						#app>header>#nav2>ul>li>a{
							display: block;
							padding:0 15px;
							z-index: 200;
							/*background: red;*/

							background-image: linear-gradient(#99dc66 0%, #99dc66 100%);
							background-position: 15px 70%;
							background-size: 0% 3px;
							background-repeat: no-repeat;
							transition: background .5s;
						}

						#app>header>#nav2>ul>li>a:hover,
						#app>header>#nav2>ul>li>a.active{
							/*background:rgba(255,255,255,.2);*/
							background-size: 100% 3px;
							background-size: calc(100% - 30px) 3px;
						}

/*						#app>header>#nav2>ul#mapMenu>li>a,
						#app>header>#nav2>ul#mapMenu>li>a:hover{
							background: red;
						}*/

	
					#app>header>#nav2>ul>li.wDropdown>a{
						/*padding-right:35px; /* 20 + 15 */
					}

						#app>header>#nav2>ul>li.wDropdown>a::after{
							/*content:"▼";*/

							font-family: 'icomoon' !important;
							content: "\e913";

							/*position: absolute;*/
							/*top:50%;*/
							/*right:10px;*/
							/*transform: translate(-50%, -50%);*/

							/*display: block;*/
							/*float:right;*/
							display: inline-block;
							vertical-align: top;
						}

						#app>header>#nav2>ul>li>ul{
							position: absolute;
							top:65px;
							left:50%;
							transform: translateX(-50%);
							display: block;
							margin:0;
							padding:0;
							background:#FFFFFF;
							list-style: none;
							overflow: hidden;
							max-height:0;
							transition: max-height .5s, padding .5s;
							text-align: left;
							width:200px;
							box-shadow: 0 0 20px rgba(0,0,0,.09);
							padding:0;
						}

						#app>header>#nav2>ul#mapMenu>li>ul{
							transform:none;
							left:0;
						}

/*						#app>header>#nav2>ul>li{
							overflow: hidden;
						}

						#app>header>#nav2>ul>li:hover{
							overflow: visible;
						}*/

						#app>header>#nav2>ul>li.wDropdown:hover>ul,
						#app>header>#nav2>ul>li.openDropdown>ul{
							max-height:200px;
							max-height:calc(100vh - 150px);
							overflow: auto;
						}

							#app>header>#nav2>ul>li>ul>li{
								display: block;
								margin:0;
								padding:0;
								line-height: 20px;
							}

								#app>header>#nav2>ul>li>ul>li>a{
									display: block;
									padding: 10px 20px;
								}

								#app>header>#nav2>ul>li>ul>li.active>a{
									color:#85C356;
								}

								#app>header>#nav2>ul>li>ul>li:hover>a{
									background:#85C356;
									color:#FFFFFF;
								}


					#app>header>#nav2>ul>li.account{
						background:#99dc66;
						font-size: 14px;
						/*background:rgba(255,255,255,.2);*/

						padding:0 15px;
						margin-left:15px;

						cursor: pointer;
					}

					#app>header>#nav2>ul>li.account>a,
					#app>header>#nav2>ul>li.account>a.active{
						background-image: linear-gradient(#85C356 0%, #85C356 100%);
						white-space: nowrap;
					}




						#app>header>#nav2>ul>li.account>ul{
							width:220px;
							left:auto;
							right:0;
							transform: none;
							overflow: hidden;
						}

							#app>header>#nav2>ul>li.account>ul>li{
								position: relative;
							}

							#app>header>#nav2>ul>li.account>ul>li.title{
								font-size:12px;
								height:19px;
								line-height: 19px;
								text-align: center;
								color:#DDDDDD;
							}

								#app>header>#nav2>ul>li.account>ul>li.title::before{
									content:"";
									display: block;
									position: absolute;
									top:9px;
									left:10px;
									right:10px;
									background:#DDDDDD;
									height:1px;
								}

								#app>header>#nav2>ul>li.account>ul>li.title>span{
									background:#FFFFFF;
									padding:0 5px;
									display: inline-block;
									position: relative;
								}

							#app>header>#nav2>ul>li.account>ul>li>ul#socialLogin{
								display: block;
								list-style: none;
								width:0;
								padding:0;
								width:100%;
								height:35px;
								margin:10px 0;
								padding:0 10px;
								text-align: center;
								box-sizing: border-box;
							}

								#app>header>#nav2>ul>li.account>ul>li>ul#socialLogin>li{
									display: block;
									float:left;
									margin:0;
									padding:0;
									width:50%;
									height:35px;
									padding-left:5px;
									box-sizing: border-box;
								}

									#app>header>#nav2>ul>li.account>ul>li>ul#socialLogin>li:first-child{
										padding-left:0;
										padding-right:5px;
									}


									#app>header>#nav2>ul>li.account>ul>li>ul#socialLogin>li>a{
										width:100%;
										min-width: 100%;
									}


/*								#app>header>#nav2>ul>li.account>ul>li>ul#socialLogin>li:hover{
									background:#DDDDDD;
								}*/

/*							#app>header>#nav2>ul>li.account>ul>li>input{
								display: block;
								border:0;
								box-sizing: border-box;
								margin:0 5px;
								width:100%;
								width:calc(100% - 10px);
								height:35px;
								padding:5px;
								position: relative;
								margin-top:20px;
								border:1px solid #DDDDDD;
							}

						#app>header>#nav2>ul>li.account>ul>li.submit{
							padding-bottom:5px;
						}

							#app>header>#nav2>ul>li.account>ul>li.submit>input{
								background:#85C356;
								border:0;
								border-radius:35px;
							}


							#app>header>#nav2>ul>li.account>ul>li>input+label{
								position: absolute;
								top:-10px;
								height:10px;
								line-height: 10px;
								font-size: 10px;
								text-align: left;
								display: block;
								margin-left:5px;
								color:#DDDDDD;
							}*/

/*								#app>header>#nav2>ul>li.account form{
									margin:20px 10px 10px 10px;
								}

									#app>header>#nav2>ul>li.account form .field{
										margin-bottm:25px;
									}

									#app>header>#nav2>ul>li.account form button{
										margin-top:-20px;
										width:100%;
										min-width: 100%;
									}


									#app>header>#nav2>ul>li.account form a#registerButtonTop{
										width:100%;
										min-width: 100%;
										margin-top:10px;
									}*/






header #loginBox{
	position: absolute;
	top: 65px;
	right: 0;
	background: #FFFFFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, .13);
	max-height:0;
	overflow: hidden;
	transition: max-height .5s ease-out;
	text-transform: none;
	text-align:center;
}
	/*#loginBox .loginRedirectMessage{
		font-size: .8em;
		color:#666666;
	}*/

	header #loginBox>div{
		padding: 25px 50px 50px 50px;
		width: 260px;
	}

		header #loginBox>div>*{
			width:260px;
			margin:0 auto;
		}

		header #loginBox>div>p,
		header #loginBox>div>a{
			margin:0;
			padding:0;
			line-height: 40px;
		}

		header #loginBox>div>p{
			font-weight: bold;
		}

		header #loginBox>div>a{
			display: block;
			line-height:20px;
		}


		header #loginBox>div>p.top{
			font-size:35px;
			line-height:55px;
			display: inline;
			text-align: center;
			font-family: "tenso";
			/*font-weight: bold;*/
			font-style: normal;
			font-weight: 500;
			background: linear-gradient(#85C356 0%, #85C356 100%);
			background-size: 100% 4px;
			background-repeat: no-repeat;
			background-position: 0% 100%;
			/*font-size:44px;*/
		}

		header #loginBox>div>form{
			text-align: left;
		}

			.fr header #loginBox form>label>span.pwd{
				white-space:normal;
				line-height:15px;
				padding-top:5px;
			}

			header #loginBox>div>form button{
				width:100%;
				max-width:100%;
				margin-top:20px;
			}

		header #loginBox>div>a.socialLogin{
			display: block;
			background:red;
			width:100%;
			height:40px;
			line-height: 40px;
			margin-bottom:8px;
			text-transform: uppercase;		
		}
			header #loginBox>div>a.socialLogin>span{
				margin-right:10px;
				font-size:17px;
			}

		#app>header>#nav2 #loginBox>div>a.socialLogin.facebook{
			background:#4367B1;
			color:#FFFFFF;
		}

		#app>header>#nav2 #loginBox>div>a.socialLogin.twitter{
			background:#4CB3F3;
			color:#FFFFFF;			
		}

		#app>header>#nav2 #loginBox>div>a.socialLogin.google{
			background:#E94335;
			color:#FFFFFF;			
		}

		#app>header>#nav2 #loginBox>div>a.loginBoxRegister{
			margin-top:15px;
			width: 50%;
			float: left;
			display:block;
		}

		header #loginBox>div>a.socialLogin:hover{
			filter:brightness(.9);
		}


header .openDropdown #loginBox{
	max-height:500px;
	transition: max-height .3s ease-in;
}






#app.js{

}

	#app.js>header>#nav1{
		position: fixed;
		z-index:11;
	}

	#app.js>header>#logo{
		position: fixed;
		z-index:13;
	}

	#app.js>header>#nav2{
		z-index:12;
	}



	#app.js>header.scrollup>#nav1{
		/*position: absolute;*/
	}
	#app.js>header.scrollup>#nav2{
		/*position: absolute;*/
		/*top:0;*/
	}



	#app.js>header.scrolldown>#nav1{
		/*position: absolute;*/
	}
	#app.js>header.scrolldown>#nav2{
		/*position: fixed;*/
		/*top:0;*/
	}

	#app.js>header>#nav2.fixed{
		position: fixed;
	}

	#app.js>header.scrollup>#nav2.fixed{
		top:35px;
	}

	#app.js>header.scrolldown>#nav2.fixed{
		top:0;
	}

#mapContainer{
	position: fixed;
	top:65px;
	left:0;
	right:0;
	bottom:0;
	background:#F8F8F8;
}

	#mapContainer #themap{
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:1;
		bottom:-30px;
	}

	#mapContainer #themap .gmnoprint,
	#mapContainer #themap .gmnoscreen{
		bottom:30px !important;
	}
		/* FRED ADD/TOUCHED THIS*/
		/*Clusters*/
		#mapContainer #themap .cluster{
			border-radius: 100%;
			border:#000 2px solid;
			background:#FFFFFF;
			color:#000;
			font-size:1.2em;
			height: 30px;
			line-height: 30px;
			width: 30px;
			text-align: center;
			cursor: pointer;
			position: absolute;
			font-weight: bold;
		}
			#mapContainer #themap .cluster.clusterCnt1{
				border:#cc40c4 2px solid;
				color:#cc40c4;
			}
			#mapContainer #themap .cluster.clusterCnt2{
				border:#4057cc 2px solid;
				color:#4057cc;
				height: 35px;
				line-height: 35px;
				width: 35px;
			}
			#mapContainer #themap .cluster.clusterCnt3{
				border:#26a5f6 2px solid;
				color:#26a5f6;
				height: 40px;
				line-height: 40px;
				width: 40px;
			}
			#mapContainer #themap .cluster.clusterCnt4{
				border:#32bc9d 2px solid;
				color:#32bc9d;
				height: 45px;
				line-height: 45px;
				width: 45px;
			}
			#mapContainer #themap .cluster.clusterCnt5{
				border:#84c354 2px solid;
				color:#84c354;
				height: 50px;
				line-height: 50px;
				width: 50px;
			}
			#mapContainer #themap .cluster.clusterCnt6{
				border:#ddc922 2px solid;
				color:#ddc922;
				height: 60px;
				line-height: 60px;
				width: 60px;
			}
			#mapContainer #themap .cluster.clusterCnt7{
				border:#ee8824 2px solid;
				color:#ee8824;
				height: 65px;
				line-height: 65px;
				width: 65px;
			}
			#mapContainer #themap .cluster.clusterCnt8{
				border:#eb4343 2px solid;
				color:#eb4343;
				height: 75px;
				line-height: 75px;
				width: 75px;
			}
		/* markers */
		#mapContainer #themap .marker{
			display:none;
			visibility: hidden;
			font-size:17px;
		}

		#mapContainer #themap .marker.visible{
			position: absolute;
			transform: translate(-50%, -50%);
			width:30px;
			height:30px;
			/*border-radius: 100%;*/
			/*background:#85C356;*/
			cursor: pointer;
			display:block;
			visibility: visible;
			z-index: 200;
		}

			#mapContainer #themap .marker.visible::before{
				position: absolute;
				top:0;
				left:0;
				width:30px;
				height:30px;
				overflow: hidden;

				text-align: center;
				line-height: 30px;

				font-family: 'icomoon' !important;
			}
		
				#mapContainer #themap .marker div.html{
					position: absolute;
					bottom: 30px;
					left: 50%;
					transform: translateX(-50%);
					background: #FFFFFF;
					border: 1px solid #E4E4E4;
					padding: 5px 10px;
					/* border-radius: 10px; */

					/*white-space: nowrap;*/
					text-overflow: ellipsis;
					/*overflow: hidden;*/

					max-width:300px;
					width:250px;

					font-family: mr-eaves-modern, sans-serif;

					pointer-events: none;

					/*display: none;*/

					box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);

					transform-origin: 50% 100%;
					opacity: 0;
					transform: translateX(-50%) scale(.5);
					transition: transform .5s, opacity .5s;

					z-index:99;
				}

					#mapContainer #themap .marker div.html span.title{
						display: block;
						font-weight: bold;
						font-size: 20px;
					}

					#mapContainer #themap .marker div.html span.category {
						display: block;
						margin-top: 7px;
						font-size: 13px;
						text-transform: uppercase;
						color:#888888;
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow: hidden;
						height: auto;
					}

				#mapContainer #themap .marker:hover{
					z-index:201;
					font-size:21px;
					text-shadow: 0 0 10px #FFF;
				}

					#mapContainer #themap .marker:hover div.html{
						/*display: block;*/

						opacity: 1;
						transform: translateX(-50%) scale(1);
						transition: transform .2s, opacity .2s;
					}

				#mapContainer #themap .marker div.html::before{
					content: "";
					width: 16px;
					height: 16px;
					background: #FFFFFF;
					border: 1px solid #E4E4E4;
					display: block;
					position: absolute;
					bottom: -8px;
					left: 50%;
					transform: translateX(-50%) rotate(45deg);
					z-index: -2;
				}

				#mapContainer #themap .marker div.html::after{
					position: absolute;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					width: 30px;
					height: 16px;
					content: "";
					background: #FFF;
					z-index: -1;
				}




		#mapContainer #themap .marker.visible.active{
			/*box-shadow: 0 0 20px red;*/
			text-shadow: 0 0 10px #FFF;
			z-index:300;
			font-size: 25px;
		}

/*		#mapContainer #themap .marker.visible.active::before{
			font-size: 25px;
		}*/

		/* END */

	#mapContainer #mapui{
		position: absolute;
		top: 35px;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 2;
		pointer-events: none;
		opacity: 0;
		transition: opacity .8s;

		/*bottom:30px;*/
		overflow: hidden;
	}

		#mapContainer #logoGoogle{
			position: absolute;
			bottom:0px;
			left:0;
			width:66px;
			height:26px;
			/*background:red;*/
			cursor: pointer;
			pointer-events: auto;
			z-index:2;
			transition: left .5s;
		}

		#app.willShowMap #mapContainer #logoGoogle{
			left:335px;
		}

		#mapContainer #mapback,
		#mapContainer #mapselect{
			padding:0 15px;
			width:270px;
			height:45px;
			position: absolute;
			top:15px;
			background:#FFFFFF;
			box-shadow: 0 0 20px rgba(0,0,0,.09);
			pointer-events: auto;
			line-height: 45px;
			transition:transform .8s;
			transform: translate(0,-50px);
		}

		#mapContainer #mapback{
			padding-left: 45px;
			width:240px;
		}

		#mapContainer #mapback::before{
			position: absolute;
			top: 0;

			left: 0;
			width: 45px;
			height: 45px;
			text-align: center;
			line-height: 45px;
			font-family: 'icomoon' !important;
			content: "\e904";
			color: #85C356;
			font-size: .7em;
		}

		#mapContainer #mapback{
			left:15px;
		}

		#mapContainer #mapselect{
			right:15px;
		}

/*			#mapContainer #mapselect::after{
				content:"▼";

				font-family: 'icomoon' !important;
				content: "\e90f";

				position: absolute;
				top:50%;
				right:10px;
				transform: translate(-50%, -50%);

			}

			#mapContainer #mapselect>ul{
				display: block;
				margin:0;
				padding:0;
				list-style: none;

				margin:0 -15px;
				background:#F8F8F8;

				overflow: hidden;
				max-height: 0;
				transition: max-height .5s;
			}

			#mapContainer #mapselect:hover>ul{
				max-height: 200px;
				max-height: calc(100vh - 150px);
				overflow: auto;
				transition: max-height .5s;
			}

				#mapContainer #mapselect>ul>li{
					display: block;
					margin: 0;
					padding: 0;
					list-style: none;
					height: 35px;
					line-height: 35px;
					color: #FFFFFF;
					white-space: nowrap;
					transition: opacity .5s, filter .5s;
				}

					#mapContainer #mapselect>ul>li>a{
						display: block;
						padding: 0 15px;
						color:black;
						text-decoration: none;
					}

				#mapContainer #mapselect>ul:hover>li{
					opacity: .4;
					filter: grayscale(1);
				}

					#mapContainer #mapselect>ul:hover>li:hover{
						opacity: 1;
						filter:grayscale(0);
						transition: opacity .2s, filter .2s;
					}

				#mapContainer #mapselect>ul>li.active>a{
					color:#85C356;
				}*/


		#mapContainer #maplocation,
		#mapContainer #mapzoomplus,
		#mapContainer #mapzoommoins{
			position: absolute;
			right: 15px;
			width:25px;
			height:25px;
			text-align: center;
			line-height: 25px;
			background:#FFFFFF;
			box-shadow: 0 0 20px rgba(0,0,0,.09);
			pointer-events: auto;
			transition:transform .5s;
			transform: translate(50px,0);
			font-size:13px;
		}

		#mapContainer #maplocation>span,
		#mapContainer #mapzoomplus>span,
		#mapContainer #mapzoommoins>span{
			position: absolute;
			top:50%;
			left:50%;
			transform: translate(-50%, -50%);
		}


		#mapContainer #maplocation.disabled,
		#mapContainer #mapzoomplus.disabled,
		#mapContainer #mapzoommoins.disabled{
			pointer-events: none;
			background:#DDDDDD;
		}


		#mapContainer #maplocation{
			bottom:90px;

			/*bottom:60px;*/
		}

		#mapContainer #mapzoomplus{
			bottom:60px;

			/*bottom:30px;*/
		}

		#mapContainer #mapzoommoins{
			bottom:30px;

			/*bottom:0;*/
		}

		#mapContainer #mapback:hover,
		#mapContainer #mapselect:hover,
		#mapContainer #maplocation:hover,
		#mapContainer #mapzoomplus:hover,
		#mapContainer #mapzoommoins:hover{
			box-shadow: 0 0 25px rgba(0,0,0,.18);
			background:#85C356;
			color:#FFFFFF;
			cursor: pointer;
		}

		#mapContainer #mapback:hover::before{
			color:#FFF;
		}


		#mapAside{
			position: absolute;
			background:#FFFFFF;
			box-shadow: 0 0 20px rgba(0,0,0,.09);
			width:300px;
			top:65px;
			left:15px;
			bottom:30px;
			pointer-events: auto;

			overflow: hidden;

			transition: transform .8s;

			transform: translateY(100%); 

			bottom:0;
			transform: translateY(calc(100% - 36px)); 
		}

		#app.willShowMap #mapAside.open{
			transform: translateY(0); 
		}

			#mapui>div>.tabs{
				background:#E4E4E4;
				height:36px;
				margin:0;
				padding:0;
				display: block;
				list-style: none;
				text-align: center;
				line-height: 36px;
				font-size:13px;
				text-transform: uppercase;
				font-weight: bold;
			}

				#mapui>div>.tabs>li{
					display: block;
					float:left;
					width:132px;
					box-shadow: inset -2px -2px 3px  rgba(0,0,0,.09);
					cursor: pointer;

					width:calc((100% - 36px) / 2);
				}

				#mapui>div>.tabs>li:hover{
					box-shadow: inset -1px -1px 2px  rgba(0,0,0,.05);
				}

				#mapui>div>.tabs>li.last{
					box-shadow: inset 2px -2px 3px  rgba(0,0,0,.09);
				}

				#mapui>div>.tabs>li.last:hover{
					box-shadow: inset 1px -1px 2px  rgba(0,0,0,.05);
				}


				#mapui>div>.tabs>li.first{
					width:36px;
					/*background:#85C356;*/
				}

				#mapui>div#mapAside>.tabs>li.first{
					/*background:#85C356;*/
					background:rgba(0,0,0,.1);
				}

			#mapAside>div{
				position: absolute;
				top:36px;
				left:0;
				right:0;
				bottom:0;
				display: none;
			}

			/* categorie */
			#mapAside.categorie #mapAsideCategories,
			.mapCategory{
				display: block;
				margin: 0;
				padding: 20px;

				list-style: none;

				width:300px;
				box-sizing: border-box 
			}

			#mapAside.categorie #mapAsideCategories{
				position: absolute;
				top:36px;
				left:0;
				right:0;
				bottom:0;
				width:100%;

				overflow: auto;
			}


				#mapAside.categorie #mapAsideCategories>li,
				.mapCategory>li{
					position: relative;
					display: block;
					margin-top:5px;
					border:2px solid #888;
					background:#888;
					color:#000;
					
				}
					/* FRED ADDED THIS */
					#mapAside.categorie #mapAsideCategories li,
					.mapCategory li{
						transition: opacity .5s;
					}
					
					#mapAside.categorie #mapAsideCategories li:hover,
					.mapCategory li:hover{
						/*opacity :.5;*/
						cursor: pointer;
					}
					/* cannot click on parent */
					#mapAside.categorie #mapAsideCategories>li.parent:hover,
					.mapCategory>li.parent:hover{
						cursor: default;
						opacity :1;
					}
					/* END */
					
					#mapAside.categorie #mapAsideCategories>li>span,
					.mapCategory>li>span{
						display: block;
						padding-left:35px;
						height:36px;
						line-height:36px;

						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap ;

						position:relative;
					}

					#mapAside.categorie #mapAsideCategories>li.parent>span,
					.mapCategory>li.parent>span{
						padding-bottom:2px;
					}
					
						#mapAside.categorie #mapAsideCategories li>span::before,
						.mapCategory li>span::before{
							content:"";
							position: absolute;
							top:50%;
							left:8.5px;
							transform: translate(-50%, -50%);
							width:25px;
							height:25px;
							/*background:red;*/
							overflow: hidden;

							text-align: center;
							line-height: 25px;
							font-size:20px;

							font-family: 'icomoon' !important;
						}

						#mapAside.categorie #mapAsideCategories>li>span::before,
						.mapCategory>li>span::before{
							left:17.5px;
						}

						#mapAside.categorie #mapAsideCategories li.parent>span::before,
						.mapCategory li.parent>span::before{
							display: none;
						}

					#mapAside.categorie #mapAsideCategories>li>ul,
					.mapCategory>li>ul{
						background:#FFF;
						margin:0;
						list-style: none;
						padding:5px 15px;
					}

						#mapAside.categorie #mapAsideCategories>li>ul>li,
						.mapCategory>li>ul>li{
							position: relative;
							height:25px;
							line-height: 25px;
							padding-left:22px;
							color:#D9D9D9;
							white-space: nowrap;
							text-overflow: ellipsis;
							overflow: hidden ;
						}

						#mapAside.categorie #mapAsideCategories>li>ul>li.active,
						.mapCategory>li>ul>li.active{
							color:#000000;
						}


				#mapAside.categorie #mapAsideCategories>li:first-child,
				.mapCategory>li:first-child{
					margin-top:0;
				}

				.mapCategory>li input{
					position: absolute;
					top:50%;
					left:15px;
					transform: translateY(-75%);
				}

				.mapCategory>li>ul>li>input{
					left:0;
				}


			#mapAside.categorie #mapAsideMenuCategories{
				background:#FFFFFF;
				box-shadow: none;
			}

			#mapAside.open.categorie #mapAsideMenuCategories{
				cursor: default;
			}

			#mapAside #mapAsideMenuClose{
				position: relative;
				height:36px;
			}

				#mapAside #mapAsideMenuClose>span{
					position: absolute;
					top:50%;
					left:50%;
					transform: translate(-50%, -50%);
				}

				#mapAside #mapAsideMenuClose>span.icon-unsee_barre{
					opacity: 0;
					font-size: 1.2em;
					transition: opacity .5s;
				}

				#mapAside.open #mapAsideMenuClose>span.icon-unsee_barre{
					opacity: 1;
				}


			/* liste */
			#mapAside.liste #mapAsideListe{
				display: block;
				overflow: hidden;
				background:#FFFFFF;
			}

				#mapAside.liste #mapAsideListe #mapAsideListeSearch{
					position: absolute;
					top:0;
					left:0;
					width:100%;
					height:65px;
					background:#FFF;
					box-shadow: 0 5px 15px #FFFFFF;
					padding:20px 20px 0 20px;
					z-index:2;
					box-sizing: border-box;
				}

					#mapAside.liste #mapAsideListe #mapAsideListeSearch>input{
						height:45px;
						box-sizing: border-box;
						border:1px solid #E4E4E4;
						background:#E4E4E4;
						-webkit-appearance:none;
						border-radius: 0;
						float:left;
					}

					#mapAside.liste #mapAsideListe #mapAsideListeSearch>input.field{
						padding:0 15px; 
						width:215px;
					}

					#mapAside.liste #mapAsideListe #mapAsideListeSearch>input.field:focus{
						background:#FFF;
						outline:0;
					}


					#mapAside.liste #mapAsideListe #mapAsideListeSearch>span.submit{
						width:45px;
						height:45px;
						box-sizing: border-box;
						border:1px solid #E4E4E4;
						background:#E4E4E4;
						-webkit-appearance:none;
						border-radius: 0;
						float:left;
						line-height: 45px;
						text-align: center;
					}
					#mapAside.liste #mapAsideListe #mapAsideListeSearch>span.submit:hover{
						cursor: pointer;
						color:#85C356;
					}
					/*#mapAside.liste #mapAsideListe #mapAsideListeSearch>input::before{
						content: '\e910';
					}*/

/*					#mapAside.liste #mapAsideListe #mapAsideListeSearch>input.field:valid+input.submit,
					#mapAside.liste #mapAsideListe #mapAsideListeSearch>input.field:hover+input.submit,
					#mapAside.liste #mapAsideListe #mapAsideListeSearch>input.field:focus+input.submit,
					#mapAside.liste #mapAsideListe #mapAsideListeSearch>input.field:active+input.submit,
					#mapAside.liste #mapAsideListe #mapAsideListeSearch>input.submit:hover{
						color:#85C356;
					}*/

				#mapAside.liste #mapAsideListe ul{
					position: absolute;
					top:65px;
					left:0;
					right:0;
					bottom:0;
					overflow: auto;
					display: block;
					list-style: none;
					margin:0;
					padding:0;
				}

					#mapAside.liste #mapAsideListe ul>li{
						position: relative;
						/*border-top:2px solid #E4E4E4;*/
						padding:15px 20px;
						cursor: pointer;

						padding-left:50px;
					}

						#mapAside.liste #mapAsideListe ul>li::before{
							content:"?";
							position: absolute;
							top:15px;
							left:20px;
							width:30px;
							height:30px;
							line-height: 30px;
							overflow: hidden;
							text-align: center;
							color:#AAAAAA;
						}


						#mapAside.liste #mapAsideListe ul>li::after{
							position: absolute;
							content:"";
							top:-1px;
							left:20px;
							right:20px;
							height:2px;
							background:#E4E4E4;
						}

/*					#mapAside.liste #mapAsideListe ul>li:first-child{
						border-top:0;
					}*/

						#mapAside.liste #mapAsideListe ul>li:first-child::after{
							display: none;
						}


					#mapAside.liste #mapAsideListe ul>li:hover{
						background:#EEEEEE;
					}


						#mapAside.liste #mapAsideListe ul>li>p{
							display: block;
							font-weight:bold;
							margin:0;
							padding:0;

							font-size:20px;

							white-space: nowrap;
							text-overflow: ellipsis;
							overflow: hidden;
						}

						#mapAside.liste #mapAsideListe ul>li>span{
							display: block;

							font-size:13px;
							text-transform: uppercase;
							color:#AAAAAA;

							white-space: nowrap;
							text-overflow: ellipsis;
							overflow: hidden;
						}


			#mapAside.liste li.last,
			#mapAside.open.liste li.last,
			#mapAside.liste>.tabs>li.last:hover{
				background:#FFFFFF;
				box-shadow: none;
			}

			#mapAside.open.liste #mapAsideMenuListe{
				cursor: default;
			}

		/**
		 * mapDetail
		 */
		#mapDetail{
			position: absolute;
			top:0;
			left:0;
			width:330px;
			bottom:0;
			background:#FFF;
			pointer-events: auto;
			transform: translateX(-150%);
			transition: transform .8s;

			box-shadow: 0 0 20px rgba(0, 0, 0, .09);
		}

		#mapDetail.open{
			transform: translateX(0);
		}

			#mapui>div#mapDetail>.tabs>li{
				width:147px;
				width:calc((100% - 36px) / 2);
			}
			/* FRED ADDED THIS */
			#mapui>div#mapDetail>.tabs>li.alone{
				width:calc(100% - 36px);
			}
			/* END */
			#mapui>div#mapDetail>.tabs>li.first{
				width:36px;
			}

			#mapDetail>div{
				position: absolute;
				top:36px;
				left:0;
				right:0;
				bottom:0;
			}

			#mapDetailDetail{
				padding:20px;
				overflow: auto;
			}
			/* FRED ADDED THIS */
			/*#mapDetail #mapDetailDetail{
				transition: 1s blur linear;
				-webkit-transition: 1s -webkit-blur linear;
				-moz-transition: 1s -moz-blur linear;
				-ms-transition: 1s -ms-blur linear;
				-o-transition: 1s -o-blur linear;
			}*/
			#mapDetail.loading #mapDetailDetail{
				-webkit-filter: blur(5px);
				-moz-filter: blur(5px);
				-o-filter: blur(5px);
				-ms-filter: blur(5px);
				filter: blur(5px);
			}
			
				#mapDetailDetail div.isshared p{
					font-size: 12px;
					border-top: 4px solid #E4E4E4;
					padding-top: 10px;
				}
					#mapDetailDetail .button.placeDetail{
						width: 290px;
						max-width: none;
						margin-top: 10px;
						font-size: 10px;
					}

			/* END */

				#mapDetailDetail div.img{
					background:#EEEEEE;
					height:200px;
					overflow: hidden;
					margin-bottom:15px;
				}

				#mapDetailDetail h2{
					font-size:1em;
					margin:0;
					padding:0;
				}

				#mapDetailDetail hr{
					display: block;
					border:0;
					width:100%;
					height:2px;
					background:#EEEEEE;
					margin:10px 0;
					padding:0;
				}


				#mapDetailDetail .tabControlled{
					display: none;
				}


			/* information */
			#mapDetail.information #mapDetailInformation{
				display: block;
			}

			#mapDetail.information #mapDetailMenuInformation{
				background:#FFFFFF;
				box-shadow: none;
				cursor: default;
			}

			/* contact */
			#mapDetail.contact #mapDetailContact{
				display: block;
			}

			#mapDetail.contact #mapDetailMenuContact{
				background:#FFFFFF;
				box-shadow: none;
				cursor: default;
			}
			/* FRED ADDED THIS */
				/* image */
				.carrouselContainer{
					position: relative;
					width:100%;
					height:200px;
					overflow: hidden;
					margin-bottom:20px;
				}

					.carrouselContainer>.prev, 
					.carrouselContainer>.next{
						width:35px;
						height:100%;
						position: absolute;
						top:0;
						left:0;

						background-color:rgba(133, 195, 86,0.8);


/*						background:url('../img/UI/leftwhitearrow.png') 50% 50% no-repeat;
						background-image: -webkit-image-set( url('../img/UI/leftwhitearrow.png') 1x, url('../img/UI/leftwhitearrow2x.png') 2x);*/
					}

					.carrouselContainer>.next{
						left:auto;
						right:0;

/*						background:url('../img/UI/rightwhitearrow.png') 50% 50% no-repeat;
						background-image: -webkit-image-set( url('../img/UI/rightwhitearrow.png') 1x, url('../img/UI/rightwhitearrow2x.png') 2x);*/
					}

					.carrouselContainer>.zoom{
						position: absolute;
						top:0;
						left:35px;
						right:35px;
						bottom:0;
						opacity:0;

						background-color:rgba(133, 195, 86,0.8);

						transition: opacity 0.3s;
						z-index:4;
					}

					.carrouselContainer>.prev::before, 
					.carrouselContainer>.next::before, 
					.carrouselContainer>.zoom::before,
					#zoom-container>.prev::before,
					#zoom-container>.next::before{
						font-family: 'icomoon' !important;
						position: absolute;
						display: block;
						top:50%;
						left:50%;
						transform: translate(-50%, -50%);
					}

					.carrouselContainer>.prev::before,
					#zoom-container>.prev::before{
						content:"\e904";
					}

					.carrouselContainer>.next::before,
					#zoom-container>.next::before{
						content:"\e902";
					}

					.carrouselContainer>.zoom::before{
						content:"\e910";
					}

					.carrouselContainer.nbImg0{
						display: none;
					}

					.carrouselContainer.nbImg1>.zoom{
						left:0;
						right:0;
					}

					.carrouselContainer>.prev, 
					.carrouselContainer>.next{
						opacity: 0;
						transition: opacity 0.3s;
						z-index:4;
					}

					.carrouselContainer>.prev.hidden, 
					.carrouselContainer>.next.hidden{
						display: none;
					}

					.carrouselContainer>.prev:hover, 
					.carrouselContainer>.next:hover{
						cursor: pointer;
						opacity: 1;
						transition: opacity 0.6s;
					}

					.carrouselContainer>.zoom:hover{
						cursor: pointer;
						cursor: zoom-in;
						opacity:1;
						transition: opacity 0.6s;
						/* url('../img/UI/searchzoom.png') 50% 50% no-repeat;
						background-image: -webkit-image-set( url('../img/UI/searchzoom.png') 1x, url('../img/UI/searchzoom2x.png') 2x);
						transition: opacity 0.6s;
					}

				#carrouselImageContainer{
					position: absolute;
					z-index:1;
					top:0;
					left:0;
					width:100%;
					height:100%;
					-webkit-transition: left 0.6s ease-out;
					-moz-transition: left 0.6s ease-out;
					-ms-transition: left 0.6s ease-out; /* IE10 is actually unprefixed */
					-o-transition: left 0.6s ease-out;
					transition: left 0.6s ease-out;
				}
					#carrouselImageContainer .carrousel-image{
						display: block;
						position: absolute;
						top:0;
						left:0;
						width: 100%;
						height: 100%;
						opacity: 0;
						/*float:left;*/

						background-repeat: no-repeat;
						background-position: 50% 50%;
						-webkit-background-size: contain;
						-moz-background-size: contain;
						-o-background-size: contain;
						background-size: contain;
					}

				#carrouselImageContainer .carrousel-image.next{
					transform: translateX(100%);
					opacity: 1;

					transition: transform 0, opacity 0;
					z-index: 3;
				}

				#carrouselImageContainer .carrousel-image.active{
					transition: transform .5s, opacity 0;
					transform: translateX(0);
					opacity: 1;
					z-index: 2;
				}

				#carrouselImageContainer .carrousel-image.prev{
					transition: transform .5s, opacity .4s .1s;
					transform: translateX(-50%);
					opacity: 0;
					z-index:1;
				}




				#carrouselImageContainer.reverseAnim .carrousel-image.next{
					transform: translateX(-100%);
				}

				#carrouselImageContainer.reverseAnim .carrousel-image.prev{
					transform: translateX(50%);
				}


			/**
				zoom-picture-container
			*/
			#zoom-container{
				z-index: 2000;
				position: fixed;
				height: 100%;
				width: 100%;
				background-color: rgba(0,0,0,0.7);
			}

				#zoom-container #zoom-picture-container{
					z-index: 2001; 
					position: absolute;
					overflow: hidden;
					height: 100%;
					width: 100%;
					cursor: zoom-out;
					/*height:auto;*/
					/*width:auto;*/
					/*margin: 15% 25%;*/
				}
					#zoom-container img{
						display: block;
						width: auto;
						height: auto;
						max-height: 80%;
						max-width: 80%;
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						margin: auto;
						cursor: pointer;
					}
				/*#zoom-container>.close{
					z-index: 9;
					width: 100%;
					height: 35px;
					background-color: rgba(0,0,0,0.8);
				}
					#zoom-container>.close nav{
						z-index: 10;
						float: right;
						color: #ffffff;
						padding:10px 35px 0 0;
						cursor: pointer;
					} */
				#zoom-container>.prev, 
				#zoom-container>.next{
					z-index: 2002;
					width:35px;
					height:100%;
					position: absolute;
					top:0;
					left:0;
				}

				#zoom-container>.next{
					left:auto;
					right:0;
				}
				#zoom-container>.prev, 
				#zoom-container>.next{
					transition: background 0.3s;
					/*z-index:2;*/
				}

				#zoom-container>.prev:hover, 
				#zoom-container>.next:hover{
					cursor: pointer;
					background-color:rgba(133, 195, 86,0.5);
					transition: background 0.6s;
				}
	/* END */

	#mapContainer #mapoverlay{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		z-index:2;
		background:rgba(255,255,255,.5);
		background-image:url(../images/pattern.png);
		background-image: -webkit-image-set(url('../images/pattern.png') 1x, url('../images/pattern2x.png') 2x);
		transition: opacity .5s;
	}

		#mapContainer #mapoverlay::before{
			display: block;
			content:"";
			position: absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0) 70%);
		}


	#app.willShowMap #mapoverlay{
		pointer-events: none;
		opacity: 0;
	}

	#app.willShowMap #mapContainer #mapui{
		opacity:1;
	}

		#app.willShowMap #mapContainer #mapback,
		#app.willShowMap #mapContainer #mapselect,
		#app.willShowMap #mapContainer #maplocation,
		#app.willShowMap #mapContainer #mapzoomplus,
		#app.willShowMap #mapContainer #mapzoommoins{
			transform:translate(0,0);
		}




#pageContainer{
	position: relative;
	z-index:2;
	padding-top:100px;
	/*height:1000px;*/
	transition:margin 600ms;
}

#app.showMap #pageContainer{
	display: none;
}


	#pageContainer #thepage{
		position: relative;

		width:100%;
		width:calc(100% - 50px);
		padding:40px 0;
		margin:0 auto;
		max-width: 1200px;

		min-height: 600px;
		min-height: calc(100vh - 246px - 80px);
	}

		#pageContainer #thepage .box{
			box-sizing: border-box;
			background:#FFFFFF;
			box-shadow: 0 0 10px rgba(0,0,0,.13); /*was 20, .09*/
			padding:20px 40px 40px 40px;
		}

		#pageContainer #thepage .box+.box{
			margin-top:10px;
		}

		#pageContainer #thepage .box.mobileonly:first-child+.box{
			margin-top:0;
		}

		#pageContainer #thepage .box.small{
			height:45px;
			/*overflow: hidden;*/
			line-height: 45px;
			padding:0 15px;
		}

			#pageContainer #thepage .box.small.selectMap>.select{
				height:37px;
			}

		#pageContainer #thepage .box.image{
			padding:0;
			/*margin:0;*/
			background:transparent;

			text-align: center;
		}

		#pageContainer #thepage .box.image.square{
			height:250px;
		}

		#pageContainer #thepage>*{
			/*margin-top:10px;*/
		}
		#pageContainer #thepage>*:first-child,
		#pageContainer #thepage>*.top,
		#pageContainer #thepage>*.clr{
			margin-top:0;
		}

		#pageContainer #thepage>aside{
			width:300px;
			float:left;
		}

		#pageContainer #thepage>aside.withMargin{
			margin-bottom:10px;
		}

		#pageContainer #thepage>section{
			width:890px;
			width:calc(100% - 310px);
			margin-right:10px;
			float:left;
		}

		#pageContainer #thepage>section.withMargin{
			margin-bottom:10px;
		}

		#pageContainer #thepage>aside+section{
			margin-left:10px;
			margin-right:0;
		}

		#pageContainer #thepage>section.right,
		#pageContainer #thepage>aside.right{
			float:right;
			margin-left:10px;
			margin-right:0;
		}

		#pageContainer #thepage>section.right+aside.right{
			margin-left:0;
			margin-right:0;
		}

		#pageContainer #thepage>aside .box{
			padding:20px;
			position: relative;
		}

	#pageContainer footer{
		position: relative;
		background:#84c354;
		padding:40px 40px 60px 40px;
	}

		#pageContainer footer #footer-partenaires{
			float:left;
			max-width: 50%;
			font-size: 15px;
		}

			#pageContainer footer #footer-partenaires>h3{
				margin:0;
				padding:0;
				font-weight: normal;
				font-size:20px;
			}

			#pageContainer footer #footer-partenaires>ul{
				display: block;
				list-style: none;
				margin:0;
				padding:0;
			}

				#pageContainer footer #footer-partenaires>ul>li{
					float:left;
					margin:0;
					padding:0;
					padding-right:30px;
				}


		#pageContainer footer #footer-links{
			float:right;
			max-width: 50%;
			font-size:17px;
		}

			#pageContainer footer #footer-links>ul{
				display: block;
				list-style: none;
				margin:0;
				padding:0;
			}

				#pageContainer footer #footer-links>ul>li{
					float:left;
					padding-left:25px;
				}

					#pageContainer footer #footer-links>ul>li>a{
						display: block;
						text-decoration: none;
						color:#000000;
						text-transform: uppercase;
					}
					#pageContainer footer #footer-links>ul>li>a:hover{
						text-decoration: underline;
					}

						#pageContainer footer #footer-links>ul>li>a span{
							width:100%;
							display: block;
						}

							#pageContainer footer #footer-links>ul>li>a span::before{
								width:100%;
								display: block;
								height:2em; line-height: 2em;
								margin-top:-.5em;
							}


				#pageContainer footer #footer-links>ul>li.social{
					width:30px;
					font-size:14px;
				}

				#pageContainer footer #footer-links>ul>li.social.notfirst{
					padding-left:0;
				}

					#pageContainer footer #footer-links>ul>li.social>a{
						text-align: center;
						color:#FFF;
					}
					#pageContainer footer #footer-links>ul>li.social>a:hover{
						text-decoration: none;
						color:#000000;
					}

		#pageContainer footer #footer-copyright{
			position: absolute;
			bottom:20px;
			left:40px;
			font-size:16px;
			font-weight: 300;
		}

			#pageContainer footer #footer-copyright>*{
				display: block;
				float:left;
			}

			#pageContainer footer #footer-copyright>a{
				margin-left:40px;
				color:#000;
				text-decoration: none;
			}
			#pageContainer footer #footer-copyright>a:hover{
				text-decoration: underline;
			}

		#pageContainer footer #footer-bnmln{
			position: absolute;
			bottom:20px;
			right:40px;
			font-size:16px;
			font-weight: 300;
		}

			#pageContainer footer #footer-bnmln>a{
				color:#000;
				text-decoration: none;
			}
			#pageContainer footer #footer-bnmln>a:hover{
				text-decoration: underline;
			}




	/* Homepage */
	.showMapBox{
		margin:0 auto;
		padding:80px 0 120px 0;
		font-size:50px;
		font-weight: 300;
		
		text-align: center;
		width:60%;

		line-height: 1.1em;
	}

		.showMapBox p{
			margin:0;
			padding:0;
		}

			.showMapBox em{
				font-family: "tenso";
				/*font-weight: bold;*/
				font-style: normal;
				font-weight: 500;

				background: linear-gradient(#85C356 0%, #85C356 100%);
				background-size: 100% 4px;
				background-repeat: no-repeat;
				background-position: 0% 100%;
				/*font-size:44px;*/
			}

		.showMapBox button.showMapButton{
/*			-webkit-appearance:none;
			border:0;
			display: block;
			height:55px;
			line-height: 55px;
			padding:0 40px;
			text-align: center;
			margin:0 auto;
			border-radius: 55px;
			background: #85C356;
			color:#000;
			font-size:17px;
			text-transform: uppercase;*/
			margin-top:50px;
		}

/*		.showMapBox button:hover{
			cursor: pointer;
			filter: brightness(.9) 
		}*/


/**
 * HOMEPromo
 */
	.homePromo{
		margin-bottom: 70px;
		position: relative;
	}

		.homePromo::before{
			display: block;
			content:"";
			width:1px;
			height:0;
			padding-bottom:40%;
		}

		.homePromo>ul{
			position: absolute;
			top:0;
			left:0;
			display: block;
			margin:0;
			padding:0;
			list-style: none;
			height:100%;
			width:100%;
		}

			.homePromo>ul>li{
				display: block;
				float:left;
				width:50%;
				width:calc(50% - 20px);
				height:100%;
				background:#DDD;
				margin-left:20px;
			}
			.homePromo>ul>li:first-child{
				margin-left:0;
				margin-right:20px;
			}

				.homePromo>ul>li>a{
					display: block;
					width:100%;
					height:100%;
					position: relative;

					transition: background .5s .2s;
				}

				.homePromo>ul>li>a>.promocontainer{
					display: block;
/*					position: absolute;
					top:50%;
					left:50%;
					transform:translate(-50%, -50%);
					width:100%;
					height:auto;
					max-width: 85%;
					max-height: 80%;*/
					text-align: center;
					color:#FFF;
				}

					.homePromo>ul>li>a>.promocontainer>span.text{
						position: absolute;
						top:70px;
						left:50px;
						right:50px;
						font-size:50px;
						font-weight: 300;
						line-height: 1.1em;
						text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
					}

						.homePromo>ul>li>a>.promocontainer>span.text::before{
							content: "";
							background: rgba(0, 0, 0, 0.2);
							width: 100%;
							height: 100%;
							display: block;
							position: absolute;
							z-index: 0;
							filter: blur(30px);
							transition: opacity .5s .2s;
						}

						.homePromo>ul>li>a>.promocontainer>span.text>span{
							position: relative;
						}


					.homePromo>ul>li>a>.promocontainer>span.button{
						position: absolute;
						bottom:70px;
						left:50%;
						transform: translate(-50%);

						/*margin-top:50px;*/
					}
					.homePromo>ul>li>a>.promocontainer>span.button:hover{
						filter:none;
					}

				.homePromo>ul>li>a:hover{
					background: rgba(133, 195, 86, 0.9);
					transition: background .3s;
				}

				.homePromo>ul>li>a:hover>.promocontainer>span.text::before{
					opacity: 0;
					transition: opacity .3s;
				}


					.homePromo>ul>li>a:hover>.promocontainer>span.button{
						background:#FFF;
						/*transition: background .3s;*/
					}

	/**
	 * AGORA
	 */

	#pageContainer #thepage .box.agora{
		position: relative;
		height:330px; 
		overflow: hidden;
	}

		#pageContainer #thepage .box.agora>ul.agora{
			display: block;
			list-style: none;
			margin:0;
			padding:0;
			position: relative;
			height:250px;
			margin-top:20px;
		}

			#pageContainer #thepage .box.agora>ul.agora>li{
				display: block;
				position: absolute;
				top:0;
				left:0;
				right:0;
				bottom:0;
				opacity: 0;
				transition:opacity .5s;
				pointer-events: none;
			}

				#pageContainer #thepage .box.agora>ul.agora>li>p.title{
					display: block;

					margin:0;
					margin-left:290px;
					padding:0;
					padding-top:40px;

					text-align: center;
					font-weight: bold;
					font-size:15px;
					color:#84c354;

					line-height: 15px;
					height:15px;
					overflow: hidden;

					text-transform: uppercase;

					transform:translateY(-20px);
					transition: transform .5s;
				}

					#pageContainer #thepage .box.agora>ul.agora>li>p.title::before{
						position: absolute;
						top:0;
						left:50%;
						height:34px;
						line-height:34px;
						font-size:34px;
						width:auto;
						text-align: center;
						display: block;

						transform: translateX(-50%);

						font-family: 'icomoon' !important;
						content: "\e907";
					}

				#pageContainer #thepage .box.agora>ul.agora>li>div.img{
					position: absolute;
					top:0;
					left:0;
					width:250px;
					height:250px;
					background:#DDD;

					overflow: hidden;

					transform:translateX(-20px);
					transition: transform .5s;
				}

					#pageContainer #thepage .box.agora>ul.agora>li>div.img>img{
						display: block;
						width:100%;
						height:100%;
					}

				#pageContainer #thepage .box.agora>ul.agora>li>p.text{
					padding:20px 0;
					margin:0;

					margin-left:290px;
					transform:translateX(20px);
					transition: transform .5s;

					font-size:30px;
					font-weight: bold;
					text-align: center;

					max-height: 90px;
					max-height:calc(100% - 55px - 65px - 40px);
					overflow: hidden;

					line-height: 1em;
				}
				/* FRED ADDED THIS */
				#pageContainer #thepage .box.agora>ul.agora>li.nolink>p.text{
					max-height:calc(100% - 55px - 40px);
				}
				/* END */

					#pageContainer #thepage .box.agora>ul.agora>li>p.text::after{
						content: "";
						position: absolute;
						bottom: 0;
						left: 0;
						width: 100%;
						background:rgba(255,255,255,.5);
						background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
						height: 30px;
					}

				#pageContainer #thepage .box.agora>ul.agora>li>.buttonctn{
					display: inline-block;

					margin:0 auto;

					transform:translate(-50%, 20px);
					transition: transform .5s;

					position: relative;
					left:550px;
					left:calc((100% - 290px)/2 + 290px);
				}

			#pageContainer #thepage .box.agora>ul.agora>li.active{
				opacity: 1;
				transition:opacity .5s .3s;
				pointer-events: auto;
			}

				#pageContainer #thepage .box.agora>ul.agora>li.active>p.title{
					transform:translateY(0);
					transition: transform .5s .3s;
				}

				#pageContainer #thepage .box.agora>ul.agora>li.active>div.img{
					transform:translateX(0);
					transition: transform .5s .3s;
				}


				#pageContainer #thepage .box.agora>ul.agora>li.active>p.text{
					transform:translateX(0);
					transition: transform .5s .3s;
					position: relative;
				}

				#pageContainer #thepage .box.agora>ul.agora>li.active>.buttonctn{
					transform:translate(-50%, 0);
					transition: transform .5s .3s;
				}


		#pageContainer #thepage .box.agora>ul.pager{
			position: absolute;
			bottom:15px;
			right:15px;
			height:15px;
			list-style: none;
			margin:0;
			padding:0;
			display: block;
		}

			#pageContainer #thepage .box.agora>ul.pager>li{
				display: block;
				float:left;
				width:12px;
				height:12px;
				margin-left:7px;
				background:#DDD;
				overflow: hidden;
				font-size:0;
				color:transparent;
				border-radius: 100%;
			}

			#pageContainer #thepage .box.agora>ul.pager>li.active{
				background:#84c354;
			}

/**
 * NEWS/EVENTS/ETC
 */

	#pageContainer #thepage .box.news{
		text-align: center;
	}

		#pageContainer #thepage .box.news>h1{
		}


		ul.boxctn{
			display: block;
			list-style: none;
			margin:0;
			padding:0;
			text-align: left;
		}

			ul.boxctn>li{
				border-top:4px solid #E4E4E4;
			}

			ul.boxctn>li:first-child{
				border-top:0;
			}

			ul.boxctn>li.disabled{
				opacity: .3;
				transition: opacity 1.8s .2s;
			}

			ul.boxctn>li.disabled:hover{
				opacity: 1;
				transition: opacity .3s;
			}


				ul.boxctn>li>.ctn{
					width:100%;
					position: relative;
					margin:15px 0;

				}

				#app.js ul.boxctn>li>.ctn::before{
					content:"";
					display: block;
					position: absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
					box-shadow: inset 0 0 0 0px transparent;
					transition: box-shadow .5s;
					pointer-events: none;
					z-index:2;
				}
				#app.js ul.boxctn>li>.ctn:hover{
					cursor: pointer;
				}
				#app.js ul.boxctn>li>.ctn:hover::before{
					box-shadow: inset 0 0 0 4px #85C356;
					transition: box-shadow .2s;
				}

					ul.boxctn>li>.ctn>.img{
						width:100%;
						height:165px;

						background:#DDD;
						border-color:#85C356;
						border-bottom-width: 4px;
						border-bottom-style: solid;

						background-repeat: no-repeat;
						background-size:cover;
						background-position: 50% 50%;

						position: relative;
					}
					/* FRED did this */
					ul.boxctn>li>.ctn>.img.remote{
						height: 26px;
						width: 26px;
						float: right;
						border-top:0;
						border-right:0;
						border-left: 4px solid transparent;
						border-bottom: 4px solid transparent;
						transition: width .2s, height .2s;
						top:4px;
						right:4px;
					}
					ul.boxctn>li>.ctn>.img.remote .source{
						top:0px;
						right:0px;
					}
					ul.boxctn>li>.ctn:hover>.img.remote{
						height: 30px;
						width: 30px;
						transition: width .3s .1s, height .3s .1s;
					}
					/* END */

						ul.boxctn>li>.ctn>.img .source{
							position: absolute;
							top:4px;
							right:4px;
							min-width:30px;
							line-height: 30px;
							padding:0 5px;
							height:30px;
							/*background:#555;*/
							color:#FFF;
							font-size:14px;
						}

							ul.boxctn>li>.ctn>.img .source::after{
								display: block;
								content:"";
								position: absolute;
								top:50%;
								left:50%;
								transform: translate(-50%, -50%);
							}

						ul.boxctn>li>.ctn>.img .source.facebook{
							background:#4364A3;
							padding:0;
						}

							ul.boxctn>li>.ctn>.img .source.facebook::after{
								font-family: icomoon;
								content: "\e905";
							}

					ul.boxctn>li>.ctn>.text{
						padding:20px 20px 15px 20px;
						font-size:18px;
						font-weight:300;

						position: relative;
					}

						ul.boxctn>li>.ctn>.text>.date{
							font-size:15px;
							font-weight: 600;
							color:#84c354;
							text-transform: uppercase;
							margin-bottom:10px;
						}
							/* FRED ADDED THIS !! */
							ul.boxctn>li>.ctn>.text>.date>span{
								font-size: 8px;
								margin: 0 6px;
							}
							/* END */

						ul.boxctn>li>.ctn>.text>h3{
							margin:0;
							padding:0;
							line-height: 1em;
							font-size:1.4em;
						}

						ul.boxctn>li>.ctn>.text>p{
							margin:0;
							padding:0;
						}

					ul.boxctn>li>.ctn>a{
						display: block;
						font-size:15px;
						font-weight:600;
						color:#84c354;
						text-transform: uppercase;
						text-decoration: none;
						margin-left:20px;
						padding-bottom:15px;
					}





















/**
 * LARGE BOXCTN
 */

		ul.boxctn.large{
			margin-right:-40px;
			margin-bottom:-40px;
			/*margin-top:15px;*/
		}

			ul.boxctn.large>li{
				display: inline-block;
				vertical-align: top;
				float: none;
				width:250px;
				width:calc((100% - 120px)/3);
				border-top:0;
				padding-right:40px;
				padding-bottom:40px;
			}

				ul.boxctn.large>li>.ctn{
					margin:0;
				}
































		#pageContainer #thepage .box.news>ul#newsbox1{
			margin-top:0;
			height:auto;
		}

			#pageContainer #thepage .box.news>ul#newsbox1>li{
				border-left:4px solid #E4E4E4;
				padding:0 0 20px 20px;
				width:45%;
				width: calc(50% - 22px);
				float:left;
				border-top-width: 0;

				margin-left:-4px;
			}

			#pageContainer #thepage .box.news>ul#newsbox1>li:first-child{
				border-left:0;
				padding-right:20px;
				padding-left:0;
				border-right:4px solid #E4E4E4;
				margin-left:0;
			}

				#pageContainer #thepage .box.news>ul#newsbox1>li>.ctn{
					margin:0;
				}

						#pageContainer #thepage .box.news>ul#newsbox1>li>.ctn>.text>h3{
							font-size:30px;
						}

					#pageContainer #thepage .box.news>ul#newsbox1>li>.ctn>.img{
						height:250px;
					}

		#pageContainer #thepage .box.news>ul#newsbox2{
			clear:both;
			margin-bottom:40px;
		}

			#pageContainer #thepage .box.news>ul#newsbox2>li{
				border-top:4px solid #E4E4E4;
				padding:20px 0;
			}

				#pageContainer #thepage .box.news>ul#newsbox2>li>.ctn{
					height:130px;
					overflow: hidden;
					margin:0;
				}

					#pageContainer #thepage .box.news>ul#newsbox2>li>.ctn>.img{
						width:205px;
						height:130px;
						border-right-width: 4px;
						border-right-style: solid;
						float:left;
					}

					#pageContainer #thepage .box.news>ul#newsbox2>li>.ctn>.text{
						padding:15px 20px;
						margin-left: 210px;
					}

						#pageContainer #thepage .box.news>ul#newsbox2>li>.ctn>.text>h3{
							/*font-size:25px;*/
							height:1em;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap 
						}

						#pageContainer #thepage .box.news>ul#newsbox2>li>.ctn>.text>p{
							height:1em;
							line-height: 1em;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap 
						}

					#pageContainer #thepage .box.news>ul#newsbox2>li>.ctn>a{
						margin-left:230px;
					}

/**
 * EVENTS/NEWS
 */

	#pageContainer #thepage .box.events,
	#pageContainer #thepage .box.news,
	#pageContainer #thepage .box.resources,
	#pageContainer #thepage .box .step h2{
		text-align: center;
	}

		#pageContainer #thepage .box.events>h1,
		#pageContainer #thepage .box.news>h1{
			/*margin-bottom:45px;*/
		}

		#pageContainer #thepage .box.events>ul,
		#pageContainer #thepage .box.news>ul{
			margin-top: -15px;
		}


/*		#pageContainer #thepage .box.events>ul#eventbox,
		#pageContainer #thepage .box.news>ul#newsbox{
			display: block;
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: left;

			margin-top:15px;
		}

			#pageContainer #thepage .box.events>ul#eventbox>li,
			#pageContainer #thepage .box.news>ul#newsbox>li{
				border-top:4px solid #E4E4E4;
			}

			#pageContainer #thepage .box.events>ul#eventbox>li:first-child,
			#pageContainer #thepage .box.news>ul#newsbox>li:first-child{
				border-top:0;
			}


				#pageContainer #thepage .box.events>ul#eventbox>li>.ctn,
				#pageContainer #thepage .box.news>ul#newsbox>li>.ctn{
					width:100%;
					height:100%;
					overflow: hidden;
					margin:15px 0;
					position: relative;
				}
				#app.js #pageContainer #thepage .box.events>ul#eventbox>li>.ctn::before,
				#app.js #pageContainer #thepage .box.news>ul#newsbox>li>.ctn::before{
					content:"";
					display: block;
					position: absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
					box-shadow: inset 0 0 0 0px transparent;
					transition: box-shadow .5s;
					pointer-events: none;
				}
				#app.js #pageContainer #thepage .box.events>ul#eventbox>li>.ctn:hover,
				#app.js #pageContainer #thepage .box.news>ul#newsbox>li>.ctn:hover{
					cursor: pointer;
				}
				#app.js #pageContainer #thepage .box.events>ul#eventbox>li>.ctn:hover::before,
				#app.js #pageContainer #thepage .box.news>ul#newsbox>li>.ctn:hover::before{
					box-shadow: inset 0 0 0 4px #85C356;
					transition: box-shadow .2s;
				}


					#pageContainer #thepage .box.events>ul#eventbox>li>.ctn>.img,
					#pageContainer #thepage .box.news>ul#newsbox>li>.ctn>.img{
						width:100%;
						height:170px;
						border-bottom:4px solid #85C356;
						background:#888;

						background-repeat: no-repeat;
						background-size:cover;
						background-position: 50% 50%;
					}

					#pageContainer #thepage .box.events>ul#eventbox>li>.ctn>.text,
					#pageContainer #thepage .box.news>ul#newsbox>li>.ctn>.text{
						padding:15px 20px;
						font-size:18px;
					}

						#pageContainer #thepage .box.events>ul#eventbox>li>.ctn>.text>.date,
						#pageContainer #thepage .box.news>ul#newsbox>li>.ctn>.text>.date{
							font-size:15px;
							font-weight: 600;
							color:#84c354;
							text-transform: uppercase;
							margin-bottom:5px;
						}

						#pageContainer #thepage .box.events>ul#eventbox>li>.ctn>.text>h3,
						#pageContainer #thepage .box.news>ul#newsbox>li>.ctn>.text>h3{
							margin:0;
							padding:0;
							line-height: 1em;
							font-size:25px;
						}

						#pageContainer #thepage .box.events>ul#eventbox>li>.ctn>.text>.city,
						#pageContainer #thepage .box.news>ul#newsbox>li>.ctn>.text>.city{
							color:black;
						}

						#pageContainer #thepage .box.events>ul#eventbox>li>.ctn>.text>.hours,
						#pageContainer #thepage .box.news>ul#newsbox>li>.ctn>.text>.hours{
							font-size:15px;
							font-weight: 600;
							color:#84c354;
							text-transform: uppercase;
							margin-top:5px;
						}


					#pageContainer #thepage .box.events>ul#eventbox>li>.ctn>a,
					#pageContainer #thepage .box.news>ul#newsbox>li>.ctn>a{
						display: block;
						font-size: 15px;
						font-weight: 600;
						color: #84c354;
						text-transform: uppercase;
						text-decoration: none;
						margin-left: 20px;
						padding-bottom:15px;
					}*/

					#app.js #pageContainer #thepage .box.events>ul#eventbox>li>.ctn>a{
						display: none;
					}
										
	
/**
 * STATISTICS 
 * Author Phil
 */
	#pageContainer #thepage .box .statcontainer {
		position: relative;
	}
	
	#pageContainer #thepage .box .statcontainer::after {
		content: "";
		background-color: #fff;
		height: 10px;
		display: block;
		position: relative;
		bottom: 4px;
	}
	
	#pageContainer #thepage .box .statcontainer .stats {
		position: relative;
		margin-top: 30px;        
		padding-bottom: 30px;
		overflow: auto;
		border-bottom: 4px solid #E4E4E4;
	}

	#pageContainer #thepage .box .statcontainer .stats:first-child {
		margin-top:0;
	}

	
	#pageContainer #thepage .box .statcontainer .stats::after {
		padding-bottom: 100%;
		content:""
	}

	#pageContainer #thepage .box .statcontainer .stats.small {
		float:left;
		width: 48%;
		padding-bottom: 30px;
		box-sizing: border-box;
		margin-top:0;
		padding-top:30px;
	}
	
	#pageContainer #thepage .box .statcontainer .stats.small:nth-child(odd) {
		border-right: 4px solid #E4E4E4;
	}
		
		#pageContainer #thepage .box .statcontainer .stats > div
		{
			float:left;
			width: 45%;
			width: calc(50% - 22px);
		}
	
		#pageContainer #thepage .box .statcontainer .stats .leftbox {
			padding-left: 50px;
			/*padding-top:66px;*/
		}
		
		#pageContainer #thepage .box .statcontainer .stats.small:nth-child(even) {
			padding-left: 30px;
			width: 52%;
		}
	
		#pageContainer #thepage .box .statcontainer .stats .hidden {
			display:none;
		}
	
		#pageContainer #thepage .box .statcontainer .stats > .statsquarecontainer {       
			margin-left: -7px;
			margin-top: -7px;
			position: relative;
		}
		#pageContainer #thepage .box .statcontainer .stats > .statsquarecontainer::after {
			content:"";
			padding-bottom:100%;
			display:block;
		}

		#pageContainer #thepage .box .statcontainer .stats > .statsquarecontainer > .squares {
			position:absolute;
			top:0;
			left:0;
			opacity:1;
			transition:opacity .5s;
			z-index:2;
		}
		
		
		#pageContainer #thepage .box .statcontainer .stats > .statsquarecontainer > .squares.hidden {
			display:block;
			opacity: 0;
			pointer-events: none;
			transition:opacity .5s .3s;
			z-index:1;
		}
		
			.stats .statsquare {
				display: block;
				width: 10%;
				float: left;
				position: relative;
				box-sizing: border-box;
				border: 0;
				background-color: #e4e4e4;
				font-size:13px;
				
				transition:opacity .5s;
			}
			
			.stats .statsquare.subdued, .stats ul>li.subdued {
				opacity: 0.3;
			}
			
			#pageContainer #thepage .box .statcontainer .stats div.squares .statsquare {
				border:7px solid white;
			}

			   .stats .statsquare::after {
				   content:"";
				   display:block;
				   padding-bottom:100%;
			   }
			
			#pageContainer #thepage .box .statcontainer .stats .stattoggle {
				-webkit-appearance:none;
				
				border:1px #e4e4e4 solid;
				display:inline-block;  
				width: 150px;
				width:calc(45% - 22px);
				height:40px;
				line-height:40px;
				text-align: center;
				margin:0 auto 26px;
				padding:0;
				box-sizing: border-box;
			}
			
			#pageContainer #thepage .box .statcontainer .stats .stattoggle.selected {
				background-color:#85C356;
			}
			
			#pageContainer #thepage .box .statcontainer .stats .parentstat {
				margin-bottom: 20px;
			}
			
				#pageContainer #thepage .box .statcontainer .stats .stattoggle::hover {
					cursor: pointer;
				}
				
				#pageContainer #thepage .box .statcontainer .stats .bigstat {
					font-weight: bold;
					font-size: 45px;
				}
				
				#pageContainer #thepage .box .statcontainer .stats .statdata {
					font-weight: bold;
				}
				
				
			#pageContainer #thepage .box .statcontainer .stats ul>li{
				width:50%;
				float:left;
				box-sizing: border-box;
				/*font-size:21px;*/
				
				transition:opacity .5s;

				cursor:pointer;
			}
			
				#pageContainer #thepage .box .statcontainer .stats ul>li div {
					margin-left: 30px;
				}

				#pageContainer #thepage .box .statcontainer .stats ul>li .statsquare{
					width:25px;
				}
/**
 * My garden
 * Phil did that
 */
        #pageContainer #thepage .box .gardens-container {
            position: relative;
            font-size: 21px;
        }

            #pageContainer #thepage .box .gardens-container .garden {
                width: 50%;
                float: left;
                border-bottom: 4px solid #E4E4E4;
                padding-bottom: 20px;
                box-sizing: border-box;
                min-height: 350px;
            }

            #pageContainer #thepage .box .gardens-container .garden:nth-child(even) {
                border-left: 4px solid #E4E4E4;
                padding-left: 30px;
            }
            
            #pageContainer #thepage .box .gardens-container .garden.alone {
                width: 100%;
                border-bottom: none;
                position: relative;
                min-height: 100%;
            }
            
                #pageContainer #thepage .box .gardens-container .garden .header {
                    position: relative;
                    padding-top: 10px
                }

                    #pageContainer #thepage .box .gardens-container .garden .header h2 {
                        margin-right: 90px;
                    }
                    
                    #pageContainer #thepage .box .gardens-container .garden .header span.state {
                        position: absolute;
                        top: 25px;
                        right: 16px;
                        font-size: 14px;
                        font-weight: bold;
                        text-transform: uppercase;
                    }
                    
                        .gardens-container .garden .header span.state.pending {
                            color: #ddc922;
                        }
                        
                        .gardens-container .garden .header span.state.accepted {
                            color: #85C356;
                        }
                        
                        .gardens-container .garden .header span.state.refused {
                            color: #eb4343;
                        }

            
			
/**
 * newsletter
 */

	#pageContainer #thepage .box.newsletter{
		text-align: center;
	}

		#pageContainer #thepage .box.newsletter>h2{
			/*display: inline;*/
			/*margin-bottom:45px;*/
		}


		#pageContainer #thepage .box.newsletter>form{
			display: block;
			margin: 0;
			padding: 0;
			text-align: left;
			/*margin-top:35px;*/
		}

			#pageContainer #thepage .box.newsletter>form>label,
			header #loginBox form>label{
				display: block;
				background:#e4e4e4;
				margin-bottom:25px;
				height:40px;
				line-height: 40px;
				overflow: hidden;
				position: relative;
			}
			#pageContainer #thepage .box.newsletter>form>label,
			header #loginBox form>label{
				/*margin-top:35px;*/
				margin-bottom:8px;
			}

				#pageContainer #thepage .box.newsletter>form>label>span,
				header #loginBox form>label>span{
					position: absolute;
					top:0;
					left:0;
					padding-left:10px;
					color:#b7b7b7;
					font-size:16px;
					font-weight: bold;
					white-space: nowrap;
					width:69px;

					margin:1px 0 1px 1px;
					line-height: 38px;
				}

				#pageContainer #thepage .box.newsletter>form>label>input,
				header #loginBox form>label>input{
					position: absolute;
					top:0;
					left:1px;
					right:1px;
					margin:0;
					padding:0;
					background:transparent;
					border:0;
					border-radius:0;
					height:38px;
					padding-left:80px;

					margin:1px 1px 1px 0;
/*					width:258px;
					width:calc(100% - 2px);*/

					font-family: "mr-eaves-modern",sans-serif;
					font-size:18px;
					font-weight:300;
					transition: background .5s;
				}

				#pageContainer #thepage .box.newsletter>form>label>input:focus,
				header #loginBox form>label>input:focus{
					outline: 0;
					background:#FFF;
					transition: background .2s;
				}


/*
				#pageContainer #thepage .box.newsletter>form>label>input:invalid+span{
					color:#000000;
				}

				#pageContainer #thepage .box.newsletter>form>label>input:invalid:focus+span{
					color:#b7b7b7;
				}*/


			#pageContainer #thepage .box.newsletter>form>button,
			header #loginBox form>button{
				display: block;
				margin:0 auto;
				margin-top:27px;
			}


/**
 * Main forms?
 */

			#pageContainer #thepage section form .field,
			.styledform .field{
				display: block;
				background:#e4e4e4;
				margin-bottom:35px;
				min-height:40px;
				line-height: 40px;
				/*overflow: hidden;*/
				position: relative;
				box-sizing: border-box;
			}

			#pageContainer #thepage section form .field.textarea,
			.styledform .field.textarea{
				height:116px;
			}


			#pageContainer #thepage section form .field.select,
			.styledform .field.select{
				background: #FFFFFF;
			}

			#pageContainer #thepage section form .field:first-child,
			.styledform .field:first-child{
				/*margin-bottom:8px;*/
			}

				#pageContainer #thepage section form .field>label,
				.styledform .field>label{
					position: absolute;
					top: -20px;
					left: 5px;
/*					font-size: 14px;
					color: #888;*/
					height: 20px;
					line-height: 20px;

					font-size: 14px;
					font-weight: bold;
					color:#000000;
					text-transform: uppercase;

					opacity: 1;
					transform: translateY(0);
				}

				.js #pageContainer #thepage section form .field>label,
				.js .styledform .field>label{
					opacity: 1;
					transform: translateY(0);
				}

				.jsdone #pageContainer #thepage section form .field>label,
				.jsdone .styledform .field>label{
					transition: opacity .5s, transform .5s;
				}

/*				.js #pageContainer #thepage section form .field>input.empty+label,
				.js #pageContainer #thepage section form .field>textarea.empty+label,
				.js .styledform .field>input.empty+label,
				.js .styledform .field>textarea.empty+label{
					opacity: 0;
					transform: translateY(5px);
				}*/


/*				#pageContainer #thepage section form .field>input:empty+label,
				.styledform .field>input:empty+label{
					opacity: 0;
					transform: translateY(5px);
				}*/

				#pageContainer #thepage section form .field>input,
				#pageContainer #thepage section form .field.textarea>textarea,
				.styledform .field>input,
				.styledform .field.textarea>textarea{
					position: absolute;
					top:0;
					left:1px;
					right:1px;
					margin:0;
					padding:0;
					background:transparent;
					border:0;
					border-radius:0;
					height:38px;
					padding:0 5px;
					/*padding-left:80px;*/

					margin:1px 1px 1px 0;
/*					width:258px;
					width:calc(100% - 2px);*/

					font-family: "mr-eaves-modern",sans-serif;
					font-size:18px;
					font-weight:300;
					transition: background .5s;
					/* FRED ADDED THIS */
/*					width: 98.4%;
					width: calc(100% - 12px);*/
					/* END */

					width:100%;
					width: calc(100% - 2px);
					box-sizing: border-box;
				}

				#pageContainer #thepage section form .field.withUnit>input,
				.styledform .field.withUnit>input{
					right: 81px;
				}
				#pageContainer #thepage section form .field.withUnit>.select,
				.styledform .field.withUnit>.select{
					position: absolute;
					top: 0;
					right: 0;
					width: 30px;
					background:#FFFFFF;
				}

				#pageContainer #thepage section form .field.withUnit>.select.inited:hover,
				.styledform .field.withUnit>.select.inited:hover,
				#pageContainer #thepage section form .field.withUnit>.select.inited.hover,
				.styledform .field.withUnit>.select.inited.hover{
					color:#85C356;
				}



				#pageContainer #thepage section form .field.textarea>textarea,
				.styledform .field.textarea>textarea{
					height:114px;
				}


				#pageContainer #thepage section form .field>input:focus,
				#pageContainer #thepage section form .field>textarea:focus,
				.styledform .field>input:focus,
				.styledform .field>textarea:focus{
					outline: 0;
					background:#FFF;
					transition: background .2s;
				}


/*
				#pageContainer #thepage section form label>input:invalid+span,
				.styledform label>input:invalid+span{
					color:#000000;
				}

				#pageContainer #thepage section form label>input:invalid:focus+span,
				.styledform label>input:invalid:focus+span{
					color:#b7b7b7;
				}*/


			#pageContainer #thepage section form button,
			.styledform button{
				display: block;
				margin:0 auto;
			}

			#pageContainer #thepage section form .field.checkbox,
			.styledform .field.checkbox{
				position: relative;
				margin-bottom:8px;
				background:#FFFFFF;
				border:1px solid #e4e4e4;
			}

				#pageContainer #thepage section form .field.checkbox>input,
				.styledform .field.checkbox>input{
					height:auto;
					position: absolute;
					top:20px;
/*					left:20px;
					transform: translate(-50%, -50%);*/
					left:10px;
					transform: translateY(-50%);
					width: 1em;
					height: 1em;
				}

				#pageContainer #thepage section form .field.checkbox>label,
				#pageContainer #thepage section form .field.checkbox>.label,
				.styledform .field.checkbox>label,
				.styledform .field.checkbox>.label{
					top:0;
					left:0;
					position: static;
					padding:10px 0;
					padding-left:40px;
					padding-right:20px;
					line-height: 20px;
					font-size:21px;
					color:#000;
					width:100%;
					height:40px;
					display: block;
					box-sizing: border-box;

					text-transform: none;
					font-weight: normal;
				}
				#pageContainer #thepage section form .field.checkbox>label:hover,
				#pageContainer #thepage section form .field.checkbox>.label:hover,
				.styledform .field.checkbox>label:hover,
				.styledform .field.checkbox>.label:hover{
					cursor:pointer;
				}


				#pageContainer #thepage section form .field.checkbox.multi>label,
				#pageContainer #thepage section form .field.checkbox.multi>.label,
				.styledform .field.checkbox.multi>label,
				.styledform .field.checkbox.multi>.label{
					padding-left:120px;
					height:auto;
					min-height:40px;
				}


				#pageContainer #thepage section form .field.checkbox.multi>input,
				.styledform .field.checkbox.multi>input{
					display: block;
					-webkit-appearance:none;
					border:0;
					margin:0;
					padding:0;
					background:transparent;
					border-radius: 0;
					/*position: relative;*/
					width:17px;
					height:17px;
					border-radius: 100%;
					/*border: 1px solid #85C356;*/
					color:#85C356;
					/*background:#FFF;*/
					cursor: pointer;
					/*box-sizing: content-box;*/

					font-size: 18px;
				}
				#pageContainer #thepage section form .field.checkbox>input::after,
				.styledform .field.checkbox>input::after{
					display: block;
					position: absolute;
					top:0;
					left:0;
					width:17px;
					height:17px;
					line-height: 17px;
					text-align: center;
					content:"";
					/*font-size:14px;*/
					font-weight: bold;
					font-family: mr-eaves-modern, sans-serif;
				}

				#pageContainer #thepage section form .field.checkbox>input:hover,
				.styledform .field.checkbox>input:hover{
					/*background:#E1F0D6;*/
					color:#000;
				}

				#pageContainer #thepage section form .field.checkbox>input:checked,
				.styledform .field.checkbox>input:checked{
					background:#85C356;
					color:#FFFFFF;
					font-size: 14px;
				}



				#pageContainer #thepage section form .field.checkbox>input.pos1,
				.styledform .field.checkbox>input.pos1{
					left:10px;/*was 20px;*/
				}
				#pageContainer #thepage section form .field.checkbox>input.pos1::after,
				.styledform .field.checkbox>input.pos1::after{
					content:"1";
				}

				#pageContainer #thepage section form .field.checkbox>input.pos2,
				.styledform .field.checkbox>input.pos2{
					left:30px;/*was 40px;*/
				}
				#pageContainer #thepage section form .field.checkbox>input.pos2::after,
				.styledform .field.checkbox>input.pos2::after{
					content:"2";
				}

				#pageContainer #thepage section form .field.checkbox>input.pos3,
				.styledform .field.checkbox>input.pos3{
					left:50px;/*was 60px;*/
				}
				#pageContainer #thepage section form .field.checkbox>input.pos3::after,
				.styledform .field.checkbox>input.pos3::after{
					content:"3";
				}

				#pageContainer #thepage section form .field.checkbox>input.pos4,
				.styledform .field.checkbox>input.pos4{
					left:70px;/*was 80px;*/
				}
				#pageContainer #thepage section form .field.checkbox>input.pos4::after,
				.styledform .field.checkbox>input.pos4::after{
					content:"4";
				}

				#pageContainer #thepage section form .field.checkbox>input.pos5,
				.styledform .field.checkbox>input.pos5{
					left:90px;/*was 100px;*/
				}
				#pageContainer #thepage section form .field.checkbox>input.pos5::after,
				.styledform .field.checkbox>input.pos5::after{
					content:"5";
				}
		
				/*FRED ADDED THIS*/
				#profileform .changePassElement.cancel{
					margin-bottom: 30px;
				}
				#thepage .socialLinker h3{
					margin-bottom: 15px;
				}
					#thepage .socialLinker div>a.socialLogin{
						display: block;
						background:red;
						height:40px;
						line-height: 40px;
						margin-bottom:8px;
						text-transform: uppercase;
						width: 240px;
					}
				
						#thepage .socialLinker div>a{
							font-size: 13px;
							text-decoration: none;
							padding: 0 10px;
							text-align: center;
							margin-right: 30px;
							transition: opacity .5s;
						}
						#thepage .socialLinker div>a.socialLogin{
							opacity: .6;
						}
						#thepage .socialLinker div>a.socialLogin:hover{
							opacity: 1;
						}
						#thepage .socialLinker div>a.unlinkOauth{
							opacity: 1;
						}
						#thepage .socialLinker div>a.unlinkOauth:hover{
							opacity: .6;
						}
							#thepage .socialLinker div>a.socialLogin>span{
								/*margin-right:;*/
								font-size:15px;
							}
						
						#thepage .socialLinker div>a.socialLogin.facebook{
							background:#4367B1;
							color:#FFFFFF;
						}

						#thepage .socialLinker div>a.socialLogin.twitter{
							background:#4CB3F3;
							color:#FFFFFF;			
						}

						#thepage .socialLinker div>a.socialLogin.google{
							background:#E94335;
							color:#FFFFFF;			
						}
				/*END*/

/**
 * social
 */

	#pageContainer #thepage .box.social{
		text-align: center;
	}

		#pageContainer #thepage .box.social>ul{
			display: block;
			list-style: none;
			margin:0 auto;
			padding:0;
			width:260px;
			height:30px;
		}

			#pageContainer #thepage .box.social>ul>li{
				display: block;
				margin:0;
				padding:0;
				float:left;
				width:62px;
				height:30px;
				border-left:4px solid #E4E4E4;
				text-align: center;
				line-height: 30px;
			}

			#pageContainer #thepage .box.social>ul>li:first-child{
				border-left:0;
			}

				#pageContainer #thepage .box.social>ul>li>a{
					text-decoration: none;
					color:#000;
				}

					#pageContainer #thepage .box.social>ul>li>a>span{
						line-height: 30px;
					}

					#pageContainer #thepage .box.social>ul>li>a>.icon-facebook,
					#pageContainer #thepage .box.social>ul>li>a>.icon-facebook2{
						color:#3b5998;
					}

					#pageContainer #thepage .box.social>ul>li>a>.icon-twitter{
						color:#1da1f2;
					}

					#pageContainer #thepage .box.social>ul>li>a>.icon-instagram{
						color:#da3176;
					}

					#pageContainer #thepage .box.social>ul>li>a>.icon-www{
						color:#85C356;
					}


/*				#pageContainer #thepage .box.social>ul>li>a:hover{
					color:fuchsia;
				}*/


			#pageContainer #thepage .box.social>ul>li.disabled{
				color:#E4E4E4;
			}


/**
 * breadcrumbs
 */

	#pageContainer #thepage .box.breadcrumbs{
		font-size:18px;
		padding:0;
	}

		#pageContainer #thepage .box.breadcrumbs>ul{
			display: block;
			list-style: none;
			margin:0;
			padding:0;
			max-width:100%;
			overflow: hidden;
			height:45px;
			white-space: nowrap;
		}

			#pageContainer #thepage .box.breadcrumbs>ul>li{
				display: inline-block;
				/*float:left;*/
				/* FRED DID THIS */
				/*padding-left:25px;*/
				/* END */
				position: relative;

				white-space: nowrap;
				max-width:75px;
				overflow: hidden;
				text-overflow: ellipsis;

				transition: max-width .9s .2s;
			}

			#pageContainer #thepage .box.breadcrumbs>ul>li.last,
			#pageContainer #thepage .box.breadcrumbs>ul>li:hover{
				max-width:250px;
				transition: max-width .9s;
			}


			/* FRED DID THIS
			#pageContainer #thepage .box.breadcrumbs>ul>li::before{
				display: inline-block;
				content:">";
				position: absolute;
				top:0;
				left:0;
				width:25px;
				text-align: center;
				color:#85C356;
			}*/
			#pageContainer #thepage .box.breadcrumbs>ul>li::before{
				display: inline-block;
				/* use !important to prevent issues with browser extensions that change fonts */
				font-family: 'icomoon' !important;
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;

				/* Better Font Rendering =========== */
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				content:"\e901";
				/*position: absolute;
				top:0;
				left:0;*/
				width:30px;
				color:#85C356;
				font-size: 8px;
				text-align: center;
			}
			/* END */

			#pageContainer #thepage .box.breadcrumbs>ul>li:first-child{
				/*padding-left:0;*/
				/* FRED DID THIS */
				padding-left:25px;
				/* END */
			}
			#pageContainer #thepage .box.breadcrumbs>ul>li:first-child::before{
				display: none;
			}

				#pageContainer #thepage .box.breadcrumbs>ul>li>a{
					color:#000;
					text-decoration: none;
				}

				#pageContainer #thepage .box.breadcrumbs>ul>li>a:hover{
					color:#85C356;
				}

/**
 * searchMenu
 */

	.extratoggle{
		position: relative;
		float:left;
		border-right:4px solid #E4E4E4;
		width:45px;
		height:45px;
		margin-left:-15px;
		margin-right:10px;
	}

	.extratitle{
		margin-left:60px;
	}

	.extratoggle2{
		/*border-bottom:4px solid #E4E4E4;*/
		/*margin-left:0;*/
		margin:0;
		border:0;
		position: absolute;
		top:0;
		left:0;
	}

	.extratoggle3{
		margin-left:0;
	}


	.box.breadcrumbs .extratoggle{
		margin-left:0;
		margin-right:0;
	}

		.extratoggle>span{
			position: absolute;
			top:50%;
			left:50%;
			transform: translate(-50%, -50%);
		}

	.extratoggle:hover{
		background:#85C356;
		color:#FFFFFF;
		cursor: pointer;
	}




/**
 * selectMap
 */

	#pageContainer #thepage .box.selectMap{
		padding:0;
		text-transform: uppercase;
	}

		#pageContainer #thepage .box.selectMap>.select{
			height:35px;
			line-height: 35px;
			border:0;
		}

/*#thepage.m_event,
#thepage.m_news,
#thepage.m_map_event,
#thepage.m_map_news*/



/**
 * back
 */

	#pageContainer #thepage .box.back{
		position: relative;
		padding:0;
	}

		#pageContainer #thepage .box.back>a{
			display: block;
			width:100%;
			height:45px;
			line-height: 45px;
			padding-left:45px;
			box-sizing: border-box;
			text-decoration: none;
			color:#000;
		}

		#pageContainer #thepage .box.back>a:hover{
			color:#FFF;
			background:#85C356;
		}

			#pageContainer #thepage .box.back>a::before{
				position: absolute;
				top:0;
				left:0;
				width:45px;
				height:45px;
				text-align: center;
				line-height: 45px;
				font-family: 'icomoon' !important;
				content: "\e904";

				color:#85C356;
				font-size:.7em;
			}

			#pageContainer #thepage .box.back>a:hover::before{
				color:inherit;
			}


/**
 * search
 */

	#pageContainer #thepage .box.search{
		text-align: center;
	}

		#pageContainer #thepage .box.search>form{
			display: block;
			/*margin-top:30px;*/
			border:1px solid #E4E4E4;
			position: relative;
			height:40px;
		}

			#pageContainer #thepage .box.search>form>label{
				display: block;
				position: absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				background: #E4E4E4
			}

				#pageContainer #thepage .box.search>form>label>input{
					display: block;
					border:0;
					border-radius: 0;
					width:100%;
					height:100%;
					padding:5px 40px 5px 5px;
					box-sizing: border-box;
					background:transparent;
					transition: background .5s;
				}

				#pageContainer #thepage .box.search>form>label>input:focus{
					outline:none;
					background:#FFFFFF;
					transition: background .2s;
				}


				#pageContainer #thepage .box.search>form>label>span{
					position: absolute;
					top:-20px;
					left:5px;
					font-size:14px;
					color:#888;
					height:15px;
					line-height: 15px;
					/*transition: opacity .5s, transform .5s;*/
				}

				#pageContainer #thepage .box.search>form>label::after{
					display: block;
					position: absolute;
					top:0;
					right:0;
					width:40px;
					height:40px;
					text-align: center;
					line-height: 40px;
					font-size:15px;
					z-index:1;
					pointer-events: none;
					font-family: 'icomoon' !important;
					content: "\e910";
				}

/*				#pageContainer #thepage .box.search>form>label::after:hover{
					color:#85C356;
				}*/


			#pageContainer #thepage .box.search>form>input{
				position: absolute;
				top:0;
				right:0;
				width:40px;
				height:40px;
				border:0;
				border-radius:0;
				overflow: hidden;
				background:transparent;
				color:transparent;
				z-index:2;
				cursor: pointer;
			}

			#pageContainer #thepage .box.search>form>input:hover{
				cursor: pointer;
				background: rgba(0,0,0,0.1);
			}


/*			.js #pageContainer #thepage .box.search>form>input{
				pointer-events: none;
				display: none;
			}*/

				.jsdone #pageContainer #thepage .box.search>form>label>span{
					transition: opacity .5s, transform .5s;
				}

				.js #pageContainer #thepage .box.search>form>label>input.empty+span,
				.js #pageContainer #thepage .box.search>form>label>textarea.empty+span{
					opacity: 0;
					transform: translateY(5px);
				}

				.js #pageContainer #thepage .box.search>form>label>input+span{
					opacity: 1;
					transform: translateY(0);
				}

		#pageContainer #thepage .box.search>ul.searchMonth{
			display: block;
			margin:20px 0;
			padding:0;
			list-style: none;

			text-align: left;

			columns: 2;
		}

			#pageContainer #thepage .box.search>ul.searchMonth>li{
				display: block;
				padding-left:20px;
			}
				#pageContainer #thepage .box.search>ul.searchMonth>li>a{
					color:#CCC;
					text-decoration: none;
				}
				/* FRED ADDED selectable CLASS (stuff just got real)*/
				#pageContainer #thepage .box.search>ul.searchMonth>li.selectable>a{
					
					text-decoration: none;
					color:#000000;

					background: linear-gradient(#85C356 0%, #85C356 100%);
					background-size: 0% 4px;
					background-repeat: no-repeat;
					background-position: 0% 100%;

					transition: background .5s;
				}

				#pageContainer #thepage .box.search>ul.searchMonth>li.selectable>a:hover,
				#pageContainer #thepage .box.search>ul.searchMonth>li.selectable>a.active{
					background-size: 100% 4px;
				}

				#pageContainer #thepage .box.search>ul.searchMonth>li>a.active{
					color:#85C356;
				}

		#pageContainer #thepage .box.search>h3{
			margin:0 0 10px 20px;
			padding:0;
			font-size:18px;
			font-weight: normal;
			text-align:left;
		}

		/*#pageContainer #thepage .box.search>*/ul.keywords{
			display: block;
			margin:0;
			padding:0;
			list-style: none;
			text-align: left;
		}

			/*#pageContainer #thepage .box.search>*/ul.keywords>li{
				display: inline-block;
				margin-right:3px;
				width:auto;
				max-width:100%;
			}
				/* FRED MESSED WITH SOME STUFF HERE (selectable) */
				/*#pageContainer #thepage .box.search>*/ul.keywords>li>a{
					display: block;
					float:left;

					line-height: 20px;
					padding:0 10px;
					border-radius:10px;
					max-width: 100%;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					background:#EEE;
					font-size:14px;

					box-sizing: border-box;

					color:#999;
					text-decoration: none;
				}

				/*#pageContainer #thepage .box.search>*/ul.keywords>li>a.selectable{
					background:#E4E4E4;
					color:#000;
				}

				/*#pageContainer #thepage .box.search>*/ul.keywords>li>a.selectable:hover,
				/*#pageContainer #thepage .box.search>*/ul.keywords>li.active>a{
					background:#85C356;
				}
				/* END OF FRED MESSING */

/**
 * menu
 */

	#pageContainer #thepage .box.menu{
		padding:0;
	}

		#pageContainer #thepage .box.menu ul{
			list-style: none;
			margin:0;
			padding:0;
		}

			#pageContainer #thepage .box.menu ul>li{
			}

				#pageContainer #thepage .box.menu ul>li>a{
					display: block;
					padding:10px 20px;
					line-height:20px;
					text-decoration: none;
					color:#000000;
					padding-left:100px;
				}

				#pageContainer #thepage .box.menu>ul>li>a{
					padding-left:20px;
				}

				#pageContainer #thepage .box.menu ul>li.active>a{
					color:#85C356;
				}
				#pageContainer #thepage .box.menu ul>li>a:hover{
					background:#85C356;
					color:#FFFFFF;
				}

				#pageContainer #thepage .box.menu>ul>li>ul>li>a{
					padding-left:40px;
				}

				#pageContainer #thepage .box.menu>ul>li>ul>li>ul>li>a{
					padding-left:60px;
				}

				#pageContainer #thepage .box.menu>ul>li>ul>li>ul>li>ul>li>a{
					padding-left:80px;
				}





					#pageContainer #thepage .box.menu>ul>li>ul>li>ul li>a{
						font-size:.7em;
						padding-top:5px;
						padding-bottom:5px;
					}



/**
 * socialBox
 */

div.socialBox{
	float:right;
	width:auto;
	height:40px;
	line-height: 40px;
	padding:0 20px;
	border-radius: 40px;
	background:#85C356;
	white-space: nowrap;
	margin:0 0 0 10px;
}

	div.socialBox h3{
		font-weight: normal;
		margin:0;
		padding:0;
		display: inline-block;
		float:left;
		font-size:15px;
		line-height: 40px;
		text-transform: uppercase;
	}

	div.socialBox ul{
		display: inline-block;
		list-style: none;
		margin:0 0 0 20px;
		padding:0;
	}
	
		div.socialBox ul>li{
			display: inline-block;
			width:25px;
			height:40px;
			line-height: 40px;
			position: relative;
		}
	
			div.socialBox ul>li>a{
				display: block;
				width:30px;
				height:40px;
				text-align: center;
				position: absolute;
				top:0;
				left:0;
				text-decoration: none;
				color:#000;
				font-size:15px;
			}

			div.socialBox ul>li>a:hover{
				color:#FFF;
			}

				div.socialBox ul>li>a>span{
					line-height: 40px;
				}




















			.fontsize2 #pageContainer #thepage>section{
				font-size:1.2em;				
			}
			.fontsize2 #pageContainer #thepage .box.breadcrumbs>ul,
			.fontsize2 #pageContainer #thepage>aside .box{
				font-size:1.1em;				
			}
			.fontsize2 .showMapBox{
				font-size:55px;
			}
			.fontsize2 ul.boxctn>li>.ctn>.text{
				font-size:19px;
			}

			.fontsize2 div.select.inited{
				font-size:15px;
			}



			.fontsize3 #pageContainer #thepage>section{
				font-size:1.4em;				
			}
			.fontsize3 #pageContainer #thepage .box.breadcrumbs>ul,
			.fontsize3 #pageContainer #thepage>aside .box{
				font-size:1.2em;
			}
			.fontsize3 .showMapBox{
				font-size:60px;
			}
			.fontsize3 ul.boxctn>li>.ctn>.text{
				font-size:20px;
			}

			.fontsize3 div.select.inited{
				font-size:16px;
			}










/**
 * Small width?
 */
@media (max-width: 1300px){
/*	#app>header>#logo{
		width:220px;
	}

	#app>header>#nav1,
	#app>header>#nav2{
		left:220px;
	}*/


	#app>header>#nav2>ul>li>a{
		padding:0 7px; /* was 0 7 /* was 0 8px*/
		margin: 0 8px; /* was 0 8 /* was 0 10px;*/
		background-position: 8px 70%;
	}

		#app>header>#nav2>ul>li>a:hover,
		#app>header>#nav2>ul>li>a.active{
			background-size: calc(100% - 16px) 3px;
		}

	#app>header>#nav2>ul>li.account{
		padding:0 8px; /* was 0 8 */
		margin-left:8px; /* was 0 8 */
		font-size:1em;
	}


	/* Homepage */
	.homePromo>ul>li>a>.promocontainer>span.text{
		font-size: 3.8vw;
	}

}



/**
 * Smaller width?
 */
@media (max-width: 1150px){
	.endofpage{
		margin-bottom:0;
	}

	#app>header,
	#app>header>#logo{
		height:90px;
	}

	#app>header>#nav2{
		height:55px;
		line-height: 55px;
	}

		#app>header>#nav2>ul>li>ul,
		header #loginBox{
			top:55px;
		}

	#pageContainer #thepage{
		min-height: 600px;
		min-height: calc(100vh - 236px - 80px);
	}


	#mapContainer{
		top:55px;
	}

	#pageContainer{
		padding-top:90px;
	}

		#pageContainer #thepage .box{
			padding:20px;
		}

			#pageContainer #thepage>section>.box>h1,
			#pageContainer #thepage>section>.box>h2{
				top:0;
			}

	#app>header>#logo{
		width:200px;
	}

	#app>header>#nav1,
	#app>header>#nav2{
		left:200px;
		/*font-size:12px;*/
	}

	#app>header>#nav1,
	#app>header>#nav2{
		font-size:14px;
	}

/*	#app>header>#nav2>ul>li>a{
		padding:0 8px;
	}*/





	/* Homepage */
	.homePromo>ul>li>a>.promocontainer>span.text{
		top:50px;
		left:40px;
		right:40px;
	}

	.homePromo>ul>li>a>.promocontainer>span.button{
		bottom:50px;
	}

	#pageContainer #thepage .box.agora{
		padding:20px;
		height:290px;
	}

	#pageContainer #thepage .box.agora>ul.agora{
		margin-top:0;
	}

		#pageContainer #thepage .box.agora>ul.agora>li>p.title,
		#pageContainer #thepage .box.agora>ul.agora>li>p.text{
			margin-left:270px;
		}

	#pageContainer #thepage .box.agora>ul.agora>li>.button{
		left: calc((100% - 270px)/2 + 270px);
	}




/**
 * LARGE BOXCTN
 */

	ul.boxctn.large{
		margin-right:-20px;
		margin-bottom:-20px;
	}

		ul.boxctn.large>li{
			width:calc((100% - 60px)/3);
			padding-right:20px;
			padding-bottom:20px;
		}

				
/**
 *  STATISTICS
 *  Author Philippe
 */
		#pageContainer #thepage .box .statcontainer .stats .bigstat {
			font-size: 35px;
		}

		#pageContainer #thepage .box .statcontainer .stats ul>li {
			/*font-size: 16px;*/
		}
		
		#pageContainer #thepage .box .statcontainer .stats .stattoggle {
			width:45%;
		}
		
		#pageContainer #thepage .box .statcontainer .stats div.squares .statsquare {
			border:5px solid white;
		}
}



/**
 * Intermediary thing
 */
@media (max-width: 1055px){
/**
 * LARGE BOXCTN
 */

	ul.boxctn.large{

	}

		ul.boxctn.large>li{
			width:calc((100% - 40px)/2);
		}
				
/**
 *  STATISTICS
 *  Author Philippe
 */
		#pageContainer #thepage .box .statcontainer .stats.small > div {
			width: 100%;
		}
		
		#pageContainer #thepage .box .statcontainer .stats ul>li {
			width:100%;
			padding-bottom:10px;
		}
		
		#pageContainer #thepage .box .statcontainer .stats > .statsquarecontainer { 
			margin-left: -5px;
			margin-top: -5px;
		}
		
		.stats .statsquare {
			border:5px solid white;
		}
		
		#pageContainer #thepage .box .statcontainer .stats div.squares .statsquare {
			border:4px solid white;
		}
		
		#pageContainer #thepage .box .statcontainer .stats .leftbox {
			padding-left: 35px;
		}


		#pageContainer #thepage .box .statcontainer .stats ul>li .statsquare{
			width:25px;
		}
                
/**
 * My garden
 * Phil did that
 */
            #pageContainer #thepage .box .gardens-container .garden {
                width: 100%;
                min-height: 100%;
            }

            #pageContainer #thepage .box .gardens-container .garden:nth-child(even) {
                border-left: none;
                padding-left: 0;
            }

}




/**
 * Smallest width?
 */
@media (max-width: 960px){
	#pageContainer #thepage .box.mobileonly:first-child+.box{
		margin-top:10px;
	}

	#pageContainer footer #footer-links,
	#pageContainer footer #footer-partenaires,
	#pageContainer footer #footer-copyright,
	#pageContainer footer #footer-copyright>*,
	#pageContainer footer #footer-bnmln{
		position: static;
		width:100%;
		max-width:100%;
		float:none;
		clear:both;
		text-align: center;
	}

	#pageContainer footer #footer-copyright,
	#pageContainer footer #footer-bnmln{
		margin-top:20px;
	}


	#pageContainer footer #footer-links>ul,
	#pageContainer footer #footer-links>ul>li,
	#pageContainer footer #footer-partenaires>ul,
	#pageContainer footer #footer-partenaires>ul>li{
		float:none;
		width:100%;
		padding-left:0;
		padding-right:0;
	}

	#pageContainer footer #footer-links>ul>li.social{
		display: inline-block;
		padding:0 5px;
		margin-top:20px;
	}

	.half,
	.half+.half{
		width:100%;
		margin:0;
	}

	.box>.topimg{
		padding:0;
		padding-bottom:20px;
		float:none;
		width:100%;
		max-width:100%;
		min-width:0;
	}

	#app>header,
	#app>header>#logo{
		height:75px;
	}

		#app>header>#logo>a{
			font-size:40px;
		}

		#pageContainer{
			padding-top:75px;
		}

/*		#pageContainer #thepage .box{
			padding:20px;
		}*/

	#app>header>#nav2{
		height:40px;
		line-height: 40px;
	}

		#app>header>#nav2>ul>li>ul,
		header #loginBox{
			top:40px;
		}

	#pageContainer #thepage{
		min-height: 600px;
		min-height: calc(100vh - 221px - 80px);
	}


	#mapContainer{
		top:40px;
	}

	#app>header>#logo{
		width:160px;
	}

	#app>header>#nav1,
	#app>header>#nav2{
		left:160px;
		/*font-size:12px;*/
	}

	#app>header>#nav2>ul>li{ 
		margin-right: -4px;
	}

	#app>header>#nav1,
	#app>header>#nav2{
		font-size:13px;
	}




	/* Homepage */
	.showMapBox{
		width:80%;
	}

	.homePromo>ul>li>a>.promocontainer>span.text{
		top:30px;
		left:20px;
		right:20px;
	}

	.homePromo>ul>li>a>.promocontainer>span.button{
		bottom:30px;
	}


	#pageContainer #thepage .box.agora{
		height:440px;
	}

		#pageContainer #thepage .box.agora>ul.agora>li>p.title{
			margin-left:0;
		}

		#pageContainer #thepage .box.agora>ul.agora>li>div.img{
			position: static;
			margin:0 auto;
			width:125px;
			height:125px;
			margin-top:20px;
		}

		#pageContainer #thepage .box.agora>ul.agora>li>p.text{
			margin-left:0;
			max-height:100px;
		}

		#pageContainer #thepage .box.agora>ul.agora>li>.button{
			left:50%;
		}



		#pageContainer #thepage .box.agora>ul.agora>li>p.title{
			transform:translateY(-20px);
			transition: transform .5s;
		}

		#pageContainer #thepage .box.agora>ul.agora>li>div.img{
			transform:translateX(0);
			transition: transform .5s;
		}


		#pageContainer #thepage .box.agora>ul.agora>li>p.text{
			transform:translateX(0);
			transition: transform .5s;
		}

		#pageContainer #thepage .box.agora>ul.agora>li>.buttonctn{
			left:50%;
		}

		#pageContainer #thepage .box.agora>ul.agora>li>.button{
			transform:translate(-50%, 20px);
			transition: transform .5s;
		}


		#pageContainer #thepage .box.agora>ul.agora>li.active>p.title{
			transform:translateY(0);
			transition: transform .5s .3s;
		}

		#pageContainer #thepage .box.agora>ul.agora>li.active>div.img{
			transform:translateX(0);
			transition: transform .5s .3s;
		}


		#pageContainer #thepage .box.agora>ul.agora>li.active>p.text{
			transform:translateX(0);
			transition: transform .5s .3s;
		}

		#pageContainer #thepage .box.agora>ul.agora>li.active>.button{
			transform:translate(-50%, 0);
			transition: transform .5s .3s;
		}



	#pageContainer #thepage .box.news>ul#newsbox1,
	#pageContainer #thepage .box.news>ul#newsbox2{
		clear:both;
		height:auto;
	}


	#pageContainer #thepage .box.news>ul#newsbox1>li,
	#pageContainer #thepage .box.news>ul#newsbox2>li,
	#pageContainer #thepage .box.news>ul#newsbox1>li:first-child,
	#pageContainer #thepage .box.news>ul#newsbox2>li:first-child{
		float:none;
		height:auto;
		width:100%;
		padding:20px 0;
		border:0;
		border-top: 4px solid #E4E4E4;
	}

	#pageContainer #thepage .box.news>ul#newsbox1>li:first-child{
		border-top:0;
		padding-top:0;
	}

		#pageContainer #thepage .box.news>ul#newsbox1>li>.ctn,
		#pageContainer #thepage .box.news>ul#newsbox2>li>.ctn{
			height:auto;
			margin:0;
			padding:0;
		}

		#pageContainer #thepage .box.news>ul#newsbox1>li>.ctn>.img,
		#pageContainer #thepage .box.news>ul#newsbox2>li>.ctn>.img{
			float:none;
			width: 100%;
			height: 250px;
			border-width:0;
			border-bottom-width: 4px;
			border-bottom-style: solid;
			/*border-bottom: 4px solid #85C356;*/
		}

	#pageContainer #thepage .box.news>ul#newsbox1>li>.ctn>.text,
	#pageContainer #thepage .box.news>ul#newsbox2>li>.ctn>.text{
		max-height:auto;
		margin-left:0;
	}

		#pageContainer #thepage .box.news>ul#newsbox2>li>.ctn>.text>h3,
		#pageContainer #thepage .box.news>ul#newsbox2>li>.ctn>.text>p{
			height:auto;
			text-overflow: clip;
			white-space: normal;
		}


	#pageContainer #thepage .box.news>ul#newsbox1>li>.ctn>a,
	#pageContainer #thepage .box.news>ul#newsbox2>li>.ctn>a{
		margin-left:20px;
		margin-bottom:15px;
	}
		
	/**
	 *  STATISTICS
	 *  Author Philippe
	 */
		.stats .statsquare {
			border:3px solid white;
		}

		#pageContainer #thepage .box .statcontainer .stats div.squares .statsquare {
			border:3px solid white;
		}






	/**
	 * STATISTICS 
	 * Author Phil
	 */
	
	#pageContainer #thepage .box .statcontainer .stats .stattoggles{
		float:right;
		width:50%;
	}

	#pageContainer #thepage .box .statcontainer .stats .stattoggle {
		width: calc(50%);
		box-sizing: border-box;
	}
	
	#pageContainer #thepage .box .statcontainer .stats > div{
		width: 100%;
	}

	#pageContainer #thepage .box .statcontainer .stats > div.statsquarecontainer{
		width:calc(100%);
		float:none;
		clear:both;
		margin:0;
	}

		#pageContainer #thepage .box .statcontainer .stats > .statsquarecontainer > .squares{
			width:100%;
		}
	
		#pageContainer #thepage .box .statcontainer .stats > .statsquarecontainer::after{
			padding-bottom:25%;
		}
		#pageContainer #thepage .box .statcontainer .stats > div.statsquarecontainer>.squares>.statsquare{
			width:5%;
			border:3px solid white;
		}


	#pageContainer #thepage .box .statcontainer .stats .leftbox {
		padding-left: 0;
		padding-top:10px;
	}
	
	#pageContainer #thepage .box .statcontainer .stats .stattoggle{
		margin-bottom:10px;
		font-size:.85em;
	}

	#pageContainer #thepage .box .statcontainer .stats.small,
	#pageContainer #thepage .box .statcontainer .stats.small:nth-child(odd),
	#pageContainer #thepage .box .statcontainer .stats.small:nth-child(even) {
		width: 100%;
		border-right: 0;
		padding-left: 0;
	   
	}

	#pageContainer #thepage .box .statcontainer .stats ul>li{
		width:50%;
	}
	
	#pageContainer #thepage .box .statcontainer .stats div.squares .statsquare {
		border:5px solid white;
	}

	/**
	 * STATISTICS 
	 */

	#pageContainer #thepage .box .statcontainer .stats.small > div{
		width: 50%;
	}
}



/**
 * Intermediary thing 2
 */
@media (max-width: 860px){
	#app>header>#nav2{
		font-size:12px;
	}

	#app>header>#nav2>ul>li>a{
		padding:0 5px; /* was 0 7 /* was 0 8px*/
		margin: 0 5px; /* was 0 8 /* was 0 10px;*/
		letter-spacing: -.02em;
	}

		#app>header>#nav2>ul>li>a:hover{
			background-size: calc(100% - 16px) 3px;
		}

	#app>header>#nav2>ul>li.account{
		padding:0 5px; /* was 0 8 */
		margin-left:5px; /* was 0 8 */
		font-size:1em;
	}

/*	#app>header>#logo>a{
		font-size:40px;
	}*/

/**
 * LARGE BOXCTN
 */

	ul.boxctn.large{

	}

		ul.boxctn.large>li{
			width:calc(100% - 20px);
		}


	/**
	 * STATISTICS 
	 */

	#pageContainer #thepage .box .statcontainer .stats .stattoggle{
		font-size:.75em;
	}

}

/**
 * mobile
 */
@media (max-width: 760px){
	#app>header>#logo>a{
		font-size:30px;
	}

	.mobileonly{
		display: block;
	}

	.pconly{
		display: none;
	}

	.mobileclr{
		clear:both;
	}

	.carrouselContainer{
		height:300px;
		height:56vw;
		max-height:300px;
	}

	button,
	.button{
		max-width:100%;
	}

	#pageContainer #thepage{
		padding:10px 0;
		width:calc(100% - 20px);
	}

	#pageContainer #thepage>aside,
	#pageContainer #thepage>section,
	#pageContainer #thepage>aside+section{
		width:100%;
		float:none;
		margin:10px 0 0 0;
	}

	#pageContainer #thepage .box.selectMap{

	}

		#pageContainer #thepage .box.selectMap>.extratoggle{
			margin-left:0;
			margin-right:0;
		}

		#pageContainer #thepage .box.selectMap>.select{
			margin-left:49px;
		}


	#pageContainer #thepage>aside.extra{
		position: absolute;
		top:0;
		left:-10px;
		right:-10px;
		transform: translateX(-100%);
		transition: transform .5s;
		z-index:10;
		background:#000;
		background:rgba(0,0,0,0.5);
		width:auto;
		padding:10px;
		height:auto;
		min-height: 100%;
		box-sizing: border-box;
	}

	#pageContainer #thepage>aside.extra.visible{
		transform: translateX(0%);
	}

	#pageContainer #thepage .box.back>.extratoggle3+a{
		margin-left:49px;
		width:calc(100% - 49px);
	}

	#pageContainer #thepage .box.back>.extratoggle3+a::before{
		left:49px;
	}

	#pageContainer #thepage .box.breadcrumbs{
		padding:0;
	}

		#pageContainer #thepage .box.breadcrumbs>ul{

		}

			#pageContainer #thepage .box.breadcrumbs>ul>li,
			#pageContainer #thepage .box.breadcrumbs>ul>li.last{
				max-width:65px;
				font-size:14px;
				padding-left: 15px;
			}

				#pageContainer #thepage .box.breadcrumbs>ul>li::before{
					width:15px;
				}

			#pageContainer #thepage .box.breadcrumbs>ul>li.last,
			#pageContainer #thepage .box.breadcrumbs>ul>li:hover{
				max-width:125px;
			}

	#app>header{
		position: fixed;
		padding-top:45px;
		height:auto;
		z-index: 100;

		transition:box-shadow .5s;
	}

		#app.js>header>#logo{
			height:45px;
			width:120px;
		}

		#app>header>#nav2>ul#mapMenu{
			height:45px;
			line-height: 45px;
		}

	#app>header>#nav1,
	#app.js>header>#nav1{
		position: static;
		height:0;
		overflow: hidden;
		transition:height .3s;
	}

		#app>header>#nav1>ul#navLinks>li.fontSize{
			display: none;
		}

	#app>header>#nav2,
	#app.js>header>#nav2.fixed{	
		position: static;
		height:auto;
		max-height:0;
		transition:max-height .5s;
		overflow: hidden;
	}

	#app>header>#nav2>ul>li{
		margin:0;
	}

		#app>header>#nav2>#mapMenu{
			position: absolute;
			top: 0;
			left: 120px;
			height: 75px;
			line-height: 75px;
			z-index:102;
		}

			#app>header>#nav2>ul#mapMenu>li{
				position: static;
			}

			#app>header>#nav2>ul#mapMenu>li>ul{
				top: 45px;
				left: -120px;
				width:100vw;
				z-index: 101;
				transform: none;
				transition: max-height .5s, box-shadow .5s;
				pointer-events: none;
				box-shadow: 0 0 1000px 2000px rgba(41,41,41, 0);
			}

			#app>header>#nav2>ul#mapMenu>li:hover>ul{
				box-shadow: 0 0 1000px 2000px rgba(41,41,41, 0.8);
				pointer-events: auto;
			}


		#app>header>#nav2>ul#mainMenu{
			float:none;
			width:100%;
			height:auto;
			background:#85C356;
			padding-top:41px;
			position: relative;
		}

			#app>header>#nav2>ul#mainMenu>li{
				float:none;
				width:100%;

				height:0;
				overflow: hidden;

				transition: height .6s;
			}

				#app>header>#nav2>ul#mainMenu>li.wDropdown>a::after,
				#app>header>#nav2>ul#mainMenu>li:hover>ul{
					display: none;
				}

			#app>header>#nav2>ul#mainMenu>li.account{
				position: absolute;
				top:0;
				left:0;
			}

	#app>header>#burger{
		display: block;
	}

	#app>header{
		box-shadow: 0 0 1000px 2000px rgba(41,41,41, 0);
	}

	#app.menuOpen>header{
		box-shadow: 0 0 1000px 2000px rgba(41,41,41, 0.8);
	}

		#app.menuOpen>header>#nav1{
			height:35px;
		}

		#app.menuOpen>header>#nav2,
		#app.menuOpen>header>#nav2.fixed{
			max-height:1000px;
			max-height:calc(100vh - 110px);
			overflow: auto;
		}

		#app.menuOpen>header>#nav2>ul#mainMenu>li{
			height:40px;
			/*overflow: auto;*/
		}

			#app.menuOpen>header>#nav2>ul#mainMenu>li>a{
				background:transparent;
				height:80px;
				min-height: 40px;
				overflow: auto;
			}


		#app>header>#nav2>ul>li.last,
		#app>header>#nav2>ul>li.account{
			margin:0;
			padding:0;
		} 

		#pageContainer{
			padding-top:45px;
		}

		#mapContainer{
			top:45px;
		}

			#mapContainer #mapui{
				bottom:0;
			}

			#app.willShowMap #mapContainer #mapui{
				top:0;
			}

			#mapContainer #mapui #logoGoogle{
				display: none;
			}

			#mapContainer #themap .gmnoprint,
			#mapContainer #themap .gmnoscreen{
				bottom:0 !important;
			}

			#mapContainer #mapselect{
				display: none;
			}

			#mapContainer #mapzoommoins{
				bottom:65px;
			}

			#mapContainer #mapzoomplus{
				bottom:95px;
			}

			#mapContainer #maplocation{
				bottom:125px;
			}

			#mapContainer #themap{
				bottom:36px;
				/*bottom:6px;*/
			}

			#mapAside{
				top:75px;
				left:0;
				right:0;
				width:auto;
			}

			#mapContainer #mapback{
				width:auto;
				right:15px;
			}

			#mapDetail.open{
				width:100%;
			}

	/* Homepage */
	.showMapBox{
		width:100%;
	}

	.homePromo{
		margin-bottom:10px;
	}

	.homePromo::before{
		padding-bottom: 410px;
	}

	.homePromo>ul>li{
		width:100%;
		height:200px;
		margin:0;
		padding:0;
	}

	.homePromo>ul>li:first-child{
		margin-bottom:10px;
	}

	.homePromo>ul>li>a>.promocontainer>span.text{
		top:30px;
		left:20px;
		right:20px;
		font-size: 25px;
	}

	.homePromo>ul>li>a>.promocontainer>span.button{
		bottom:30px;
	}



	/* Footer */

	#pageContainer footer{
		padding:20px;
	}

	#pageContainer footer #footer-links,
	#pageContainer footer #footer-partenaires,
	#pageContainer footer #footer-copyright,
	#pageContainer footer #footer-copyright>a,
	#pageContainer footer #footer-bnmln{
		clear:both;
		float:none;
		position: static;
		max-width:100%;
		margin:20px 0 0 0;
	}

	#pageContainer footer #footer-copyright>*{
		float:none;
	}


/*	#pageContainer footer #footer-links>ul>li{
		padding-left:0;
		padding-right:25px;
	}*/

	#pageContainer footer #footer-links{
		margin-top:0;
	}

/*	#mapui>div>.tabs>li{
		width:calc((100% - 36px) / 2);
	}

	#mapui>div>.tabs>li.first{
		width:36px;
	}*/
}


/**
 * Intermediary thing 3
 */
@media (max-width: 480px){
	/**
	 * STATISTICS 
	 */

	#pageContainer #thepage .box .statcontainer .stats > .statsquarecontainer::after{
		padding-bottom:100%;
	}

	#pageContainer #thepage .box .statcontainer .stats > div.statsquarecontainer>.squares>.statsquare{
		width:10%;
	}

	#pageContainer #thepage .box .statcontainer .stats.small > div,
	#pageContainer #thepage .box .statcontainer .stats ul>li{
		width: 100%;
	}

	#pageContainer #thepage .box .statcontainer .stats .stattoggles{
		width:100%;
		float:none;
	}
}

/* X DEBUG !*/
.xdebug-var-dump{
	position: relative;
    z-index: 99999999;
    background-color: #DDD;
    padding:10px;
}


.iconburger{
	display: block;
	width:45px;
	height:45px;
	position: relative;
}

	.iconburger>div,
	.iconburger>div::before,
	.iconburger>div::after{
		content:"";
		display: block;
		width:31px;
		height:2px;
		background:#000000;
		position: absolute;
		top:21px;
		left:7px;
	}

	.iconburger>div::before,
	.iconburger>div::after{
		position: absolute;
		top:-5px;
		left:0;
	}

	.iconburger>div::after{
		top:5px;
	}



div.shareGardenCTA{
	background:#84c354;
	background-image:url(../images/texture.png);
	background-image: -webkit-image-set(url('../images/texture.png') 1x, url('../images/texture2x.png') 2x);
	background-position: 50% 50%;
	width:100%;
	height:150px;
	margin-bottom:20px;

	font-family: tenso;
	font-size: 34px;
	font-weight: 500;

}

div.shareGardenCTA a{
	display: block;
	text-align: center;
	width:100%;
	height:100%;
	line-height: 150px;
	color:#000000;
	text-decoration: none;
}

div.shareGardenCTA a:hover{
	text-decoration: underline;
	background: rgba(255,255,255,0.1);
}