body, html{
	margin:0;
	padding:0;
	background: #FFFFFF;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
}

#app{
	padding-top:80px;
}

.clr{
	clear:both;
}

.color_blue{
	color:#007cc3;
}
.text_color_purple{
	color:#8234da;
}

.btn{
	display: inline-block;
	height:38px;
	line-height: 38px;
	padding:0 25px;
	color:#FFFFFF;
	background:#8234da;
	border-radius:20px; 
	text-decoration: none;
	border:0;
	transform: translateZ(0);
}

	.btn a{
		color:#FFFFFF;
		text-decoration: none;
	}

	.btn:hover{
		/*filter: brightness(1.1);*/
		transform: scale(1.01);
		cursor: pointer;
	}

.btn.blue{
	background:#007cc3;
}

.btn.facebook{
	color: transparent;
	text-indent: -100px;
	width:38px;
	overflow: hidden;
	padding: 0;
	background:#4267b2;
	position: relative;
}
	.btn.facebook::after{
		content:"";
		width:38px;
		height:38px;
		color:#FFFFFF;
		position: absolute;
		top:0;
		left:0;
		width:38px;
		height:38px;
		text-indent: 0;
		text-align: center;
		font-weight: bold;
		background:url(../images/UI/facebook.svg);
	}

.btn+.btn.facebook{
	margin-left:5px;
}


.btn.inactive{
	opacity: .5;
	transition: opacity .4s;
}


select.stylethis.init{
	display: none;
}

ul.styledselect{
	display: block;
	margin:0;
	padding:0;
	list-style: none;
	background: #FFFFFF;
}

	ul.styledselect li{
		/*display: block;*/
		margin:0;
		padding:0;

		white-space: nowrap;

		text-overflow: ellipsis;
		overflow: hidden;
		height:20px;
		line-height: 20px;

		display: none;
	}
/*	ul.styledselect li.selected{
		display: block;
	}*/
	ul.styledselect li.label{
		display: block;
	}

	ul.styledselect.opened li{
		display: block;
	}
	#placesheader ul.styledselect li.linkSelect{
		background-color: #0778BD;

	}
	#placesheader ul.styledselect li.linkSelect:hover{
		background-color: #00659f;
	}
	
		#placesheader ul.styledselect li.linkSelect>span{
			font-style: italic;
			color:#FFF;

		}

	ul.styledselect.alwaysopened li{
		display: block;
	}
	ul.styledselect.alwaysopened li.label{
		display: none;
	}


.ctn{
	width:91%;
	/*max-width:1310px;*/
	/* FRED TOUCHED THIS */
	max-width:1000px;
	/* END */
	margin:0 auto;
}

.ctn>h2:first-child{
	margin-top:0;
	padding-top:0;
}

/* FRED TOUCHED THIS */
#main.m_page_homepage .ctn{
	max-width:1310px;
}

.ctn .col ul>li{
	padding-bottom: 10px;
	list-style: none;
	position: relative;
}
.ctn .col ul>li::before{
	display: block;
	position: absolute;
	top: 8px;
	left: -18px;
	background-color:#0778BD;
	content:'';
	width:5px;
	height:5px;
	border-radius: 100%;
}
.ctn .col a{
	color:#6a2ab2;
	text-decoration: underline;
}

.ctn .col>h3:first-child{
	margin-top:0;
	padding-top:0;
}


.ctn .col .btn{
	max-width: 100%;
	box-sizing: border-box;
}

	.ctn .col .btn a{
		display: block;
		margin: 0 -25px;
		padding: 5px 25px;
		line-height: 28px;
		color: #FFFFFF;
		text-decoration: none;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.ctn .col img{
		height:auto !important;
	}

/*.ctn .col a:hover{
	color:#0778BD;
}*/
/* END */

	#app>header{
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:80px;
		background: #FFFFFF;
		z-index: 10;
		line-height: 80px;
		box-shadow: 0 0 55px rgba(0,0,0,0.15);
	}

		#logo{
			position: absolute;
			z-index:2;
			/*float: left;*/
			width: 143px;
			margin: 0 0 0 20px;
			/*background:#EEE;*/
			background-image:url(../images/UI/logoheader.png);
			background-image:-webkit-image-set(url(../images/UI/logoheader2x.png) 2x,url(../images/UI/logoheader.png) 1x);
		}
/*
background-image:url(rimage/1920/1440/data/page/fr_iihx7_1516645023.png);background-image:-webkit-image-set(url(rimage/3840/2880/data/page/fr_iihx7_1516645023.png) 2x,url(rimage/1920/1440/data/page/fr_iihx7_1516645023.png) 1x)
 */
			#logo a{
				display: block;
				width:100%;
				height:100%;
				font-size: 0;
				color:transparent;
				text-indent: -100px;
			}


		#app>header nav{
			float:right;
			font-size: 16px;
		}

			#app>header nav>*{
				display: inline-block;
				vertical-align: top;
			}

			#app>header nav #burger{
				display: none;
			}

			#app>header nav>ul{
				margin: 0;
				padding: 0;
				list-style: none;
			}

				#app>header nav>ul>li{
					position: relative;
					float: left;
					margin-right: 5px;
				}

					#app>header nav>ul>li>a{
						color:#000000;
						text-decoration: none;
						display:block;
						padding:0 10px;
					}

					#app>header nav>ul>li>a:hover,
					#app>header nav>ul>li.active>a{
						color:#007cc3;
					}

						#app>header nav>ul>li.withsub>a::after{
							font-family: 'icomoon' !important;
							speak: none;
							font-style: normal;
							font-weight: normal;
							font-variant: normal;
							text-transform: none;
							line-height: 1;
							font-size:6px;
							/* Better Font Rendering =========== */
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;
							content:"\e901";
							display: inline-block;
							margin-left:5px;
							position: relative;
							top:-3px;
						}

					#app>header nav>ul>li>ul{
						display: block;
						margin:0;
						padding:0;
						background:#FFFFFF;
						position: absolute;
						top:80px;
						left:50%;
						transform:translateX(-50%);
						max-height: 0;
						overflow: hidden;
						transition: max-height .4s .2s;
						box-shadow: 0 0 20px rgba(0,0,0,0.15);
						pointer-events: none;
					}

						#app>header nav>ul>li>ul>li{
							display: block;
							height:40px;
							line-height: 40px;
						}

							#app>header nav>ul>li>ul>li>a{
								display: block;
								white-space: nowrap;
								text-align: center;
								padding:0 20px;
								color:#000000;
								text-decoration: none;
							}

								#app>header nav>ul>li>ul>li>a:hover,
								#app>header nav>ul>li>ul>li.active>a{
									/*background:#EEEEEE;*/
									color:#007cc3;
								}



				#app>header nav>ul>li.withsub:hover{
					background:#EEEEEE;
				}

					#app>header nav>ul>li:hover>ul,
					#app>header nav>ul>li.hover>ul{
						max-height:200px;
						max-height: calc(100vh - 80px - 20px);
						transition: max-height .5s;
						z-index:2;
						pointer-events: auto;
					}


			#app>header nav div{
				padding: 0 25px;
			}

			#app>header nav div#lang{
				background:white;
				padding-left:10px;
				/*font-size:12.5px;*/
				text-transform: uppercase;
			}
			#app>header nav div#lang:hover a{
				color:#007cc3;
			}

			#app>header nav div#lang.disabled{
				opacity: .5;
			}


			#app>header nav div#lang a{
				color:#000000;
				text-decoration: none;
				display: block;
			}

			#app>header nav div#donate{
				background:#f44d4d;
				height:80px;
			}

				#app>header nav div#donate a{
					display: block;
					height:64px;
					padding-top:16px;
					line-height: 20px;
					position: relative;
					padding:16px 25px 0 25px;
					margin:0 -25px;
				}

				#app>header nav div#donate a:hover{
					background:#c63e3e;
				}
					#app>header nav div#donate a::after{
						display: block;
						font-family: 'icomoon' !important;
						speak: none;
						font-style: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						/*line-height: 1;*/
						font-size:20px;
						/* Better Font Rendering =========== */
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content:"\e903";

						position: absolute;
						top:44px;
						height:20px;
						line-height: 22px;
						width:100%;
						text-align: center;
						margin-left:-25px;
					}
				/*#app>header nav div#donate.active a{
					background:#c63e3e;
					color:#007cc3;
				}*/

			#app>header nav div#followus{
				background:#007cc3;
				margin-right:45px;
				font-size:12.5px;
				position: relative;
				height:80px;
				overflow: hidden;
				transform: translateZ(0);
			}

				#app>header nav div#followus span{
					display: block;
					height:20px;
					line-height:20px;
					width: 100%;
					text-align: center;
					/*position: absolute;*/
					/*top:10px;*/
					padding-top:16px;

					position: relative;
					z-index: 3;
				}

				#app>header nav div#followus ul{
					text-align: center;
					display: block;
					list-style: none;
					margin:0;
					padding:0;
					position: absolute;
					top:44px;
					left:0;
					width:100%;
					height:20px;
					line-height: 20px;

					/*position: relative;*/
					z-index: 2;
				}

					#app>header nav div#followus ul li{
						display: inline-block;
						vertical-align: top;
						padding:0 5px;
					}

						#app>header nav div#followus ul li a{
							color:transparent;
							font-size: 0;
							text-indent: -100px;
							display: block;
							width:22px;
							height:22px;
							position: relative;
						}

							#app>header nav div#followus ul li a::after{
								font-family: 'icomoon' !important;
								speak: none;
								font-style: normal;
								font-weight: normal;
								font-variant: normal;
								text-transform: none;
								/*line-height: 1;*/
								font-size:22px;
								/* Better Font Rendering =========== */
								-webkit-font-smoothing: antialiased;
								-moz-osx-font-smoothing: grayscale;
								/*content:"\e906";*/

								position: absolute;
								top:0;
								left:0;
								text-indent: 0;
								color:#FFFFFF;

								padding:3px;
								margin:-3px;
								border-radius:3px;
							}

							#app>header nav div#followus ul li a.fb::after{
								content:"\e902";
							}

							#app>header nav div#followus ul li a.in::after{
								content:"\e904";
							}

							#app>header nav div#followus ul li a:hover::after{
								background:#00659f;
							}

							#app>header nav div#followus ul li a:hover::before{
								display: block;
								content:"";
								position: relative;
								top:-50px;
								left:-100px;
								width:200px;
								height:100px;
								z-index: -1;
								background:#00659f;
								pointer-events: none;
							}

			#app>header nav div#search{
				background:#8234da;
				margin:0;
				padding:0;
				width:45px;
				height:80px;
				text-align: center;
				position: absolute;
				top:0;
				right:0;
				color:#FFFFFF;
				z-index:2;
				transition: width .5s;
				overflow: hidden;
			}
				#app>header nav div#search>form{
					display: block;
					margin:0;
					padding:0;
					position: absolute;
					top:0;
					left:0px;
					width:500px;
				}

					#app>header nav div#search>form>label{
						display: block;
						width:45px;
						height:80px;
						position: relative;
						color:transparent;
						font-size: 0;
						text-indent: -100px;
					}

					#app>header nav div#search>form>label:hover{
						cursor: pointer;
						background:#6a2ab2;
					}

					#app>header nav div#search>form>label::before{
						position: absolute;
						top:0;
						left:0;
						width:45px;
						line-height: 80px;
						text-align: center;
						text-indent: 0;
						color:#FFFFFF;

						font-family: 'icomoon' !important;
						speak: none;
						font-style: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						/*line-height: 1;*/
						font-size:20px;
						/* Better Font Rendering =========== */
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content:"\e906";
					}

					#app>header nav div#search>form>input{
						position: absolute;
						top:20px;
						left:55px;
						height:40px;
						width:400px;
						background:transparent;
						color:#FFFFFF;
						border:0;
						border-radius: 0;
						border-bottom:2px solid white;
						outline: none;

						font-family: 'Roboto', sans-serif;
						/*font-family: 'Zilla Slab', serif;*/
						font-size: 18px;
						font-weight: 500;
					}

			#app>header nav div#donate a,
			#app>header nav div#followus,
			#app>header nav div#search a{
				color:#FFFFFF;
				text-decoration: none;
				font-family: 'Zilla Slab', serif;
				font-size: 18px;
				font-weight: 700;
			}



			#app>header nav ul,
			#app>header nav #lang,
			#app>header nav #donate,
			#app>header nav #followus{
				transition: opacity .5s;
			}

			#app>header.search nav ul,
			#app>header.search nav #lang,
			#app>header.search nav #donate,
			#app>header.search nav #followus{
				opacity: 0;
				pointer-events: none;
			}

			#app>header.search nav #search{
				width:500px;
			}



	#main{

	}

		#main>header{
			background: #888888;
			position: relative;
			width: 100%;
			height:500px;
			height:calc(100vh - 80px - 145px);
			min-height: 500px;
			background-size: 100% auto;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			/*background:linear-gradient(to left,fuchsia,teal,limegreen) !important;*/
		}

			#main>header>h1{
				display: block;
				margin:0;
				padding:0;
				position: absolute;
				top:50%;
				left:5%;
				text-align: center;
				color:#FFFFFF;
				text-shadow: 0 0 20px #10142a;
				font-size:68px;
				margin:0 auto;
				width:90%;
				transform: translateY(-50%);
			}

		#main>header.noimg{
			background:#0778BD;
			height:auto;
			padding:60px 0 120px 0;
			min-height: 0;
		}

			#main>header.noimg>h1{
				display: block;
				text-align: center;
				transform: none;
				position: static;
				box-shadow: none;
			}


		#main>.slider{
			background: #137dc1;
			position: relative;
			width: 100%;
			height:500px;
			height:calc(100vh - 80px - 145px);
			min-height: 500px;
			max-height:600px;
		}

			.slider ul{
				list-style: none;
				margin: 0;
				padding: 0;
			}

				.slider ul>li{
					display: none;
				}

				.slider ul>li:first-child{
					display: block;
				}

					.slider ul>li>.img{
						position: absolute;
						top:0;
						left:0;
						right:35%;
						bottom:0;
						background:#EEEEEE;

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

					.slider ul>li>.txt{
						position: absolute;
						top:0;
						right:0;
						width:35%;
						box-sizing: border-box;
						padding:40px;
						height:100%;
						background:#137dc1;
						color:#FFF;
					}

						.slider ul>li>.txt::before{
							position: absolute;
							content:"";
							top:0;
							left:-89px;
							width:90px;
							height:100%;
							background:url(../images/separators/left_dblue.png);
						}

							.slider ul>li>.txt>.txtbox{
								position: absolute;
								top:50%;
								transform: translateY(-50%);
								width: 100%;
								width: calc(100% - 80px);
								max-width: 450px;
							}


								.slider ul>li>.txt>.txtbox>div.txtctn{
									max-height:calc(100% - 55px);
									overflow: hidden;
								}

								.slider ul>li>.txt>.txtbox>div.fx{
									position: absolute;
									bottom: 95px;
									left: 0;
									width: 100%;
									height: 40px;
									background: linear-gradient(to bottom,rgba(19, 125, 193, 0),#137dc1);
									display: none;
								}

								.slider ul>li>.txt>.txtbox>a.btn{
									margin-top:17px;
									z-index: 2;
									position: relative;
								}


									.slider ul>li>.txt>.txtbox>div.txtctn>div.type{
										font-size:13px;
										font-weight: 500;
									}

									.slider ul>li>.txt>.txtbox>div.txtctn>div.title{
										font-family: 'Zilla Slab', serif;
										font-size:32px;
										margin:30px 0;
									}

									.slider ul>li>.txt>.txtbox>div.txtctn>div.link{
										font-size:17px;
									}



		.slider.init{

		}

			.slider.init ul.slides{

			}

				.slider.init ul.slides>li,
				.slider.init ul.slides>li:first-child{
					position: absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
					opacity: 0;
					display: block;
					z-index:1;
					transition:opacity 0 .5s;
				}

				.slider.init ul.slides>li.active{
					opacity: 1;
					z-index: 2;
					transition:opacity .4s;
				}

			.slider.init ul.pager{
				position: absolute;
				bottom:25px;
				left:0;
				right:35%;
				/*width: 100%;*/
				text-align: center;
				display: block;
				margin: 0;
				padding: 0;
				z-index:2;
			}

				.slider.init ul.pager li{
					display: inline-block;
					width: 12px;
					height: 12px;
					border: 2px solid white;
					border-radius: 100%;
					margin:0 5px;
					transition:background .4s;
					box-shadow: 0 0 10px rgba(0,0,0,0.1);
					background:rgba(0,0,0,0.05);
				}

				.slider.init ul.pager li:hover{
					background: rgba(255,255,255,.5);
					cursor: pointer;
				}
				.slider.init ul.pager li.active{
					background: #FFFFFF;
				}

		#main>section{
			position: relative;
			width:100%;
			padding:30px 0 90px 0;
			background:#FFFFFF;
		}

			#main>section::before{
				content:"";
				display: block;
				width:100%;
				height:90px;
				pointer-events: none;
				position: absolute;
				top:-89px;
				left:0;
				background:url(../images/separators/top_white.png);
				background-position: 50% 100%;
				z-index: 2;
			}

		#main>section .col img{
			max-width: 100%;
			height: auto !important;
		}
		#main>section .col img[style*="float:left"] {
			margin: 5px 15px 0px 0px;
		}
		#main>section .col img[style*="float:right"] {
			margin: 5px 0px 0px 15px;
		}

		#main>section.col_2 .col{
			float:left;
			width:50%;
			padding-right:20px;
			box-sizing: border-box;
		}
		#main>section.col_2 .col+.col{
			padding-right:0;
			padding-left:20px;
		}

		#main>section.col_2.colval_70_30 .col{
			width:60%;
		}
		#main>section.col_2.colval_70_30 .col+.col{
			width:40%;
		}

		#main>section.col_2.colval_30_70 .col{
			width:40%;
		}
		#main>section.col_2.colval_30_70 .col+.col{
			width:60%;
		}



		/* SHOULD NOT BE POSSIBLE */
		#main>section.color_red{
			background:fuchsia;
		}
			#main>section.color_red::before{
				background:url(../images/separators/top_red.png);
			}

		#main>section.color_purple{
			background:#ece1f9;
		}
			#main>section.color_purple::before{
				background:url(../images/separators/top_purple.png);
			}

/* ajout green NS */
		#main>section.color_green{
			background:#d2e0c8;
		}
			#main>section.color_green::before{
				background:url(../images/separators/top_green.png);
			}


		#main>section.color_blue{
			background:#d9ebf6;
			color:#000000;
		}
			#main>section.color_blue::before{
				background:url(../images/separators/top_blue.png);
			}

		#main>section.color_dblue{
			background:#007cc3;
			color:#FFFFFF;
		}
			#main>section.color_dblue::before{
				background:url(../images/separators/top_dblue.png);
			}


		#main>section.color_image{
			/*background:linear-gradient(to left, red,yellow,blue) !important;*/
			margin-top:-90px;
			padding-top:90px;
			/*FRED ADDED THIS*/
			background-attachment: fixed;
			background-position: 50% 50%;
			/*END*/
		}

			#main>section.color_image .ctn{
				position: relative;
				z-index:2;
			}


			/*Remove negative margin for double-image*/
			#main>section.color_image+.color_image,
			header+.color_image{
				margin-top:0;
			}

			/*Set color based on prev. section*/
			#main>section.color_image::before{
				top:-1px;
				background:url(../images/separators/bottom_white.png);
			}
			#main>section.color_blue+.color_image::before{
				background:url(../images/separators/bottom_blue.png);
			}
			#main>section.color_dblue+.color_image::before{
				background:url(../images/separators/bottom_dblue.png);
			}
			#main>section.color_purple+.color_image::before{
				background:url(../images/separators/bottom_purple.png);
			}
/* ajout color NS */
			#main>section.color_green+.color_image::before{
				background:url(../images/separators/bottom_green.png);
			}
			#main>section.color_image+.color_image::before,
			#main>header+.color_image::before{
				display: none;
			}


		#main>section.color_image::after{
			position: absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			display: block;
			content:"";
			background:#FFFFFF;
			opacity: .85;
		}
		#main>section.color_image_blue::after{
			background:#d9ebf6;
		}
		#main>section.color_image_red::after{
			background:fuchsia;
		}
		#main>section.color_image_purple::after{
			background:#ece1f9;
		}
/* ajout color NS */
		#main>section.color_image_green::after{
			background:#d2e0c8;
		}


		#main>section.color_white{
			background:#FFFFFF;
		}

		#main>section.degradeBottom{
			background-image:linear-gradient(to top, #F7F7F7, #FFFFFF);
			background-size:100% 50px;
			background-repeat: no-repeat;
			background-position: 0 100%;
		}

		#main>section.degradeBottom+section::before{
			display: none;
		}

		#main>section.degradeNo::before,
		#main>section.degradeBottom::before{
			display: none;
		}



		/* Randomize things */
		#main>section:nth-child(3n+0)::before{
			background-position: 0% 100%;
		}

		#main>section:nth-child(3n+1)::before{
			background-position: 50% 100%;
		}

		#main>section:nth-child(3n+2)::before{
			background-position: 100% 100%;
		}



		.home_about{
			position: relative;
			float:left;
			width:697px;
			width:calc(100% - 613px);
			margin-top:25px;
			border-top:4px solid #007cc3;		
			padding-top:40px;	
		}

			.home_about h2{
				font-size:32px;
				margin-right:250px;
				font-family: 'Zilla Slab', serif;
			}

			.home_about a.pastille{
				right:7px;
				top:-30px;
				position: absolute;
				/*width:167px;*/
				/*height:167px;*/
				/*background:#f44d4d;*/
				/*border-radius: 100%;*/
				/*transform:rotate(22.5deg);*/
				/*color:transparent;*/
				transform: translateZ(0);
			}

			.home_about a.pastille:hover{
				transform: scale(1.01);
			}

/*				.home_about a.pastille span{
					display: block;
					position: absolute;
					top:50%;
					left:50%;
					transform:translate(-50%, -50%);
					color:#FFFFFF;
					font-size: 34px;
					font-family: 'Zilla Slab', serif;
					font-weight: bold;
					width:120px;
					text-align: center;
					line-height: 1em;
				}

					.home_about a.pastille span span{
						font-size:15px;
						text-transform: uppercase;
						font-family: 'Roboto', sans-serif;
					}*/


		ul.marraine{
			float:right;
			width:560px;
			list-style: none;
			margin:0;
			padding:0;
			margin-top:20px;
		}

			ul.marraine li{
				display: block;
				float:left;
				width:270px;
				height:408px;
				background-repeat:no-repeat;
				background-size:auto 100%;
				background-size:cover;
				background-position: 50% 50%;
				border-left:5px solid #FFFFFF;

				text-align: center;
				transform: translateZ(0);
			}

			ul.marraine li:hover{
				transform: scale(1.01);
				z-index: 2;
				position: relative;
			}


				ul.marraine li.find{
					background-image: url(../images/UI/trio.jpg);
					background-image:-webkit-image-set(url(../images/UI/trio2x.jpg) 2x,url(../images/UI/trio.jpg) 1x);
				}

				ul.marraine li.become{
					background-image: url(../images/UI/girlb.png);
					background-image:-webkit-image-set(url(../images/UI/girlb2x.png) 2x,url(../images/UI/girlb.png) 1x);
					background-position: 50% 25%;
				}


				ul.marraine li>a{
					display: block;
					/*width:100%;*/
					height:100%;
					color:#000000;
					text-decoration: none;
					/*margin:40px;*/
				}

					ul.marraine li>a>span{
						font-size:30px;
						line-height: 33px;
						position: relative;
						top:20px;
					}

						ul.marraine li>a>span>bold{
							display: block;
							font-family: 'Zilla Slab', serif;
							font-size: 35px;
						}


		#eventstop{

		}

			#eventstop #eventslist_search{
				float:left;
				position: relative;
			}

				#eventstop #eventslist_search input.text{
					display: block;
					border:0;
					border-radius: 0;
					-webkit-appearance:none;
					height:44px;
					width:295px;
					background:#d9d9d9;
					padding:0 20px;
					box-sizing: border-box;
				}

				#eventstop #eventslist_search input.submit{
					position: absolute;
					top:0;
					right:0;
					width:44px;
					height:44px;
					border:0;
					border-radius: 0;
					-webkit-appearance:none;
					background:transparent;
					color:transparent;
					overflow: hidden;
					text-indent: -100px;
					background-position: 50% 50%;
					background-repeat: no-repeat;
					opacity: 0;
					z-index: 3;
				}

				#eventstop #eventslist_search::after{
					position: absolute;
					top:0;
					right:0;
					width:44px;
					height:44px;

					z-index: 2;

					font-family: 'icomoon' !important;
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					text-transform: none;
					line-height: 1;
					font-size: 17px;
					/* Better Font Rendering =========== */
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

					content: "\e906";
					text-align: center;
					line-height: 44px;
				}


			#eventstop #eventslist_month{
				position: relative;
				float:left;
				background:#8234da;
				margin-left:12px;
				line-height: 44px;
				height:44px;
				color:#FFFFFF;
				width:295px;
				text-align: center;
			}

				#eventstop #eventslist_month>span{
					display: block;
					width:100%;
					/*padding:0 60px;*/
					height:44px;
				}

					#eventstop #eventslist_month>span:hover{
						background:#6a2ab2;
						cursor: pointer;
					}


				#eventstop #eventslist_month>div{
					position: absolute;
					top:44px;
					left:0;
					width:295px;
					height:280px;
					background:#FFFFFF;
					border:red;
					box-shadow: 0 0 20px rgba(0,0,0,.15);
					z-index:3;
					overflow: hidden;
					max-height: 0;
					overflow: hidden;
					transition: max-height .4s;
				}

				#eventstop #eventslist_month.active>div{
					max-height: 285px;
				}

					#eventstop #eventslist_month>div>select{
						width:100%;
					}

					#eventstop #eventslist_month>div>ul.styledselect{
						display: block;
						/*width:100%;*/
						height:44px;
						background:#8234da;
						line-height: 44px;
						margin:20px 20px 10px 20px;
						position: relative;
						z-index:2;
					}

					#eventstop #eventslist_month>div>ul.styledselect::after{
						font-family: 'icomoon' !important;
						speak: none;
						font-style: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						line-height: 1;
						font-size: 10px;
						/* Better Font Rendering =========== */
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content: "\e901";
						display: block;

						position: absolute;
						top:0;
						right:0;
						width:44px;
						height:44px;
						line-height: 44px;
						text-align: center;
					}


						#eventstop #eventslist_month>div>ul.styledselect>li{
							height:44px;
							line-height: 44px;
							border:1px solid #8234da;
							background:#FFFFFF;
							color:#8234da;
							border-top:0;
							box-sizing: border-box;
							padding:0 12px;
						}
						#eventstop #eventslist_month>div>ul.styledselect>li:hover{
							background:#ece1f9;
							cursor: pointer;
						}

						#eventstop #eventslist_month>div>ul.styledselect>li.label{
							border-top:1px solid #8234da;
							background:#8234da;
							color:#FFFFFF;
							line-height: 44px;
							height:44px;
						}
						#eventstop #eventslist_month>div>ul.styledselect>li.label:hover{
							background:#6a2ab2;
						}


					#eventstop #eventslist_month>div>div{
						display: none;
						padding:0 40px;
					}

					#eventstop #eventslist_month>div>div.active{
						display: block;
					}

						#eventstop #eventslist_month>div>div>ul{
							display: block;
							list-style: none;
							margin:0;
							padding:0;
							columns: 2;
							margin:0;
							padding:0;
							column-gap: 20px;
						}

							#eventstop #eventslist_month>div>div>ul>li{
								display: block;
								line-height: 30px;
								font-size: 17px;
								color:#888;
							}

								#eventstop #eventslist_month>div>div>ul>li>a{
									color:#000000;
									text-decoration: none;
								}

								#eventstop #eventslist_month>div>div>ul>li>a:hover{
									font-weight: bold;
								}


			#eventstop #eventslist_toggle{
				display:block;
				list-style: none;
				margin:0;
				padding:0;
				float:right;
			}

				#eventstop #eventslist_toggle li{
					display: block;
					float:left;
					line-height: 44px;
				}

					#eventstop #eventslist_toggle li a{
						display: block;
						padding:0 25px;
						color:#FFFFFF;
						text-decoration: none;
					}


				#eventstop #eventslist_toggle li.news a{
					background:#f44d4d;
				}
				#eventstop #eventslist_toggle li.news a:hover{
					background:#c63e3e;
				}

				#eventstop #eventslist_toggle li.article a{
					background:#8234da;
				}
				#eventstop #eventslist_toggle li.article a:hover{
					background:#6a2ab2;
				}

				#eventstop #eventslist_toggle li.events a{
					background:#007cc3;
				}
				#eventstop #eventslist_toggle li.events a:hover{
					background:#00659f;
				}

				#eventstop #eventslist_toggle li.news.disabled a,
				#eventstop #eventslist_toggle li.article.disabled a,
				#eventstop #eventslist_toggle li.events.disabled a{
					background:#d9d9d9;
					color:#888;
				}

				#eventstop #eventslist_toggle li.news.disabled a:hover,
				#eventstop #eventslist_toggle li.article.disabled a:hover,
				#eventstop #eventslist_toggle li.events.disabled a:hover{
					background:#d0d0d0;
				}


		.list_elem{
			clear:both;
		}

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

				.list_elem ul li{
					display: inline-block;
					vertical-align: top;
					position: relative;
					/*display: block;*/
					width:365px;
					padding:30px;
					box-sizing: border-box;
					text-align: left;
				}

					.list_elem ul li .label{
						background:#888888;
						position: absolute;
						top:30px;
						left:30px;
						color:#FFFFFF;
						padding:0 13px;
						line-height: 35px;
						font-size:13px;
						z-index: 2;
						text-decoration: none;
					}
					.list_elem ul li.news .label{
						background:#f44d4d;
					}
					.list_elem ul li.event .label{
						background:#007cc3;
					}
					.list_elem ul li.article .label{
						background:#8234da;
					}
					.list_elem ul li.resource .label{
						background:#8234da;
					}

					.list_elem ul li.event .text p{
						line-height: 1.3em;
					}

					.list_elem ul li .image{
						width:100%;
						height:auto;
						background:#EEEEEE;
						position: relative;
						background-size:100% auto;
						background-size: cover;
						background-repeat: no-repeat;
						background-position: 50% 50%;
					}

						.list_elem ul li .image::before{
							display: block;
							content:"";
							/*padding-bottom:56.25%;*/
							padding-bottom:64.25%;
						}

						.list_elem ul li .image::after{
							opacity: 0;
							display: block;
							content:"";
							width:100%;
							height:100%;
							position: absolute;
							top:0;
							left:0;
							transition: opacity .5s;
						}

						.list_elem ul li.news .image::after{
							background:#f44d4d;
						}

						.list_elem ul li.event .image::after{
							background:#007cc3;
						}

						.list_elem ul li.article .image::after{
							background:#8234da;
						}

					.list_elem ul li .text{
						position: relative;
						max-height:571px;
						overflow: hidden;
					}

						.list_elem ul li .text::after{
							content:"";
							display: block;
							position: absolute;
							top:541px;
							left:0;
							height:30px;
							width:100%;
							background-image:linear-gradient(to top,rgba(255,255,255,1), rgba(255,255,255,.75), rgba(255,255,255,0));
						}


					.list_elem ul li .image+.text{
						max-height:438px;
					}

					.list_elem ul li .image+.text::after{
						top:408px;
					}

					.list_elem ul li .label+.text{
						padding-top:35px; /* was margin */
					}


						.list_elem ul li .text p{
							margin:0;
						}

						.list_elem ul li .text p.titre{
							font-size: 24px;
							font-weight: 500;
							transition: color .5s;
							margin-bottom:10px;
							padding-top: 20px;
						}

						.list_elem ul li .text p.date{
							font-size: 15px;
							color:#f44d4d;
							font-weight: 500;
							margin-bottom:20px;
						}

						.list_elem ul li.article .text p.date{
							color: #8234da;
						}


						.list_elem ul li .text>label{
							display: block;
							font-weight: 500;
						}

						.list_elem ul li .text>span{
							display: block;
						}

					.list_elem ul li>a.link{
						position: relative;
						display: inline-block;
						/*width:75px;*/
						height:25px;
						line-height: 25px;
						/*background:#888888;*/
						/*padding-right:30px;*/
						font-size:17px;
						font-weight: 500;
						text-decoration: none;
						z-index: 2;
						color:#FFFFFF;
						transition: color .5s;
						margin-top:35px;
					}

						.list_elem ul li>a.link::after{
							display: block;
							content:"";
							position: absolute;
							top:0;
							right:0;
							width:100%;
							height:100%;
							background:#FFFFFF;
							background-repeat: no-repeat;
							background-position: 100% 50%;
							background-image:url(../images/UI/fleche.png);
							transition: width .5s, right .5s;
						}

					.list_elem ul li>a.link:hover,
					.js .list_elem ul li:hover>a.link{
						color:#000000;
						transition: color .2s;
					}

						.list_elem ul li>a.link:hover::after,
						.js .list_elem ul li:hover>a.link::after{
							width:26px;
							transition: width .2s, right .2s;
							right:-36px;
						}


				.js .list_elem ul li:hover{
					cursor: pointer;
				}

					.js .list_elem ul li:hover .image::after{
						opacity: .5;
						transition: opacity .2s;
					}

					.js .list_elem ul li:hover .text p.titre{
						transition: color .2s;
					}
					.js .list_elem ul li.news:hover .text p.titre{
						color:#f44d4d;
					}
					.js .list_elem ul li.event:hover .text p.titre{
						color:#007cc3;
					}
					.js .list_elem ul li.article:hover .text p.titre{
						color:#8234da;
					}

				.m_page_homepage .list_elem ul li{
					display: block;
					/*width:27.5%;*/
					width:33.33%;
					float:left;
					padding:0 0 0 60px;
					box-sizing: border-box;
				}

					.m_page_homepage .list_elem ul li .label{
						left:60px;
						top:0;
					}

				.m_page_homepage .list_elem ul li.first{
					/*width:45%;*/
					width:33.34%;
					padding-left:0;
				}

					.m_page_homepage .list_elem ul li.first .label{
						left:0;
					}

					.m_page_homepage .list_elem ul li.first .image+.text{
						max-height:275px;
					}
					.m_page_homepage .list_elem ul li.first .text::after{
						top:245px;
					}

				.m_page_homepage .list_elem h2{
					float:left;
					font-size: 32px;
					font-family: 'Zilla Slab', serif;
					color: #007cc3;
					margin-top:0;
				}

				.m_page_homepage .list_elem .btn{
					float:right;
				}


		#newsevent_top{
			height:80px;
			width:100%;
			background:#0778BD;
		}
		/* FRED ADDED THIS */
		#newsevent_top:hover{
			background:#00659f;
		}
		/* END */
		
			#newsevent_top a{
				display: block;
				line-height: 80px;
				color:#FFFFFF;
				text-decoration: none;
				padding:0 20px;

				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
		#main.m_globalsearch{
			min-height:calc(100vh - 80px - 275px);
		} 
		#globalSearch_top{
			height:80px;
			width:100%;
			background:#8234da;
		}

			#globalSearch_top input{
				display: block;
				-webkit-appearance:none;
				border:0;
				border-radius: 0;
				border-bottom:2px solid white;
				width:100%;
				height:40px;
				padding-top:20px;
				background:transparent;
				color:#FFFFFF;
				outline: none;
				font-family: 'Roboto', sans-serif;
				font-size: 18px;
				font-weight: 500;
			}

		section#newsevent{
			padding-top:0;
		}

			section#newsevent .img{
				background:#E9E9E9;
				width:100%;
			}

				section#newsevent .img img{
					display: block;
					max-width: 100%;
					height:auto;
					/*margin:0 auto;*/
				}
		
			section#newsevent .article{
				/* FRED ADDED THIS */
				position: relative;
				max-width: 1000px;
				margin: 0 auto;
				/* END */
			}
				/* FRED ADDED THIS */
				#newsevent .article .label{
					background:#007cc3;
					position: relative;
					color:#FFFFFF;
					padding:10px 13px;
					line-height: 35px;
					font-size:13px;
					z-index: 2;
					text-decoration: none;
				}
				.m_event #newsevent.news .article .label{
					background:#f44d4d;
				}
				.m_event #newsevent.news .article .date{
					color:#f44d4d;
				}
				.m_event #newsevent.article .article .label{
					background:#8234da;
				}
				.m_event #newsevent.article .article .date{
					color:#8234da;
				}
				.m_event #newsevent.event .article .note{
					font-style: italic;
				}
				.m_event #newsevent.event .article .fakeHr{
					background:#007cc3;
					height: 1px;
				}
				
				/* END */

		#main>section.home_carte{
			background:#6eaee6;
			background-image:url(../images/UI/map.jpeg);
			background-position: 50% 50%;
			background-repeat: no-repeat;
			height:429px;
			position: relative;
			box-sizing: border-box;
		}

			#main>section.home_carte a{
				display: block;
				position: absolute;
				top:50%;
				left:50%;
				padding:30px 80px;
				background:#FFFFFF;
				transform: translate(-50%, -50%) translateZ(0);
				text-align: center;
				color:#000000;
				text-decoration: none;
				font-size:26px;
			}

				#main>section.home_carte a strong{
					font-family: 'Zilla Slab', serif;
					font-size: 33px;
				}

			#main>section.home_carte a:hover{
				/*background:#f44d4d;*/
				/*color:#FFF;*/
				transform: translate(-50%, -50%) scale(1.01) translateZ(0);
			}


			#main>section.home_carte::before,
			#main>section.home_carte::after{
				content:"";
				position: absolute;
				width:100%;
				height:90px;
				left:0;
				top:-1px;

				background:url(../images/separators/bottom_white.png);
				background-position: 50% 0%;
			}

			#main>section.color_blue+.home_carte::before{
				background:url(../images/separators/bottom_blue.png);
			}
			#main>section.color_purple+.home_carte::before{
				background:url(../images/separators/bottom_purple.png);
			}
/* ajout color NS */
			#main>section.color_green+.home_carte::before{
				background:url(../images/separators/bottom_green.png);
			}


			/*#main>section.home_carte::before{
				top:auto;
				bottom:-1px;
				background:url(../images/separators/top_white.png);
				background-position: 50% 100%;
			}*/

			#main>section.home_carte::after{
				top:auto;
				bottom:-1px;
				background:url(../images/separators/top_white.png);
				background-position: 50% 100%;
			}




		#main>section#ressources{
			padding-top: 0;
			overflow: hidden;
		}
			#main>section#ressources::before{
				display: none;
			}

			section#ressources .ctn{
				position: relative;
				max-width: 1310px;
				width:100%;
			}
				section#ressources .ctn::before{
					content: "";
					position: absolute;
					top:0;
					left:0;
					width:320px;
					height:100%;
					background: #187ec1;
					padding-bottom:90px;
				}

				section#ressources .ctn>aside{
					position: relative;
					float: left;
					background: #187ec1;
					width:320px;
					color: #FFFFFF;
					font-size: 14px;
				}

					section#ressources .ctn>aside .imgctn{
						background:#FFFFFF;
						width: 100%;
					}
						section#ressources .ctn>aside .imgctn img{
							display: block;
							margin: 0 auto;
							border: 0;
							text-decoration: none;
						}
					section#ressources .ctn>aside .fieldset{
						padding: 25px;
						border-bottom: 1px solid white;
					}
					section#ressources .ctn>aside .fieldset+.fieldset{
						border-bottom: none;
					}
						section#ressources .ctn>aside .fieldset>label{
							font-size: 17px;
							font-weight: bold;
							margin-bottom: 10px;
							display: block;
							position: relative;
						}
							section#ressources .ctn>aside .fieldset>label::after{
								font-family: 'icomoon' !important;
								speak: none;
								font-style: normal;
								font-weight: normal;
								font-variant: normal;
								text-transform: none;
								line-height: 1;
								font-size:6px;
								/* Better Font Rendering =========== */
								-webkit-font-smoothing: antialiased;
								-moz-osx-font-smoothing: grayscale;
								content:"\e901";
								color:#FFFFFF;

								display: block;
								width:40px;
								height:40px;
								line-height: 40px;
								text-align: center;
								position: absolute;
								bottom:-46px;
								right:-5px;
								background: red;
								pointer-events: none;
								background:#187ec1;
								background: rgba(24, 126, 193, 0.5);
								/*background: linear-gradient(to right,rgba(24, 126, 193, 0.0) 0%,rgba(24, 126, 193, 0.5) 40%);*/
							}
						section#ressources .ctn>aside .fieldset>select{
							-webkit-appearance: none;
							-moz-appearance: none;
							-o-appearance: none;
							appearance: none;
							border:0;
							background:transparent;
							color:#FFFFFF;
							font-size: 14px;
							border-radius: 0;
							font-family: 'Roboto', sans-serif;
							width: 280px;
							height:30px;
							padding:0 5px;
							margin:0 -5px;
							display: block;
						}
						section#ressources .ctn>aside .fieldset>select.stylethis.init{
							display: none;
						}
						section#ressources .ctn>aside .fieldset>select:hover,
						section#ressources .ctn>aside .fieldset>select:active{
							/*background:rgba(255,255,255,.15);*/
							background:#FFFFFF;
							color:#187ec1;
						}
						section#ressources .ctn>aside .fieldset>select option{
							background:#FFFFFF;
							color:#187ec1;
						}

						section#ressources .ctn>aside .fieldset>select::-ms-expand {
							display: none;
						}


						section#ressources .ctn>aside .fieldset>ul.styledselect{
							background: transparent;
							background:#187ec1;
							position: relative;
						}
							section#ressources .ctn>aside .fieldset>ul.styledselect>li{
								float:left;
								clear: both;
								padding:1px 5px;
								margin:4px -5px;
							}
							section#ressources .ctn>aside .fieldset>ul.styledselect>li:hover{
								cursor: pointer;
								background: rgba(255,255,255,.15);
							}
							section#ressources .ctn>aside .fieldset>ul.styledselect>li.selected{
								font-weight: bold;
								background:#8234da;
							}
							section#ressources .ctn>aside .fieldset>ul.styledselect::after{
								content:"";
								display: block;
								clear:both;
							}


				section#ressources .ctn>ul{
					display: block;
					list-style: none;
					margin: 0;
					padding:0;
					margin-left:320px;
				}
					section#ressources .ctn>ul>li{
						position: relative;
						display: inline-block;
						vertical-align: top;
						margin:-1px 0 0 -1px; /* let's overlap borders */
						padding:50px;

						border: 1px solid white;
						border-right:0;
						border-bottom:0;

						width: 50%;
						box-sizing: border-box;
						padding: 50px;
					}
						section#ressources .ctn>ul>li>h3{
							font-size: 22px;
							color: #187ec1;
							margin:0;
						}
						section#ressources .ctn>ul>li>p{
							font-size: 14px;
							line-height: 1.2em;
							margin:13px 0;
						}
						section#ressources .ctn>ul>li>p.phone{
							font-size: 17px;
							font-weight: bold;
						}
						section#ressources .ctn>ul>li>a.btn{
							font-size: 13px;
							padding: 0 15px;
							margin:0 5px 5px 0;
						}


						/* Let's create fake lines to fill the void & stuff... */
						section#ressources .ctn>ul>li::before,
						section#ressources .ctn>ul>li::after{
							content:"";
							display: block;
							background:#FFFFFF;
							position: absolute;
						}
						section#ressources .ctn>ul>li::before{
							top:-1px;
							left:100%;
							height:1px;
							width:100%;
							/*max-width:calc((100vw - 1310px) / 2);*/
							background: linear-gradient(to right, #FFFFFF 50%, rgba(255,255,255,0) 100%);
						}
						section#ressources .ctn>ul>li::after{
							top:100%;
							left:-1px;
							width:1px;
							height:100%;
							background: linear-gradient(to bottom, #FFFFFF 50%, rgba(255,255,255,0) 100%);
						}

					section#ressources .ctn>ul>li.hidden{
						display: none;
					}


				/* detail */
				section#ressources .ctn>div{
					margin-left:320px;
					padding:50px;
					font-size: 16px;
				}
					section#ressources .ctn>div h1{
						font-size: 28px;
						margin:0 0 20px 0;
						color:#007cc3;
					}
					section#ressources .ctn>div h2{
						font-size: 22px;
						/*margin:0 0 27px 0;*/
						margin:0 0 10px 0;
					}
					section#ressources .ctn>div>p{
						margin:0 0 27px 0;
					}
					section#ressources .ctn>div>p.address{
						font-weight: bold;
					}
					section#ressources .ctn>div>p.mapWard{
						margin-top:-27px;
						font-weight: bold;
					}
					section#ressources .ctn>div>p.phone{
						font-size: 22px;
						font-weight: bold;
					}
					section#ressources .ctn>div>.btn.facebook{
						vertical-align:top !important;
					}
					section#ressources .ctn>div>p.schedule{

					}
					section#ressources .ctn>div>div.fileCtn,
					section#ressources .ctn>div>div.tagCtn{
						margin-top:25px;
					}
						section#ressources .ctn>div>div.fileCtn>ul,
						section#ressources .ctn>div>div.tagCtn>ul{
							display: block;
							list-style: none;
							margin:0;
							padding:0;
							font-size: 0;
						}
							section#ressources .ctn>div>div.fileCtn>ul>li,
							section#ressources .ctn>div>div.tagCtn>ul>li{
								display: inline-block;
								background:#8234da;
								color:#FFFFFF;
								font-weight: 500;
								padding:1px 5px;
								margin:0 5px 5px 0;
								font-size: 14px;
							}

							section#ressources .ctn>div>div.fileCtn>ul>li{
								padding:0;
								border:1px solid #007cc3;
								background: transparent;
							}
							section#ressources .ctn>div>div.fileCtn>ul>li>span{
								display: inline-block;
								background:#007cc3;
								/*margin:-1px 1px -1px -5px;*/
								/*padding:1px 5px;*/
								padding:2px 5px;
							}

								section#ressources .ctn>div>div.fileCtn>ul>li>a,
								section#ressources .ctn>div>div.tagCtn>ul>li>a{
									text-decoration: none;
									color:#FFFFFF;
									padding:2px 5px;
									display: inline-block;
								}
								section#ressources .ctn>div>div.tagCtn>ul>li>a{
									display: block;
								}

								section#ressources .ctn>div>div.fileCtn>ul>li>a{
									color:#007cc3;
									padding:1px 5px;
								}


					section#ressources .ctn>div>div.text{
						margin:50px -50px -50px -50px;
						padding:50px;
						background:#FFFFFF;
						position: relative;
					}
						section#ressources .ctn>div>div.text>div.col{
							width: 50%;
							float:left;
							box-sizing: border-box;
							padding:0 25px 0 0;
						}
						section#ressources .ctn>div>div.text>div.col+div.col{
							padding:0 0 0 25px;
						}
							section#ressources .ctn>div>div.text>div.col img{
								display: block;
								max-height: 90px;
								width:auto !important;
							}

						section#ressources .ctn>div>div.text::before{
							content:"";
							position: absolute;
							top:0;
							left:100%;
							height:100%;
							width:100%;
							background:#FFFFFF;
							/*max-width:calc((100vw - 1310px) / 2);*/
						}
						section#ressources .ctn>div>div.text::after{
							display: block;
							clear:both;
							content:"";
						}

						section#ressources .ctn>div>div.text>ul{
							display: block;
							margin:0;
							padding:0;
							list-style: none;
							margin-bottom: -50px;
							margin-left:-15px;
							margin-right: -15px;
						}
							section#ressources .ctn>div>div.text>ul>li{
								display: inline-block;
								vertical-align: top;
								margin:0 0 50px 0;
								padding:0 15px;
								width:50%;
								font-size: 16px;
								box-sizing: border-box;
							}
								section#ressources .ctn>div>div.text>ul>li>img{
									display: block;
									height:90px;
									margin-bottom: 20px;
								}
								section#ressources .ctn>div>div.text>ul>li>h2{
									margin:0;
									padding:0;
									font-size: 22px;
								}
								section#ressources .ctn>div>div.text>ul>li>p,
								section#ressources .ctn>div>div.text>ul>li>label{
									display: block;
									margin:.5em 0 0 0;
								}
								section#ressources .ctn>div>div.text>ul>li>p.subtitle,
								section#ressources .ctn>div>div.text>ul>li>label{
									color: #187ec1;
									font-weight: 500;
									margin:.5em 0 0 0;
								}
								section#ressources .ctn>div>div.text>ul>li>label+p{
									margin-top:0;
								}
								section#ressources .ctn>div>div.text>ul>li>p.where{
									
								}
								section#ressources .ctn>div>div.text>ul>li>p.when{
									
								}
								section#ressources .ctn>div>div.text>ul>li>p.other{
									
								}


					section#ressources .ctn>div>div.territoire,
					section#ressources .ctn>div>div.services{
						margin:50px -50px -50px -50px;
						padding:50px;
						background:#ece1f9;
						position: relative;
					}

					section#ressources .ctn>div>div.services{
						margin-top:0;
					}

						section#ressources .ctn>div>div.territoire::before,
						section#ressources .ctn>div>div.services::before{
							content:"";
							position: absolute;
							top:0;
							left:100%;
							height:100%;
							width:100%;
							background:#ece1f9;
							/*max-width:calc((100vw - 1310px) / 2);*/
						}
						section#ressources .ctn>div>div.services::after{
							content:"";
							position: absolute;
							top:100%;
							left:0;
							height:90px;
							width:200%;
							background:#ece1f9;
						}
						section#ressources .ctn>div>div.territoire>ul{
							display: block;
							list-style: none;
							margin:0;
							padding:0;
						}
							section#ressources .ctn>div>div.territoire>ul>li{
								display: inline;
								padding-right:.5em;
							}
								section#ressources .ctn>div>div.territoire>ul>li>a{
									color:#813dd8;
									text-decoration: none;
									font-size: 14px;
									font-weight: bold;
								}
								section#ressources .ctn>div>div.territoire>ul>li:nth-child(even)>a{
									color:#187ec1;
								}


				section#ressources .ctn::after{
					display: block;
					content:"";
					clear:both;
				}


@media screen and (max-width: 1310px){
	section#ressources .ctn>ul>li::before{
		display: none;
	}
}


@media screen and (max-width: 1090px){
	section#ressources .ctn>ul>li::after{
		display: none;
	}

	section#ressources .ctn>ul>li,
	section#ressources .ctn>div>div.text>ul>li{
		width: 100%;
	}


	section#ressources .ctn>div>div.text>div.col,
	section#ressources .ctn>div>div.text>div.col+div.col{
		width:100%;
		float:none;
		padding:0;
	}
}

@media screen and (max-width: 760px){
	section#ressources .ctn::before{
		display: none;
	}
	section#ressources .ctn>aside{
		float: none;
		width:100%;
	}
		section#ressources .ctn>aside .fieldset{
			width: 50%;
			float: left;
			box-sizing: border-box;
			border: none;
		}
		section#ressources .ctn>aside .fieldset+.fieldset{
			border-left: 1px solid white;
		}
			section#ressources .ctn>aside .fieldset>select{
				width:100%;
			}
			section#ressources .ctn>aside .fieldset>select.stylethis.init{
				display: block;
			}
			section#ressources .ctn>aside .fieldset>ul.styledselect{
				display: none;
			}
		section#ressources aside::after{
			content:"";
			display: block;
			clear:both;
		}
	section#ressources .ctn>div,
	section#ressources .ctn>ul{
		margin-left: 0;		
	}
		section#ressources .ctn>ul>li{
			padding: 25px;
		}
}


@media screen and (max-width: 500px){
	section#ressources .ctn>aside .fieldset{
		width: 100%;
		float:none;
	}

	section#ressources .ctn>aside .fieldset+.fieldset{
		border:0;
		border-top: 1px solid white;
	}

	.m_place_resource_page section#ressources .ctn>aside .fieldset{
		display: none;
	}

	section#ressources .ctn>div{
		padding: 25px;
	}

	section#ressources .ctn>div>div.text,
	section#ressources .ctn>div>div.territoire{
		margin: 25px -25px -25px -25px;
		padding: 25px;
	}

	section#ressources .ctn>div>div.text>ul{
		margin-bottom: -25px;
	}

		section#ressources .ctn>div>div.text>ul>li{
			margin-bottom: 25px;
		}
}


/*
		#main.m_place_resource_list{
			padding-top:80px;
		}

			#placesheader{
				background:#0778BD;
				position: fixed;
				top: 80px;
				left: 0;
				width: 100%;
				height: 80px;
				z-index:3;
				text-align: center;
			}

				#placesheader select{
					border:0;
					border-radius:0;
					background:transparent;
					width:90%;
					height:100%;
					text-align: center;
					position: absolute;
					top:50%;
					left:50%;
					transform: translate(-50%, -50%);
					color:#FFFFFF;
					background:#0778BD;
					-webkit-appearance:none;
					outline: none;
				}

					#placesheader select option{
						text-align: center;
					}

				#placesheader ul.styledselect{
					background: transparent;
					line-height: 80px;
					color:#FFFFFF;
					font-size:20px;
					text-align: center;
					max-width:100%;
					width:auto;
					margin:0 auto;
					display: inline-block;
					overflow-y: auto;
					max-height: 400px;
				}

					#placesheader ul.styledselect li{
						display: block;
						height:40px;
						line-height: 40px;
						background:#FFFFFF;
						color:#0778BD;
						cursor: pointer;
						max-height: 0;
						overflow: hidden;
						transition: max-height .4s;
						padding:0 20px;
					}

					#placesheader ul.styledselect li:hover,
					#placesheader ul.styledselect li.selected{
						background:#d9ebf6;
					}

					#placesheader ul.styledselect li.label{
						line-height: 80px;
						height:80px;
						background:transparent;
						color:#FFFFFF;
						max-height: 80px;
						font-size:20px;
					}

					#placesheader ul.styledselect.opened li{
						max-height: 40px;
					}
					#placesheader ul.styledselect.opened li.label{
						max-height: 80px;
					}


					#placesheader ul.styledselect li.label::after{
						font-family: 'icomoon' !important;
						speak: none;
						font-style: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						line-height: 1;
						font-size: .6em;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content: "\e901";
						display: inline-block;
						margin-left:10px;
					}




		#main>section.resource h2{
			font-family: 'Zilla Slab', serif;
			font-size: 32px;
			margin: 30px 0;
			color:#007cc3;
			float:left;
		}

		#main>section.resource .mainfile{
			float:right;
			line-height: 32px;
			font-size: 17px;
		}

			#main>section.resource .mainfile a{
				color:#007cc3;
				font-weight:500;
				text-decoration: none;
			}

			#main>section.resource .mainfile span{
				display: block;
				float:right;
				background:#007cc3;
				padding:0 11px;
				margin-left:11px;
				color:#FFFFFF;
				text-transform: uppercase;
				font-weight: 500;
				cursor: pointer;
			}


		#main>section.resource>.ctn>ul{
			list-style: none;
			columns: 2;
			margin:0;
			padding:0;
			column-gap: 40px;
		}

			#main>section.resource>.ctn>ul>li{
				-webkit-column-break-inside: avoid;
				page-break-inside: avoid;           
				break-inside: avoid-column;         
				display:table;                      
				width: 100%;
			}

				#main>section.resource>.ctn>ul>li h3{
					font-size: 21px;
					font-weight: 600;
				}

				#main>section.resource>.ctn>ul>li .phone{
					font-weight: 600;
					width:35%;
					float: left;
					margin: 1em 0;
					letter-spacing: 0.5px;
				}

				#main>section.resource>.ctn>ul>li .link{
					font-weight: 500;
					color:#8234da;
					width:65%;
					float: left;
					display: block;
					margin: 1em 0;
				}

				#main>section.resource>.ctn>ul>li ul{
					list-style: none;
					margin:0;
					padding:0;
					margin-top:25px;
				}

					#main>section.resource>.ctn>ul>li ul>li{
						line-height: 26px;
						font-size: 14px;
					}

						#main>section.resource>.ctn>ul>li ul>li>span{
							display: block;
							float:left;
							background:#007cc3;
							padding:0 11px;
							margin-right:11px;
							color:#FFFFFF;
							text-transform: uppercase;
							font-weight: 500;
							cursor: pointer;
						}

						#main>section.resource>.ctn>ul>li ul>li>a{
							color:#007cc3;
							text-decoration: none;
						}

						#main>section.resource.noresults{
							min-height: 500px;
						}*/

		section.donationZone{

		}

			section.donationZone .hiddenZone{
				display: none;
			}

			section.donationZone #page2,
			section.donationZone #page2_buttons,
			section.donationZone #page3{
				clear:both;
			}


			section.donationZone #page2,
			section.donationZone #page3{
				padding-top:30px;
			}

			section.donationZone .editCieName{
				float:left;
				display: none;
				height:44px;
				line-height: 44px;
				opacity: .5;
			}

			section.donationZone .editCieName:hover{
				cursor: pointer;
				opacity: 1;
			}


			section.donationZone #cie{
				display: block;
				border:0;
				-webkit-appearance:none;
				border-radius: 0;
				background:#FFFFFF;
				height:44px;
				width:250px;
				padding:0 20px;
				margin-bottom:24px;
				font-size:17px;
				font-family: 'Roboto', sans-serif;
				font-weight: 500;
				float:left;
				margin-right:24px;
			}

			section.donationZone #cie+input.btn{
				height:44px;
				border-radius: 44px;
				line-height: 44px;
				font-size:17px;
				width:auto;
			}


			section.donationZone .btn{
				height:55px;
				width:240px;
				text-align: center;
				margin-right:24px;
				margin-bottom:24px;
				font-size:21px;
				line-height: 55px;
				border-radius: 55px;
				cursor: pointer;
			}

			section.donationZone form{
				float:left;
			}

			section.donationZone form:nth-child(4){
				clear:left;
			}


			section.donationZone .color{
				color:#007cc3;
			}




	footer{
		padding:75px 0 30px 0; /* was margin */
		position: relative;
	}

		footer a{
			text-decoration: none;
			color:#000000;
		}

		footer::before{
			content:"";
			display: block;
			width:100%;
			height:90px;
			pointer-events: none;
			position: absolute;
			top:-89px;
			left:0;
			background:url(../images/separators/top_white.png);
			background-position: 33% 100%;
		}


		#footer_logo{
			display: block;
			float:left;
			width:168px;
			height:88px;
			/*background: #EEEEEE;*/
			background:url(../images/UI/logofooter.png);
			background-image:-webkit-image-set(url(../images/UI/logofooter2x.png) 2x,url(../images/UI/logofooter.png) 1x);
			color:transparent;
			font-size: 0;
			text-indent: -100px;
		}

		#footer_address{
			margin-left:40px;
			float:left;
		}

			#footer_address .address1{
				float:left;
				width:175px;
			}
			#footer_address .address2{
				float:left;
				width:270px;
			}

			#footer_address a.notfrommtl{
				display: block;
				color:#6a2ab2;
				font-weight: 500;
				margin-top:20px;
				/*color:#000000;*/
				/*text-decoration: none;*/
				text-decoration: underline;
				/*border-bottom: 1px solid #6a2ab2;*/

			}

			#footer_address .copyright,
			#footer_address .bnmln{
				font-size: 13px;
				color:#007cc3;
				float:left;
				width:210px;
				margin-top:55px;
				text-decoration: none;
			}

		#footer_newsletter{
			position: relative;
			float:right;
			width:220px;
			/*background:#888;*/
			padding-top:60px;
			font-size:26px;
			color:#000000;
			text-decoration: none;
			text-align: center;
			transform: translateZ(0);
		}
		#footer_newsletter:hover{
			transform: scale(1.01);
		}

			#footer_newsletter::before{
				display: block;
				font-family: 'icomoon' !important;
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				/*line-height: 1;*/
				font-size:20px;
				/* Better Font Rendering =========== */
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				content:"\e905";

				color:#f44d4d;
				line-height: 50px;
				position: absolute;
				top:0;
				left:0;
				width:100%;
				height:50px;
				font-size: 50px;
			}

			#footer_newsletter strong{
				font-size:33px;
				font-family: 'Zilla Slab', serif;
			}

/* FRED ADDED THIS */
	.team .group{
		margin-bottom: 40px;
	}
		.team .group .teamMember{
			float:left;
			margin-right: 30px;
		}
			.team .group .teamMember img{
				background-color: #EEEEEE;
			}
			.team .group .teamMember .nameTitle>span{
				font-weight: bolder;
			}
/* END */

@media screen and (max-width: 1380px) {
	.ctn{
		width:93.5%;
	}

	#logo{
		margin-left:10px;
	}

	#app>header nav{
		font-size:14px;
	}

		#app>header nav>ul>li{
			margin-right:5px;
		}

			#app>header nav>ul>li>a{
				padding:0 5px;
			}


		#app>header nav div{
			padding:0 15px;
		}

			#app>header nav div#donate a{
				padding-left:15px;
				padding-right:15px;
				margin-left:-15px;
				margin-right:-15px;
			}

			#app>header nav div#donate a::after{
				margin-left:-15px;
			}

		#app>header nav div#lang{
			padding-left:0;
		}


	ul.marraine{
		width: 270px;
	}
		ul.marraine li{
			height:270px;
			float:none;
			border-left:0;
			border-bottom:5px solid white;
		}

			ul.marraine li>a>span{
				font-size: 25px;
				line-height: 27px;
			}

				ul.marraine li>a>span>bold{
					font-size:28px;
				}

	.home_about{
		width:719px;
		width:calc(100% - 310px);
	}

	.m_page_homepage .list_elem ul li{
		padding-left:40px;
	}

	.m_page_homepage .list_elem ul li .label{
		left:40px;
	}

	.m_page_homepage .list_elem ul li .text p.titre{
		font-size:21px;
	}
	.m_page_homepage .list_elem ul li.first .text p.titre{
		font-size: 24px;
	}
}

@media screen and (max-width: 1170px) {
	.ctn{
		width:96%;
	}


	#app>header nav{
		font-size:12px;
	}

	.m_page_homepage .list_elem ul li{
		padding-left:20px;
	}

	.m_page_homepage .list_elem ul li .label{
		left:20px;
	}

	.m_page_homepage .list_elem ul li .text p.titre{
		font-size:18px;
	}
	.m_page_homepage .list_elem ul li.first .text p.titre{
		font-size: 21px;
	}
}

@media screen and (max-width: 1090px) {
	#app>header nav{
		position: relative;
		float:none;
		width:100%;

		height:80px;
	}

		#app>header nav #burger,
		#app>header nav div#lang,
		#app>header nav div#search{
			display: block;
			position: absolute;
			top:0px;
			right:80px;
			text-align: center;
			width:40px;
			margin:0;
			padding:0;
			background:#FFFFFF;
			color:#000000;
		}

		#app>header nav #burger{
			height:80px;
			right:0;
		}

			#app>header nav #burger div{
				width:20px;
				height:2px;
				background:#000000;
				position: absolute;
				top:39px;
				left:10px;
				margin:0;
				padding:0;
				transform-origin: 50% 50%;
				transition:transform .4s, opacity .4s;
			}

			#app>header nav #burger div.line1{
				top:34px;
			}

			#app>header nav #burger div.line3{
				top:44px;
			}


			#app>header.menuopen nav #burger div.line1,
			#app>header.menuopen nav #burger div.line3{
				transform:scale(0);
				opacity: 0;
			}

			#app>header.menuopen nav #burger div.line2a{
				transform:rotate(135deg);
			}

			#app>header.menuopen nav #burger div.line2b{
				transform:rotate(-135deg);
			}


		#app>header nav>ul>li:hover>ul{
			max-height: 0;
		}

		#app>header nav>ul>li>a.noClick{
			cursor: pointer;
		}


		#app>header nav>ul>li>ul{
			transition: max-height .4s;
		}

		#app>header nav>ul>li.hover:hover>ul,
		#app>header nav>ul>li.hover>ul{
			max-height: 400px;
		}



		#app>header nav #burger:hover{
			background:#f44d4d;
			cursor: pointer;
		}

		#app>header nav div#search{
			right:40px;
		}

			#app>header nav div#search>form>label::before{
				color:#8234da;
			}

			#app>header nav div#search>form>label:hover::before{
				color:#FFFFFF;
			}

			#app>header.search nav #search{
				right:0;
				width:300px;
				width:100vw;
				background:#8234da;
			}

			#app>header.search nav div#search>form>label::before{
				color:#FFFFFF;
			}

			#app>header nav div#search>form{
				width:300px;
				width:100vw;
			}

			#app>header nav div#search>form>input{
				width:225px;
				width:calc(100vw - 55px - 20px);
			}


		#app>header nav div#donate{
			position: absolute;
			top:80px;
			left:0;
			width:100%;
			text-align: center;
			padding:0;
			line-height: 40px;
		}
			#app>header nav div#donate a{
				font-size: 24px;
			}
		#app>header nav>ul{
			position: relative;
			/*position: absolute;*/
			/*top:120px;*/
			left:0;
			width:100%;
			background:#FFFFFF;
			/*margin-top:40px;*/
			line-height: 40px;

			transition: margin-top 0 .4s;

			max-height: calc(100vh - 120px);
			overflow: auto;
		}
		#app>header.menuopen nav>ul{
			/* FRED DID THIS */
				/*margin-top:40px;*/
				margin-top:120px;
			/* END */
			transition: margin-top 0s;
		}

			#app>header nav>ul>li{
				float:none;
				margin:0;
				padding:0;
				text-align: center;
			}
				#app>header nav>ul>li>a{
					font-size: 20px;
				}
			#app>header nav>ul>li.withsub:hover{
				background: #FFFFFF;
			}

			#app>header nav>ul>li>ul{
				position: static;
				text-align: center;
				transform:none;
				/*height:150px;*/
				font-weight: normal;
				overflow: auto;
				white-space: nowrap;
				box-shadow: none;
			}

			#app>header nav>ul>li{
				max-height: 0;
				overflow: hidden;
				transition: max-height .4s, opacity .4s;
				opacity: 0;
			}
			#app>header.menuopen nav>ul>li{
				max-height: 40px;
				opacity: 1;
				transition: max-height .4s .2s, opacity .4s .2s;
				font-weight: 500;
			}

			#app>header.menuopen nav>ul>li.withsub{
				height:auto;
				max-height: 200px;
				transition: max-height .8s .2s, opacity .8s .2s;
			}
				/* FRED DID THIS 
				#app>header nav>ul>li.withsub>a::after{
					display: none;
				}
				*/

					#app>header nav>ul>li>ul{
						/*max-height: 40px;*/
						/*height:50px;
						max-height: 30px;
						margin-top:-10px;*/
					}

						#app>header nav>ul>li>ul>li{
							/*display: inline-block;*/
							height:30px;
							line-height: 30px;
						}

							#app>header nav>ul>li>ul>li>a:hover{
								background:#FFFFFF;
							}


			#app>header nav div#donate{
				max-height: 0;
				overflow: hidden;
				transition: max-height .2s .4s;
			}
			#app>header.menuopen nav div#donate{
				max-height:40px;
				transition: max-height .2s;
			}

				#app>header nav div#donate a{
					height:40px;
					padding-top:0;
					line-height: 40px;
				}

					#app>header nav div#donate a::after{
						display: none;
					}


		#app>header nav div#followus{
			display: none;
		}

	.home_about h2{
		font-size: 26px;
		margin-right:200px;
	}

	.m_page_homepage .list_elem ul li.first,
	.m_page_homepage .list_elem ul li{
		width:33.3%;
	}

	#placesheader ul.styledselect{
		font-size: 18px;
	}

		#placesheader ul.styledselect li.label{
			font-size: 21px;
		}


	#eventstop{
		width:295px;
		margin-left:auto;
		margin-right:auto;
	}

		#eventstop #eventslist_search{
			float:none;
		}

		#eventstop #eventslist_month{
			float:none;
			margin:0;
			width:295px;
			box-sizing: border-box;
			text-align: center;
			margin-top:20px;
			padding:0;
		}

		#eventstop #eventslist_toggle{
			margin-top:20px;
			float:none;
			width:295px;
		}

			#eventstop #eventslist_toggle li{
				/*width:50%;*/
				width:33.33333%;
				box-sizing: border-box;
				text-align: center;
				padding:0;
			}

				#eventstop #eventslist_toggle li a{
					padding:0;
					font-size:16px;
				}



	#footer_address .address1,
	#footer_address .address2,
	#footer_address .copyright,
	#footer_address .bnmln{
		float:none;
	}

	#footer_address a.notfrommtl{
		font-size: 15px;
	}
}

@media screen and (max-width: 880px) {
	.m_page_homepage .list_elem h2{
		max-width:280px;
	}
}


@media screen and (max-width: 830px) {
	.ctn{
		width:90%;
		max-width: 500px
	}
	

	#main>.slider{
		height:500px;
	}

		.slider ul>li>.img{
			width:100%;
			height:300px;
		}

		.slider ul>li>.txt{
			bottom:0;
			top:auto;
			left:0;
			width:auto;
			height:200px;
			/*padding-top:0;*/
			/*padding-bottom:20px;*/
			padding:0 20px 20px 20px;
		}

			.slider ul>li>.txt>.txtbox{
				position: static;
				transform: none;
				/*max-width:750px;*/
/*				max-height: 180px;
				overflow: hidden;*/
				margin:0 auto;
				width:100%;
			}

				.slider ul>li>.txt>.txtbox>div.txtctn{
					max-height: 125px;
				}


			.slider ul>li>.txt>.txtbox>div.txtctn>div.title{
				margin:5px 0;
				font-size: 20px;
			}

			.slider ul>li>.txt>.txtbox>div.txtctn>div.text{
				font-size: 14px;
			}

			.slider ul>li>.txt>.txtbox>div.txtctn>div.text p:first-child{
				margin-top:0;
				padding-top:0;
			}

			.slider ul>li>.txt::before{
				top:-89px;
				left:0;
				width:100%;
				height:90px;
				background: url(../images/separators/top_dblue.png);
			}

			.slider ul>li>.txt>.txtbox>div.fx{
				bottom:75px;
				display: block;
			}

	.slider.init ul.pager{
		top:10px;
		right:10px;
		bottom:auto;
		left:auto;
		text-align: right;
	}

	.home_about{
		width:100%;
	}

	ul.marraine{
		width:100%;
		text-align: center;
	}

		ul.marraine li{
			border:5px solid white;
			width:240px;
			height:240px;
			display: inline-block;
		}

			ul.marraine li>a>span{
				top:15px;
				font-size: 23px;
				line-height: 25px;
			}

				ul.marraine li>a>span>bold{
					font-size:25px;
				}


	.m_page_homepage .list_elem ul li,
	.m_page_homepage .list_elem ul li.first{
		width:100%;
		float:none;
		padding-left:0;
		margin-bottom:20px;
		/*padding-bottom:20px;*/
		margin-left:auto;
		margin-right:auto;
	}

		.m_page_homepage .list_elem ul li .label{
			left:0;
		}

	#main>header>h1{
		font-size: 50px;
	}
	#main>section.col_2.colval_30_70 .col,
		#main>section.col_2.colval_30_70 .col+.col{
			width:60%;
		}


		#placesheader ul.styledselect{
			font-size: 15px;
		}

			#placesheader ul.styledselect li.label{
				font-size: 18px;
			}

	#main>section.col_2 .col,
	#main>section.col_2 .col+.col{
		width:100%;
		padding:0;
	}

	.list_elem ul li{
		padding:30px 0;
		width:100%;
		max-width:588px;/*305px;*/
	}

	.list_elem ul li .label{
		left:0;
	}


	footer{
		text-align: center;
	}

		#footer_logo{
			float:none;
			margin:0 auto;
		}

		#footer_address{
			float:none;
			margin:0;
		}

			#footer_address .address1,
			#footer_address .address2,
			#footer_address .copyright,
			#footer_address .bnmln{
				width:100%;
				margin-top:20px;
			}

		#footer_newsletter{
			float:none;
			margin:0 auto;
			display: block;
			margin-top:20px;
		}
}




#fakeLightbox{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: black;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100;

	transform: translateZ(0);

	transition: background .5s;
	border-radius: 2px;
}

#fakeLightbox.closed{
	background: rgba(0, 0, 0, 0);
}

	#fakeLightbox #fakeLightboxIframe{
		position: absolute;
		top:50%;
		left:50%;

		width:600px;
		height:300px;

		max-width: calc(100vw - 40px);
		max-height: calc(100vh - 40px);

		background:#FFFFFF;

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

		transform: translateZ(0) translateX(-50%) translateY(-50%);
		opacity: 1;

		border-radius:2px;
	}

	#fakeLightbox.medium #fakeLightboxIframe{
		height:500px;
	}

	#fakeLightbox.big #fakeLightboxIframe{
		width:600px;
		height:800px;
		width:calc(100% - 50px);
		height:calc(100% - 50px);
	}

	#fakeLightbox.mapintro{
		top:80px;
	}

		#fakeLightbox.mapintro #fakeLightboxIframe{
			height:auto;
		}

		#fakeLightbox.mapintro #fakeLightboxIframeCtn{
			max-height: calc(100vh - 40px - 80px);
			overflow: auto;
		}



	#fakeLightbox.closed #fakeLightboxIframe{
		pointer-events: none;
		transform: translateY(150%) translateX(-50%) translateY(-50%);
		transform: translateY(100vh) translateX(-50%) translateY(-50%);
		opacity: 0;
	}


		#fakeLightboxClose{
			position: absolute;
			top:-20px;
			right:-20px;
			width:40px;
			height:40px;
			/*line-height: 40px;*/
			border-radius: 100%;
			text-align: center;
			color:#FFFFFF;
			background-color:#f44d4d;

			background-image:url(../images/UI/close.png);
			background-image: -webkit-image-set(url(../images/UI/close2x.png) 2x, url(../images/UI/close.png) 1x);
			background-repeat: no-repeat;
			background-position: 50% 50%;
		}

		#fakeLightboxClose:hover{
			background-color:#c63e3e;
			/*color:#c63e3e;*/
			cursor: pointer;
		}


		#fakeLightbox #fakeLightboxIframeCtn{
			width:100%;
			height:100%;
			overflow: auto;
			border-radius:2px;
		}

			#fakeLightbox #fakeLightboxIframeCtn .ctn{
				padding:20px;
				width:auto;
			}


			#fakeLightbox #fakeLightboxIframeCtn iframe{
				position: absolute;
				width:100%;
				height:100%;
				background:#FFFFFF;
				margin:0;
				padding:0;
				border:0;
			}



			#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .logo{
				width:168px;
				height:88px;
				position: absolute;
				top:0;
				left:0;
				width:208px;
				height:100%;
				/*transform: translateY(-50%);*/

				padding-bottom:1px;

				background-color:#317abf;

				background-image: url(../images/UI/logowhite.png);
				background-image: -webkit-image-set(url(../images/UI/logowhite2x.png) 2x, url(../images/UI/logowhite.png) 1x);
				background-repeat: no-repeat;
				background-position: 50% 50%;
			}

			#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt{
				margin-left:208px;
				font-size: 16px;
			}

				#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt p{
					line-height: 23px;
				}

				#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt ul{
					display: block;
					list-style: none;
					margin:0;
					padding:0;
				}

				#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt ul li{
					display: block;
					list-style: none;
					margin:10px 0;
					padding:0;
					padding-left:30px;
					position: relative;
				}

					#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt .geoicon,
					#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt .pinicon,
					#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt .searchicon{
						display: block;
						position: absolute;
						top:-2px;
						left:0;
						width:24px;
						height:24px;
						color:#317abf;
						vertical-align: bottom;
						/*margin-right:.5em;*/
						/*margin-left:-30px;*/

						text-align: center;
						line-height: 23px;
					}

					#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt .geoicon::before,
					#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt .searchicon::before{
						font-family: 'icomoon' !important;
						speak: none;
						font-style: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						font-size:18px;

						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						display: inline-block;
					}

					#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt .pinicon{
						background:url(../images/map-point/road.png);
						background-size:auto 20px;
						background-repeat: no-repeat;
						background-position: 50% 50%;						
					}

					#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt .geoicon::before{
						content:"\e907";
					}

					#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt .searchicon::before{
						content:"\e906";
					}


/*					#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt ul li span{
						white-space: nowrap;
					}*/

				#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt p.title{
					font-family: 'Zilla Slab', serif;
					font-size: 20px;
					line-height: 20px;
					margin-top:0;
					padding-top:10px;
				}

				#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt .btn{
					margin-top:10px;
/*					margin: 10px auto 0 auto;
					width: 80px;
					float: none;
					display: block;
					text-align: center;*/
				}


			@media screen and (max-width: 600px) {
				.home_about a.pastille img{
					width:90px;
				}

				.home_about h2{
					margin-right:100px;
				}

				#main>section.home_carte a{
					padding:30px;
					width:210px;
				}

				.m_page_homepage .list_elem .btn{
					float:none;
					margin-bottom:20px;
				}

				.m_page_homepage .list_elem h2{
					max-width:none;
				}

				#main>header.noimg>h1,
				h2{
					font-size:25px;
				}

				#main>section.col_2.colval_70_30 .col,
				#main>section.col_2.colval_30_70 .col,
				#main>section.col_2.colval_50_50 .col,
				#main>section.col_2.colval_70_30 .col+.col,
				#main>section.col_2.colval_30_70 .col+.col,
				#main>section.col_2.colval_50_50 .col+.col{
					width:100%;
					float:none;
					margin:0;
					padding:0;
				}


				#fakeLightbox.mapintro #fakeLightboxIframe{
					/*height:500px;*/
				}

				#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .logo{
					/*position: static;*/
					height:128px;
					width:100%;
					margin:0 auto;
					transform: translateY(0);
				}

				#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt{
					margin-left:0;
					margin-top:128px;
				}

				#fakeLightbox.mapintro #fakeLightboxIframeCtn .ctn .txt .btn{
					margin-top:20px;
				}

				#main>header>h1{
					font-size: 30px;
				}
			}



#loginform{
	width:200px;
	background:#EEEEEE;
	/*color:#FFFFFF;*/
	margin:0 auto;
	padding:20px;

	border-radius: 5px;
}

#loginform h1{
	margin:0;
	padding:0;
	padding-bottom:10px;
	font-family: "Zilla Slab", serif;
}

#loginform label{
	font-size: 12px;
}

#loginform input{
	width:190px;
	margin-bottom:10px;
	border:0;
	height:20px;
	padding:0 5px;

	font-family: Roboto, sans-serif;
}

#loginform button{
	display: block;
	width:200px;
	height:30px;
	border-radius: 0;
	border:0;
	background:#6a2ab2;
	color:#FFFFFF;

	font-family: Roboto, sans-serif;
}


/* add NS octobre 2019 */
#footer_sociaux {
    position: relative;
    float: right;
    width: 330px;
    padding-top: 60px;
    font-size: 20px;
    color: #000000;
    text-decoration: none;
    text-align: center;
    transform: translateZ(0);
}

#footer_sociaux::before {
    display: block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    color: #007cc3;
    line-height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    font-size: 45px;
}
/* fin add ns */