/** master MUST mobilier **/
	
html{height:100%;overflow-x:hidden;overflow-y:hidden;-webkit-overflow-scrolling: touch;}



body{
	overflow-x: hidden;overflow-y:hidden;
    height: 100%;
	-webkit-overflow-scrolling: touch;
	font-family: "Menlo", "Monaco", "Lucida Console", "DejaVu Sans Mono", "Courier New", monospace, serif;
	font-size:14px;
	color:#000;
	
	-webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;

}

$('.to-scroll-prewrapper').scroll(function() {
    console.log($(this));
});


@media (min-width: 150px) and (max-width: 299px) {body{font-size:9.5px;font-size:3vw;}}
@media (max-width: 299px) {body{font-size:9.5px;font-size:3vw;}}
@media (min-width: 300px) and (max-width: 439px) {body{font-size:12px;font-size:3vw;}}
@media (min-width: 440px) and (max-width: 767px) {body{font-size:14px;}}

a, a:focus {color:#898989;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}





/** C O N T A I N E R **/

.imgs-fit{width:100%;height:auto;}
.logo-over{z-index:10;}
.imgs-over{position:fixed;z-index:9;}
.imgs-under{position:fixed;z-index:-9;}
.imgs-lowres{display:block}
.imgs-hires{display:none;}

		/** responsive **/
		
		@media	only screen and (		-webkit-min-device-pixel-ratio: 2) and (min-width: 1199px),
				only screen and (				min-device-pixel-ratio: 2) and (min-width: 1199px),
				only screen and (			 	   min-resolution: 192dpi) and (min-width: 1199px),{
					
				.imgs-lowres{display:none}
				.imgs-hires{display:block;}
				
		}
		
		@media (min-width: 1440px) {
				.imgs-lowres{display:none}
				.imgs-hires{display:block;}
		}
			



	
.div-scroll-1-container{
	position:fixed;
	-webkit-transform: translate3d(0, 0, 0);
	width:100vw;
	top:-13300vh;left:0;right:0;
	height:auto;
	will-change: transform;
}

.div-scroll-1-must-logo-beforeloop-container{position:absolute;height:100vh;width:100vw;top:0;}
.div-scroll-1-content{position:absolute;height:700vh;width:100vw;overflow-x:hidden;}



		/** inside scroll 1 container **/
		.div-scroll-1-must-logo{
			position:absolute;
			width:76vw;left:12.5vw;
			height:75vh;
			background-image:url("../image/mobilier/logo/must01.png");
			background-size:contain;
			background-position:center;
			background-repeat:no-repeat;
		}
		
		.div-scroll-1-must-logo-beforeloop{top:12.5vh;margin-top:0px;}
		.div-scroll-1-must-logo-afterloop{top:612.5vh;margin-top:0px;}
		
		/** meubles **/
		.div-scroll-1-object1{position:absolute;width:25%;height:auto;top:2%;left:55%;}
		.div-scroll-1-object2{position:absolute;width:43%;height:auto;top:12%;left:55%;}
		.div-scroll-1-object3{position:absolute;width:30%;height:auto;top:20%;left:2%;}
		.div-scroll-1-object4{position:absolute;width:30%;height:auto;top:28%;left:50%;}
		.div-scroll-1-object5{position:absolute;width:35%;height:auto;top:42%;left:2%;}
		.div-scroll-1-object6{position:absolute;width:30%;height:auto;top:50%;left:45%;}
		.div-scroll-1-object7{position:absolute;width:20%;height:auto;top:60%;left:25%;}
		.div-scroll-1-object8{position:absolute;width:20%;height:auto;top:62%;left:77%;}
		.div-scroll-1-object9{position:absolute;width:20%;height:auto;top:76%;left:30%;}
		
		
		@media (max-width: 767px) {
			
				.div-scroll-1-object1{width:50%;left:45%;}
				.div-scroll-1-object2{width:76%;left:10%;}
				.div-scroll-1-object3{width:50%;left:2%;}
				.div-scroll-1-object4{width:50%;left:35%;}
				.div-scroll-1-object5{width:60%;left:2%;}
				.div-scroll-1-object6{width:55%;left:35%;}
				.div-scroll-1-object7{width:30%;left:10%;}
				.div-scroll-1-object8{width:30%;left:45%;}
				.div-scroll-1-object9{width:35%;left:15%;}
				
		}
		
		
		/*subdivs*/
		#ds1c-1{top:100vh;}#ds1c-2{top:800vh;}#ds1c-3{top:1500vh;}#ds1c-4{top:2200vh;}
		#ds1c-5{top:2900vh;}#ds1c-6{top:3600vh;}#ds1c-7{top:4300vh;}#ds1c-8{top:5000vh;}
		#ds1c-9{top:5700vh;}#ds1c-10{top:6400vh;}#ds1c-11{top:7100vh;}#ds1c-12{top:7800vh;}
		#ds1c-13{top:8500vh;}#ds1c-14{top:9200vh;}#ds1c-15{top:9900vh;}#ds1c-16{top:10600vh;}
		#ds1c-17{top:11300vh;}#ds1c-18{top:12000vh;}#ds1c-19{top:12700vh;}
		
		
		
		
		/** responsive **/
		@media (max-width: 767px) {
			
			.div-scroll-1-must-logo{
				position:absolute;
				width:calc(100vw - 40px);left:20px;right:4px;
				height:75vh;
			}
		
		}





.div-scroll-2-container{
	position:fixed;
	-webkit-transform: translate3d(0, 0, 0);
	width:100vw;
	top:0;left:0;right:0;
	height:auto;
	will-change: transform;
}

.div-scroll-2-must-logo-beforeloop-container{position:absolute;height:100vh;width:100vw;top:0;}
.div-scroll-2-content{position:absolute;height:700vh;width:100vw;overflow-x:hidden;}



		/** inside scroll 2 container **/
		.div-scroll-2-must-logo{
			position:absolute;
			width:76vw;left:12.5vw;
			height:75vh;
			background-image:url("../image/mobilier/logo/must02.png");
			background-size:contain;
			background-position:center;
			background-repeat:no-repeat;
		}
		
		.div-scroll-2-must-logo-beforeloop{top:12.5vh;}
		.div-scroll-2-must-logo-afterloop{top:612.5vh;}
		
		/** meubles **/
		.div-scroll-2-object1{position:absolute;width:48%;height:auto;top:2%;left:2%;}
		.div-scroll-2-object2{position:absolute;width:38%;height:auto;top:18%;left:58%;}
		.div-scroll-2-object3{position:absolute;width:20%;height:auto;top:24%;left:20%;}
		.div-scroll-2-object4{position:absolute;width:20%;height:auto;top:33%;left:77%;}
		.div-scroll-2-object5{position:absolute;width:18%;height:auto;top:45%;left:30%;}
		.div-scroll-2-object6{position:absolute;width:10%;height:auto;top:60%;left:15%;}
		.div-scroll-2-object7{position:absolute;width:20%;height:auto;top:56%;left:50%;}
		.div-scroll-2-object8{position:absolute;width:10%;height:auto;top:72%;left:30%;}
		.div-scroll-2-object9{position:absolute;width:20%;height:auto;top:79%;left:77%;}
		
		
		@media (max-width: 767px) {
			
				.div-scroll-2-object1{width:75%;left:2%;}
				.div-scroll-2-object2{width:60%;left:38%;}
				.div-scroll-2-object3{width:40%;left:15%;}
				.div-scroll-2-object4{width:40%;left:55%;}
				.div-scroll-2-object5{width:35%;left:25%;}
				.div-scroll-2-object6{width:20%;left:15%;}
				.div-scroll-2-object7{width:35%;left:45%;}
				.div-scroll-2-object8{width:20%;left:25%;}
				.div-scroll-2-object9{width:35%;left:65%;}
				
		}
		
		
		/*subdivs*/
		#ds2c-1{top:100vh;}#ds2c-2{top:800vh;}#ds2c-3{top:1500vh;}#ds2c-4{top:2200vh;}
		#ds2c-5{top:2900vh;}#ds2c-6{top:3600vh;}#ds2c-7{top:4300vh;}#ds2c-8{top:5000vh;}
		#ds2c-9{top:5700vh;}
		
		
		
		/** responsive **/
		@media (max-width: 767px) {
			
			.div-scroll-2-must-logo{
				position:absolute;
				width:calc(100vw - 40px);left:20px;right:4px;
				height:75vh;
			}
	
		}




.div-scroll-3-container{
	position:fixed;
	-webkit-transform: translate3d(0, 0, 0);
	width:100vw;
	top:-5600vh;left:0;right:0;
	height:auto;
	will-change: transform;
}

.div-scroll-3-must-logo-beforeloop-container{position:absolute;height:100vh;width:100vw;top:0;}
.div-scroll-3-content{position:absolute;height:700vh;width:100vw;overflow-x:hidden;}



		/** inside scroll 3 container **/
		.div-scroll-3-must-logo{
			position:absolute;
			width:76vw;left:12.5vw;
			height:75vh;
			background-image:url("../image/mobilier/logo/must03.png");
			background-size:contain;
			background-position:center;
			background-repeat:no-repeat;
		}
		
		.div-scroll-3-must-logo-beforeloop{top:12.5vh;}
		.div-scroll-3-must-logo-afterloop{top:612.5vh;}
		
		/** meubles **/
		.div-scroll-3-object1{position:absolute;width:20%;height:auto;top:20%;left:77%;}
		.div-scroll-3-object2{position:absolute;width:25%;height:auto;top:28%;left:20%;}
		.div-scroll-3-object3{position:absolute;width:15%;height:auto;top:34%;left:55%;}
		.div-scroll-3-object4{position:absolute;width:12%;height:auto;top:38%;left:80%;}
		.div-scroll-3-object5{position:absolute;width:15%;height:auto;top:45%;left:15%;}
		.div-scroll-3-object6{position:absolute;width:12%;height:auto;top:50%;left:85%;}
		.div-scroll-3-object7{position:absolute;width:75%;height:auto;top:55%;left:25%;}
		.div-scroll-3-object8{position:absolute;width:20%;height:auto;top:63%;left:40%;}
		.div-scroll-3-object9{position:absolute;width:30%;height:auto;top:71%;left:50%;}
		
		
		@media (max-width: 767px) {
			
				.div-scroll-3-object1{width:35%;left:57%;}
				.div-scroll-3-object2{width:45%;left:10%;}
				.div-scroll-3-object3{width:25%;left:45%;}
				.div-scroll-3-object4{width:28%;left:65%;}
				.div-scroll-3-object5{width:25%;left:20%;}
				.div-scroll-3-object6{width:20%;left:75%;}
				.div-scroll-3-object7{width:90%;left:5%;}
				.div-scroll-3-object8{width:35%;left:30%;}
				.div-scroll-3-object9{width:45%;left:50%;}
				
		}
		
		
		/*subdivs*/
		#ds3c-1{top:100vh;}#ds3c-2{top:800vh;}#ds3c-3{top:1500vh;}#ds3c-4{top:2200vh;}
		#ds3c-5{top:2900vh;}#ds3c-6{top:3600vh;}#ds3c-7{top:4300vh;}#ds3c-8{top:5000vh;}

		
	
		/** responsive **/
		@media (max-width: 767px) {
			
			.div-scroll-3-must-logo{
				position:absolute;
				width:calc(100vw - 40px);left:20px;right:4px;
				height:75vh;
			}
	
		}








.div-scroll-4-container{
	position:absolute;
	width:100%;
	top:0;left:0;right:0;
	height:auto;
}

.div-scroll-4-must-logo-beforeloop-container{position:absolute;height:100vh;width:100%;top:0;}
.div-scroll-4-content{position:absolute;height:700vh;width:100%;overflow-x:hidden;}



		/** inside scroll 4 container **/
		.div-scroll-4-must-logo{
			position:absolute;
			width:76vw;left:12.5vw;
			height:75vh;
			background-image:url("../image/mobilier/logo/must04.png");
			background-size:contain;
			background-position:center;
			background-repeat:no-repeat;
		}
		
		.div-scroll-4-must-logo-beforeloop{top:12.5vh;margin-top:1px;}
		.div-scroll-4-must-logo-afterloop{top:612.5vh;margin-top:-1px;}
		
		/** meubles **/
		.div-scroll-4-object1{position:absolute;width:10%;height:auto;top:9%;left:50%;}
		.div-scroll-4-object2{position:absolute;width:10%;height:auto;top:18%;left:89%;}
		.div-scroll-4-object3{position:absolute;width:30%;height:auto;top:22%;left:25%;}
		.div-scroll-4-object4{position:absolute;width:15%;height:auto;top:32%;left:20%;}
		.div-scroll-4-object5{position:absolute;width:10%;height:auto;top:37%;left:75%;}
		.div-scroll-4-object6{position:absolute;width:25%;height:auto;top:43%;left:10%;}
		.div-scroll-4-object7{position:absolute;width:8%;height:auto;top:50%;left:50%;}
		.div-scroll-4-object8{position:absolute;width:12%;height:auto;top:57%;left:45%;}
		.div-scroll-4-object9{position:absolute;width:40%;height:auto;top:64%;left:3%;}
		.div-scroll-4-object10{position:absolute;width:22%;height:auto;top:66%;left:70%;}
		.div-scroll-4-object11{position:absolute;width:12%;height:auto;top:80%;left:40%;}
		
		
		@media (max-width: 767px) {
			
				.div-scroll-4-object1{width:20%;left:40%;}
				.div-scroll-4-object2{width:20%;left:69%;}
				.div-scroll-4-object3{width:55%;left:15%;}
				.div-scroll-4-object4{width:30%;left:10%;}
				.div-scroll-4-object5{width:20%;left:55%;}
				.div-scroll-4-object6{width:45%;left:5%;}
				.div-scroll-4-object7{width:16%;left:40%;}
				.div-scroll-4-object8{width:24%;left:35%;}
				.div-scroll-4-object9{width:80%;left:5%;}
				.div-scroll-4-object10{width:44%;left:45%;}
				.div-scroll-4-object11{width:24%;left:30%;}
				
		}
		
		
		/*subdivs*/
		#ds4c-1{top:100vh;}#ds4c-2{top:800vh;display:none;}#ds4c-3{top:1500vh;display:none;}#ds4c-4{top:2200vh;display:none;}
		#ds4c-5{top:2900vh;display:none;}#ds4c-6{top:3600vh;display:none;}#ds4c-7{top:4300vh;display:none;}#ds4c-8{top:5000vh;display:none;}
		#ds4c-9{top:5700vh;display:none;}#ds4c-10{top:6400vh;display:none;}#ds4c-11{top:7100vh;display:none;}#ds4c-12{top:7800vh;display:none;}
		#ds4c-13{top:8500vh;display:none;}#ds4c-14{top:9200vh;display:none;}#ds4c-15{top:9900vh;display:none;}#ds4c-16{top:10600vh;display:none;}
		
		
		
		
		
		
		
		/** responsive **/
		@media (max-width: 767px) {
			
			.div-scroll-4-must-logo{
				position:absolute;
				width:calc(100vw - 40px);left:20px;right:4px;
				height:75vh;
			}
		
		}
	




.margintop-div-trick-start{position:absolute;width:0px;height:800vh;z-index:-9999;top:-800vh;left:-100%;}
.margintop-div-trick-after{position:absolute;width:0px;height:700vh;z-index:-9999;top:-700vh;left:-100%;}
.margintop-div-trick-total-longer{position:absolute;width:0px;height:13300vh;z-index:-9999;top:-13300vh;left:-100%;}
.margintop-div-trick-total-shorter{position:absolute;width:0px;height:5600vh;z-index:-9999;top:-5600vh;left:-100%;}
.margintop-div-trick-div4height{position:absolute;width:0px;height:11300vh;z-index:-9999;top:-11300vh;left:-100%;}


















/** M E N U **/
	
.menu{
	position:fixed;
	width:75vw;
	height:44px;
	padding-left:12.5vw;padding-right:calc(12.5vw - 16px);
	padding-bottom:15px;
	background-color:#FFF;
	z-index:999;
}



.logo-must{
	position:relative;
	float:left;
	width:63px;
	height:25px;
	margin-top:18px;
	background-image:url("../image/ressources/must-logo.png");
	background-size:cover;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.menu-store-locations{
	position:fixed;
	font-size:1.2em;
	left:26.25vw;
	margin-top:20px;
	width:37.5vw;
	background-color:#FFF;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:-o-flex;
	display:flex;
	padding-left:0;
	padding-right:0;
}

.menu-store{position:relative;float:left;margin:auto;}
.menu-store-first{margin-left:0px;}
.menu-store-last{margin-right:0px;}

.btn-active, a.btn-active{color:#000000;text-decoration:underline;}
.btn-active-no-underline, a.btn-active-no-underline{color:#000000;}
.no-underline-hover:hover{text-decoration:none;}


.menu-language-email{
	position:relative;
	float:right;
	font-size:1.10em;
	margin-top:18px;
	width:auto;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:-o-flex;
	display:flex;
	padding-left:10px;
	padding-right:0;
}

.menu-language-email .btn-newsletter{
	float: right;
	height: 20px;
	background: center center no-repeat;
	background-size: contain;
	margin: 0 10px 0 0;
}
.menu-language-email .btn-newsletter#btn-newsletter-francais{
	width: 85px;
	background-image: url(../image/logos/infolettre_icone.png);
}
.menu-language-email .btn-newsletter#btn-newsletter-english{
	width: 85px;
	background-image: url(../image/logos/infolettre_icone_en.png);
}
.menu-language-email .btn-newsletter span{
	display: none;
}


.at-link{margin-left:1.5em;margin-right:1.5em;margin-top:-1px;}
.at-link-at{margin:0 !important;padding:0 !important;}


.en-between-fr{margin-left:5px;margin-right:5px;margin-top:-1px;}

.txt-francais{display:block;}
.txt-english{display:none;}

.txt-reset{margin:0;padding:0;}

.logo-ateliers{
	position:relative;
	float:right;
	margin-top:19px;
	margin-right:10px;
	width:58px;
	height:18px;
	background-size:cover;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.logo-ateliers-fr {
	background-image:url("../image/ressources/must-ateliers-fr.png");
}

.logo-ateliers-en {
	background-image:url("../image/ressources/must-ateliers-en.png");
}

/*
.logo-ateliers:hover{
	background-position:100% 0px;
}
*/

.logo-facebook{
	position:relative;
	float:right;
	margin-top:18px;
	margin-right:8px;
	width:20px;
	height:20px;
	background-image:url("../image/ressources/facebook-logo.png");
	background-size:cover;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.logo-instagram{
	position:relative;
	float:right;
	margin-top:18px;
	width:20px;
	height:20px;
	background-image:url("../image/ressources/instagram-logo.png");
	background-size:cover;
	background-position:0px 0px;
	background-repeat:no-repeat;
}



		/** menu responsive **/

		@media (max-width: 767px) {
			
			.menu{
				
				width:calc(100vw - 40px);
				height:44px;
				left:0;right:0;
				padding-left:20px;padding-right:4px;
				padding-bottom:15px;
				-webkit-transition: -webkit-transform 0.6s ease-out;

			}


			.logo-ateliers{margin-top:23px;}
			.logo-facebook{margin-top:22px;}
			.logo-instagram{margin-top:22px;}
			.menu-language-email{margin-top:32px;top:-0.7em;font-size:1.25em;}
			
			.at-link{margin-left:calc(1.5em - 10px);margin-right:calc(1.5em - 10px);margin-top:-11px;padding:10px;}
			.at-link-at{margin:0 !important;padding:0 !important;}
			
			.menu-store-locations{
				position:fixed;
				width:calc(100vw - 40px);
				height:60px;
				margin-left:auto;
				margin-right:auto;
				left:0px;
				right:0px;
				padding-bottom:0px;
				padding-left:20px;
				padding-right:20px;
				bottom:25px;
			}

			.menu-language-email .btn-newsletter{
				float: none;
				position: fixed;
				bottom:0;
				width:calc(100vw - 40px) !important;
				left:0px;
				right:0px;
				margin: 10px auto;
				border: solid 1px #000;
				height: 25px;
				background-size: auto 12px;
			}
			.menu-language-email .btn-newsletter#btn-newsletter-francais{
				background-image: url(../image/logos/infolettre_icone_typo.png);
			}
			.menu-language-email .btn-newsletter#btn-newsletter-english{
				background-image: url(../image/logos/infolettre_icone_typo_en.png);
			}
			
		/*.ua-safari */
			.ua-safari.ua-mobile-iphone .div-scroll-1-must-logo-beforeloop, .ua-safari.ua-mobile-iphone .div-scroll-2-must-logo-beforeloop{top:calc(12.5vh - 35px);}
			.ua-safari.ua-mobile-iphone .div-scroll-3-must-logo-beforeloop, .ua-safari.ua-mobile-iphone .div-scroll-4-must-logo-beforeloop{top:calc(12.5vh - 35px);}
			
			.ua-safari.ua-mobile-iphone .div-scroll-1-must-logo-afterloop, .ua-safari.ua-mobile-iphone .div-scroll-2-must-logo-afterloop{top:calc(612.5vh - 35px);}
			.ua-safari.ua-mobile-iphone .div-scroll-3-must-logo-afterloop, .ua-safari.ua-mobile-iphone .div-scroll-4-must-logo-afterloop{top:calc(612.5vh - 35px);}
			
			/*.ua-safari.ua-mobile-iphone .menu-store-locations{
				top:calc(100vh - 150px) !important;
			}
			
			.ua-safari.ua-mobile-iphone .ateliers__logos-mobile{
				margin-bottom:60px !important;
			}
			
			.ua-safari.ua-mobile-iphone .store-locator-container-text{
				height: calc(100% - 80px) !important;
			}*/
	
		}
		
		
		
		@media (min-width: 768px) and (max-width: 991px) {
			.menu-store-locations{font-size:0.85em;left:27.5vw;width:35vw;top:0.3em;}
			.menu-store-first{margin-left:20px;}
			.menu-store-last{margin-right:20px;}
			.menu-language-email{font-size:0.85em;top:0.15em;}
			.at-link{margin-left:0.75em;margin-right:0.75em;}
		}


		@media (min-width: 992px) and (max-width: 1199px) {
			.menu-store-locations{font-size:1.025em;left:27.5vw;width:35vw;top:0.2em;}
			.menu-language-email{font-size:1.025em;top:0.1em;}
			.at-link{margin-left:1em;margin-right:1em;}
		}
		
		@media (min-width: 1200px) and (max-width: 1399px) {
			.menu-store-locations{font-size:1.2em;left:27.5vw;width:35vw;top:0.1em;}
			.menu-language-email{font-size:1.1em;top:0.025em;}
			.at-link{margin-left:1.25em;margin-right:1.25em;}
		}





/** S T O R E   L O C A T O R   S L I D E R **/
	
.store-locator-wrapper{
	position:fixed;
	width:100%;
	height:100%;
	z-index:99;
	left:100%;
}

.store-locator-wrapper-show{left:0 !important; z-index:799 !important;}

.store-locator-wrapper-background-color{
	width:100%;
	height:10vh;
/* 	background-color:#FFFFFF; */
	opacity:0.9;
}

.store-locator-wrapper-to-click-out{
	position:absolute;
	width:calc(100vw - 16px);
	height:100%;
	z-index:-1;
}

.store-locator-container{
	position:absolute;
	width:75%;
	height: calc(100% - 120px);
	margin-left:12.5%;
	top:60px;
	/*bottom:60px;*/
	margin-top:0px;
	padding-top:0px;
/*	background-color:#F0F;*/
	z-index:999;
	padding-top: 35px;
}

.store-locator-container-text{
	box-sizing: border-box;
	width:25%;
	top:0;
	overflow: auto;
	height: 100%;
}

.store-locator-container-text .arrow-down{
	display: block;
}


.store-locator-text{
	margin-top:0px;
	font-size:1.0em;
	line-height:145%;
	padding-right:10px;
	max-width: 345px;
	padding-bottom: 40px;
}

#store-locator-text-montreal, #store-locator-text-laval, #store-locator-text-quebec, 
#store-locator-text-brossard, #store-locator-text-griffintown{display:none;}

.contacts a{
	display: block;
}
.contacts a.map-link{
	display: none;
}

.page-griffintown-logos{
	position:relative;
	width:auto !important;
	display:block !important;
	min-height:130px;
	height:auto;
	margin-top:4em;
	margin-bottom:40px;
	margin-right:10px !important;
	background-repeat:no-repeat;
	background-size:contain;
}

.logos-griffintown{
	display: block;
	width: 100%;
    height: 17vw;
	background: url(../image/ressources/logos_desktop.png) top left no-repeat;
	background-size: contain;
	margin-top: 50px;
}

.logos-laval{
	display: block;
	width: 100%;
    height: 17vw;
	background: url(../image/ressources/logos_desktop-laval.png) top left no-repeat;
	background-size: contain;
	margin-top: 50px;
}



.logos-stefoy{
	display: block;
	width: 100%;
    height: 15vw;
	background: url(../image/ressources/logos_stefoy_desktop.png) top left no-repeat;
	background-size: contain;
	margin-top: 50px;
}

.logo-desktop-mobile{
	display:block !important;
	background-image:url("../image/ressources/bloc-logo-page-griffintown-2col.png");
}

span.phone-nb-desktop{display:inline;}
.phone-nb-underlined{text-decoration:underline;}
a.phone-nb-mobile{display:none;}
a.phone-nb-mobile{color:#00F;text-decoration:underline;}

a.phone-nb{cursor:text;color:#000;text-decoration:none;}
a.phone-nb :hover{color:#000;text-decoration:none !important;}

.wrap-title-mobile{position:fixed;top:0;left:0;text-align:center;width:100vw;padding-top:20px;height:23px;z-index:9999999;display:none;}

.title-mobile {font-size:3em;font-weight:normal;top:0;margin-top:0;display:none;}

.x-btn{
	position:absolute;
	width:2em;
	height:2em;
	left:20px;
	top:23px;
	background-image:url("../image/ressources/x-btn-sprite.png");
	background-size:cover;
	background-position:0px 0px;
	background-repeat:no-repeat;
	z-index:999999999999999;
	cursor:pointer;

}

.x-btn:hover{background-position:-20px; 0px;}


.store-locator-container-map{
	box-sizing: border-box;
	position:absolute;
	width:75%;
	height:calc(100% - 35px);
	right:0;
	top: 0;
	overflow:hidden;
	margin-top: 35px;
}

.map-griffintown-desktop-mobile,
.map-griffintown{
	position:absolute;
	width:75%;
	height:auto;
	margin-left:25%;
	margin-top:35px;
	top:0;bottom:0;
	overflow:hidden;
}

.map-quebec-bientot{position:absolute;width:100%;height:100%;background-color:#000;opacity:0.65;z-index:999;pointer-events:none;}
h6.ouverture{position:relative;font-size:2em;font-weight:normal;text-align:center;color:#FFF;top:22.5%;z-index:999999999999;}

.map-style{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;position:absolute;background-color:#FFF;}
.map-below{z-index:-99999;}



@media (max-width: 299px) {.title-mobile{margin-top:calc(23px - 8.5vw);}

.x-btn{width:2.4em;height:2.4em;left:20px;top:calc(42px - 6.5vw);}
.x-btn:hover{background-position:-2.4em; 0px;}

}

@media (min-width: 300px) and (max-width: 439px) {.title-mobile{font-size:2.25em;margin-top:calc(22px - 6.25vw);}

.x-btn{width:1.75em;height:1.75em;left:20px;top:calc(47px - 6.25vw);bottom:0;}
.x-btn:hover{background-position:-1.75em; 0px;}
}
@media (min-width: 440px) and (max-width: 767px) {.title-mobile{font-size:2em;margin-top:-3px;}

.x-btn{width:20px;height:20px;left:20px;top:24px;}
}

.map-griffintown-mobile-spacer{width:100%;height:80px;position:relative;display:none}


.btn-to-ateliers-logo{
	position:relative;
	width:100%;
	height:8vw;
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top: 50px;
	display: block;
}

.btn-to-ateliers-logo-fr{
	background-image:url("../image/ressources/btn-griffintown-to-ateliers-fr.png");
}

.btn-to-ateliers-logo-en{
	background-image:url("../image/ressources/btn-griffintown-to-ateliers-en.png");
}

@media(max-width: 1023px){
	.store-locator-container{
		width: 95%;
		margin-left: 2.5%;;
	}
}

		@media (max-width: 767px) {
	
			.store-locator-container{
		
				width:auto;
				margin-left:0px;
				left:20px;right:20px;
				padding-top: 0;
		
			}
			
			.page-griffintown-logos{
				position:relative;
				width:50vw !important;
				display:block !important;
				height:auto;
				min-height:86.1vw;
				margin-left:calc(-20px + 25vw) !important;
				margin-top:4em;
				background-repeat:no-repeat;
				background-size:cover;
				margin-bottom:75px !important;
			}
			
			.btn-to-ateliers-logo{
				display:none;
			}

			
			.logo-desktop-mobile{
				background-image:url("../image/ressources/logos_mobile.png");
			}
			
			.store-locator-container-text{
				width:100%;
				margin-top:0;
				padding-top: 15px;
				top:0;
				text-align:center;
			}


			.store-locator-container-text .arrow-down{
				display: block;
				position: absolute;
				width: 100%;
				height: 50px;
				bottom: 0;
				z-index: 1000;
				background: url(../image/ressources/gradient.png) center center repeat-x;
			}

			.store-locator-container-text .arrow-down::after{
				content: "";
				position: absolute;
				display: block;
				width: 100%;
				height: 100%;
				background: url(../image/ressources/arrow_down.png) center center no-repeat;
				background-size: auto 30%;
				-webkit-animation: animarrow 2s infinite;
				-moz-animation: animarrow 2s infinite;
				-o-animation: animarrow 2s infinite;
				animation: animarrow 2s infinite;
			}

			@-webkit-keyframes animarrow {
			  0% {
			    background-position: center center;
			  }
			  50% {
			    background-position: center bottom 10px;
			  }
			  100% {
			    background-position: center center;
			  }
			}

			@-moz-keyframes animarrow {
			  0% {
			    background-position: center center;
			  }
			  50% {
			    background-position: center bottom 10px;
			  }
			  100% {
			    background-position: center center;
			  }
			}

			@-o-keyframes animarrow {
			  0% {
			    background-position: center center;
			  }
			  50% {
			    background-position: center bottom 10px;
			  }
			  100% {
			    background-position: center center;
			  }
			}

			@keyframes animarrow {
			  0% {
			    background-position: center center;
			  }
			  50% {
			    background-position: center bottom 10px;
			  }
			  100% {
			    background-position: center center;
			  }
			}
			
			.store-locator-container-text .arrow-down.hidden{
				display: none !important;
			}
						
			.store-locator-text{
				position:absolute;
				margin-top:0px;
				font-size:1.1em;
				font-size:2.5vh;
				padding-right:0px;
				line-height:125%;
				width: 100%;
				max-width: 100%;
				margin-left: auto;
				margin-right: auto;
				overflow: auto;
			}

			.contacts{
				text-align: center;
				margin: 20px 0;
			}
			
			.contacts a{
				display: inline-block;
				width: 40px;
				height: 40px;
				background: center center no-repeat;
				background-size: contain;
				margin: 0 10px;
			}

			.contacts a.phone-nb-desktop{
				background-image: url(../image/ressources/icone_telephone.svg);
			}
			.contacts a.email-ville{
				background-image: url(../image/ressources/icone_email.svg);
			}
			.contacts a.map-link{
				display: inline-block;
				background-image: url(../image/ressources/icone_map.svg);
			}
			
			.contacts a span{
				display: none !important;
			}

			.logos-griffintown{
				background-image: url(../image/ressources/logos_mobile.png);
				background-position: top center;
				height: 70vw;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 20px;
			}

			.logos-stefoy{
				background-image: url(../image/ressources/logos_stefoy_mobile.png);
				background-position: top center;
				height: 65vw;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 20px;
			}
			
			.email-ville{color:#00F;text-decoration:underline;}
			
			.title-mobile {display: inline-block}
	
			.store-locator-container-map{ display: none !important;}
			
			.map-griffintown-desktop-mobile{
				position:relative;
				width:100%;
				height:auto;
				margin-left:0;
				margin-top:3em;
				top:0;bottom:0;
				overflow:hidden;
			}
					
			span.phone-nb-desktop{display:none;}
			a.phone-nb-mobile{display:inline;}
	
		}
		
		
		@media (min-width: 768px) and (max-width: 991px) {
			.store-locator-text{font-size:0.9em;}
			.wrapper-txt-ateliers{font-size:0.85em !important;}
		}


		@media (min-width: 992px) and (max-width: 1199px) {
			.store-locator-text{font-size:0.9em;}
			.wrapper-txt-ateliers{font-size:1.00em !important;}
		}
		
		@media (min-width: 1200px) and (max-width: 1399px) {
			.store-locator-text{font-size:0.95em;}
			.wrapper-txt-ateliers{font-size:1.10em !important;}
		}
		
		@media (min-width: 1400px){
			.wrapper-txt-ateliers{font-size:1.20em !important;}
		}







.button-viewongooglemaps {
    padding: 1px; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; 
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; 
    border-top-left-radius: 3px; 
    border-top-right-radius: 3px; 
    border-bottom-right-radius: 3px; 
    border-bottom-left-radius: 3px; 
    background-color: white;
    font-size: 12px;
    font-family: Roboto, Arial;
    color: #3a84df;
    padding-bottom: 15px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 15px;
    border: 1px solid #CCCCCC;
    position: absolute;
    width:auto;
    height:auto;
    cursor: pointer;
    top: 6px;
    left: 6px;
    z-index:9;
}
.button-viewongooglemaps a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
	
	.button-viewongooglemaps {
    padding: 1px; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; 
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; 
    border-top-left-radius: 2px; 
    border-top-right-radius: 2px; 
    border-bottom-right-radius: 2px; 
    border-bottom-left-radius: 2px; 
    background-color: white;
    font-size: 9px;
    font-family: Roboto, Arial;
    color: #3a84df;
    padding-bottom: 9px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 9px;
    border: 1px solid #CCCCCC;
    position: absolute;
    width:auto;
    height:auto;
    cursor: pointer;
    top: 6px;
    left: 6px;
    z-index:9;
}
.button-viewongooglemaps a:hover {
    text-decoration: underline;
}
	
}


.infowindow-content{padding:0px !important;margin:0px;overflow:hidden;}
.bold{font-weight:500;}
.italic{font-style:italic;}
.infowindow-text{font-weight:400;cursor:text;line-height:140%;padding:0 !important;margin-top:5px;margin-bottom:5px;}
.infowindow-text a{color: #3a84df;}




.wrapper-ateliers{
	position:fixed;
	display:block;
	width:75vw;
	top:44px;
	margin-top:30px;
	padding-left:12.5vw;padding-right:12.5vw;
	left:100%;
	width:100%;
	height:auto;
	z-index:999999;
}

.wrapper-txt-ateliers{
	width:75vw;
	background-color:#0F0;
	line-height:150% !important;
}

/*

.js-preloader div#preloader { 
	position: fixed; 
	left: 0; top: 0; 
	z-index: 9999999999999; 
	width: 100%; 
	height: 100%; 
	overflow: visible; 
	background: #FFF url('../image/ressources/preloader.gif') no-repeat center center; 
}

*/




/* Improve Scrolling */

body {
	overflow: hidden;
}

.store-locator-wrapper,
.to-scroll-prewrapper,
.wrapper-ateliers {
	box-sizing: border-box;
	height: 100vh;
	background: inherit;
	padding-top: 0;
	padding-bottom: 30px;
	overflow: hidden;
	overflow-y: scroll;
	width: 100vw;
}	

.to-scroll-wrapper {
	position:fixed;
	display:block;
	width:100vw;
	height: 100vh;
	box-sizing: border-box;
	background: inherit;
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
	overflow-y: scroll;
	z-index: 121;
	top: 0;
	margin-top: 0;
	left: 100%;
}	


.wrapper-ateliers {
	z-index: 121;
	top: 0;
	margin-top: 0;
	position: fixed;
	top: 0;
	left: 100%;
}

.store-locator-wrapper,
.wrapper-ateliers {
	background: #FFF;
}

.store-locator-wrapper-to-click-out {
	position: fixed;
    width: calc(100vw - 16px);
    height: 100%;
    top: 0;
    z-index: -1;
    left: 0;
}

/* Ateliers */

.wrapper-txt-ateliers {
	width: calc(100% + 16px);
	margin-top:0px;
	padding-top: 25px;
	overflow-x:hidden;
}

.wrapper-txt-ateliers{
	background: transparent;
}

.ateliers,
.wrapper-ateliers p {
	text-align: center;
	margin-bottom: 0px;
}

.ateliers-last{margin-bottom:0px !important}

.ateliers {
	text-align: center;
}

.ateliers a,
.wrapper-ateliers a {
	color: black;
	text-decoration: underline;
}

.ateliers__row {
	margin-bottom: 20px;
}

.ateliers__row:hover{color:#FFF !important;background-color:#000 !important;}

.ateliers__head b {
	text-transform: uppercase;
	padding-bottom: 10px;
	display: inline-block;
	font-weight: bold;
}

.ateliers__head:hover {
	color:#000 !important;
	background-color:transparent !important;
}

.ateliers__logos-desktop {
	display: none;
	overflow:hidden;
}

.ateliers__logos-mobile {
	display: none;
}

.logoclass{position:relative;width:auto;height:100%;display: inline-block;}

a.logoclass-link {position:relative;width:auto;display: inline-block;}

a.logoclass-link-mustsociete{height:85%;}
a.logoclass-link-steam{height:80%;margin-top:-0.5vw;}
a.logoclass-link-beteapain{height:85%;margin-top:-0.25vw;}
a.logoclass-link-prune{height:90%;margin-top:0.125vw;}

.logo-img-link{width:100%;height:100%;}




@media (min-width: 768px) {
	
	.wrapper-txt-ateliers {
		padding-top: 75px;
	}
	
	
	.wrapper-ateliers p {
		text-align: left;
	}
	
	.ateliers__logos-desktop {
		position:relative;
		bottom:none;
		width: calc(49.725% - 0px);
		height: 2.9vw;
		margin: auto;
		display: block;
		margin-top: 2vh;
		left:100%;
		
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		background: #FFFFFF;
		padding: 10px;
  
  		-webkit-justify-content: space-between;
  		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		
	}
	
	.ateliers__logos-mobile {
		display: none;		
	}
	
	.ateliers {
		display: table;
		width: 100%;
		text-align: left;
	}
	
	.ateliers__row:not(.ateliers__head) > div:last-child {
		text-align: right;
	}
	
	.ateliers__row {
		display: table-row;
	}
	

	
		.ateliers__row > div {
			display: table-cell;
		}
		
		.ateliers__row > div:nth-child(even) {
			padding: 0 0;
		}
		
		.ateliers__row > div:nth-child(odd) {
			width: 25%;
		}
}	

/*
.wrapper-ateliers {
	display: block!important;
}
*/

.stop-scrolling {
	overflow: hidden!important;
}

.hide-if-mobile{display:block;}

@media (max-width: 767px) {
	
	.hide-if-mobile{display:none !important;}
	
	.wrapper-txt-ateliers {
		padding-top: 80px;
		padding-bottom: 80px;
		font-size: 1.2em !important;
		width:calc(75vw);
	}
	
	.ateliers__row:hover{color:#000 !important;background-color:transparent !important;cursor:text;}
	
	.ateliers__logos-desktop {
		display: none;	
	}
	
	.ateliers__logos-mobile {
		width: 75%;
		margin: auto;
		margin-left:12.5%;
		display: block;
		margin-top: 13vh;	
		margin-bottom:30px;
	}
	
	.logoclass{position:relative;width:100%;height:auto;display:inline-block;}

	a.logoclass-link {position:relative;width:auto;display: inline-block;float:left;clear:both;margin-bottom:40px;}
	
	a.logoclass-link-mustsociete{height:auto;width:30%;margin-left:35%}
	a.logoclass-link-steam{height:auto;width:50%;margin-top:-0.75vw;margin-left:25%}
	a.logoclass-link-beteapain{height:auto;width:100%;margin-top:0;margin-left:0;}
	a.logoclass-link-prune{height:auto;width:45%;margin-top:0;margin-left:27.5%;margin-bottom:30px;}
	
	.logo-img-link{width:100%;height:100%;}
	
	
	
	.store-locator-container-text {
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
	}
	
}	

@media (min-width: 768px) and (min-height: 799px) {
	
	.ateliers__logos-desktop {
		position:fixed !important;
		bottom:60px;
		width: calc(37.5vw);
		height: 2.9vw;
		margin-left: 31.25vw;
		left:0px;
		display: block;
		margin-top: 0vh;
		left:100%;
		
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
  		
  		-webkit-justify-content: space-between;
  		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

}	

@media (min-width: 768px) and (min-height: 879px) {
	
	.page-griffintown-logos {
		position:fixed !important;
		width:calc(17vw + 5px) !important;
		height:4vw !important;
		display:block;
		bottom:20px;
	}
	
}	





.parallax-section{
	position:absolute;
	width:100vw;
	top:0px;
	height: 100%;
	overflow:auto;
	z-index:121;
}

.inside-parallax-section{
	position:relative;
	width:100vw;
	top:0px;left:0px;
	height: 100%;
	overflow-y:scroll;
	z-index:4;
}

.content-parallax-section{
	position:relative;
	width:100%;
	top:0px;left:0px;
	height: auto;
	background-color:#0FF;
	z-index:3;
}

.hider-below-menu-top{ 
	position:fixed;
	height:59px;
	width:100%;
	top:0;left:0;
	background-color:#FFF;
	z-index:2;
}

.hider-below-menu-bottom{ 
	position:fixed;
	height:60px;
	width:100%;
	bottom:0;left:0;
	background-color:#FFF;
	z-index:2;
	display:none;
}

@media (max-width:767px) {
	
	.parallax-section{
		position:absolute;
		width:100vw;
		top:0px;
		height: calc(100%);
	}
	
	.hider-below-menu-bottom{ 
		display:block;
	}
		
}