@media all and (max-width: 850px){
	html, body{width: 100%; overflow-x: hidden;}
	.logo{display: none;}
	
	main {width: 92%;}
	/***** HEADER / NAVIGATION *****/

	.mainhead{background: white; position: fixed; top: 0; left: 100%; width: calc(100% - 81px); height: 100%; border-radius: 0px; z-index:10; padding: 0 20px;}
	.mainhead::before, .mainhead::after{content: none; display: none;}
	
	.mobileTrigger{display: block; height: 60px; width: 60px; cursor: pointer; border: none; background: white; position: fixed; right: 0; top:0;border-radius : 0 0 0 40px / 0 0 0 35px;-moz-border-radius : 0 0 0 40px / 0 0 0 35px;-webkit-border-radius : 0 0 0 40px / 0 0 0 35px; }
	.mobileTrigger:before{content: " ";font-size: 0;width: 0;height: 0;display: block;position: absolute;left: -5px;border: 17px solid white;border-left-width: 3px;border-right-width: 3px;border-bottom-color: transparent;border-left-color: transparent; top: 0;}
	.mobileTrigger:after{content: url(/assets/frontend/icons/burger.svg); width: 60%; display: block;float: right; margin-right: 10px;}

	.lang{width: 100%;}
	.lang ul{height: auto; position: relative;}
	.lang ul li{width: 25%; padding:0;}
	.lang ul li a{display: block; text-align: center; float: none;padding: 19px 5px; font-size: 1.1rem;}
	
	.lang ul:before, .lang ul li:after {content: " ";width: 1px;height: 100%;display: block;position: absolute; top:0;}
	.lang ul:before, .lang ul li:after {background: -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(252, 252, 252, 1) 9.23%,rgba(239, 239, 239, 1) 55.38%,rgba(235, 235, 235, 1) 100%);background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(252, 252, 252, 1) 9.23%, rgba(239, 239, 239, 1) 55.38%, rgba(235, 235, 235, 1) 100%);background: -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(0.0923,rgba(252, 252, 252, 1) ),color-stop(0.5538,rgba(239, 239, 239, 1) ),color-stop(1,rgba(235, 235, 235, 1) ));background: -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(252, 252, 252, 1) 9.23%, rgba(239, 239, 239, 1) 55.38%, rgba(235, 235, 235, 1) 100%);background: -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(252, 252, 252, 1) 9.23%, rgba(239, 239, 239, 1) 55.38%, rgba(235, 235, 235, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBEBEB' ,GradientType=0)";background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(252, 252, 252, 1) 9.23%, rgba(239, 239, 239, 1) 55.38%, rgba(235, 235, 235, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB',endColorstr='#FFFFFF' , GradientType=0);}

	.mainnav{float: none;}
	.mainnav ul li{width: 100%; margin: 10px 0; padding: 0;}
	.mainnav ul:before, .mainnav ul li:after{content: none; display: none;}
	.mainnav ul li.active, .mainnav ul li:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */background: #efefef; /* Old browsers */background: -moz-linear-gradient(left, #efefef 0%, #ffffff 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #efefef 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #efefef 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
	.mainnav ul li a{ font-size: 1.3rem; padding: 11px 20px 11px 20px; display: block;} 
	
	.hideNav{position: fixed; height: 100%; width: 100px; left: 0; top: 0; display: block; z-index: 11;}

	#meeting{padding: 20px;}
	#meeting .meetingWrap{padding: 60px 20px 0;}
	/******* SUBNAVIGATION ******/
	
	.sideNavWrap .mobileTrigger{background: #E5D080; height: 100px; width: 50px;}
	.sideNavWrap .mobileTrigger:before{border: 38px solid #E5D080;border-left-width: 5px;border-right-width: 5px;border-bottom-color: transparent;border-left-color: transparent; top: 0; left: -9px;}
	.sideNavWrap .mobileTrigger:after{content: url(/assets/frontend/icons/icon_sub1.svg); width: 30%; position: absolute; bottom: 5px; right: 0px;}
	
	
	.content .sideNavWrap{ background: #E5D080; position: fixed; top: 0; left: 100%; width: calc(100% - 81px); height: 100%; border-radius: 0px; z-index:9; padding: 0 20px; margin: 0;}
	.content .sideNavWrap .sideNav{padding: 0; background: none; box-shadow: none; border: none; max-height: 100%; overflow-y: auto;}
	.content .sideNavWrap .sideNav img{display: none;}
	
	.content .sideNavWrap .sideNav ul li,.content .sideNavWrap .sideNav ul li.active{width: 100%; margin: 10px 0; padding: 0; border: none;}
	.content .sideNavWrap .sideNav ul:before, .content .sideNavWrap .sideNav  ul li:after{content: none; display: none;}
	.content .sideNavWrap .sideNav ul li.active, .content .sideNavWrap ul>li:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5d080+100 */background: #ffffff; /* Old browsers */background: -moz-linear-gradient(left, #ffffff 0%, #e5d080 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #ffffff 0%,#e5d080 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #ffffff 0%,#e5d080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5d080',GradientType=1 ); /* IE6-9 */}
	.content .sideNavWrap .sideNav ul li a{ font-size: 1.3rem; padding: 11px 20px 11px 20px; display: block; color: white;}

	.multiSideNav .sideNavWrap:nth-child(1){background: #8ABB3F; z-index: 8;}
	.multiSideNav .sideNavWrap:nth-child(1) .mobileTrigger{background: #8ABB3F; height: 140px; width: 45px;}
	.multiSideNav .sideNavWrap:nth-child(1) .mobileTrigger:before{border: 58px solid #8ABB3F;border-bottom-color: transparent;border-left-color: transparent;border-left-width: 6px;border-right-width: 6px; top: 0; left: -11px;}
	.multiSideNav .sideNavWrap:nth-child(1) .mobileTrigger:after{content: url(/assets/frontend/icons/icon_sub2.svg); width: 40%;bottom: 13px;right: -3px;}

	.multiSideNav .sideNavWrap:nth-child(1) .sideNav ul li.active, .multiSideNav .sideNavWrap:nth-child(1) .sideNav ul li:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,8abb3f+100 */background: #ffffff; /* Old browsers */background: -moz-linear-gradient(left, #ffffff 0%, #8abb3f 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #ffffff 0%,#8abb3f 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #ffffff 0%,#8abb3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8abb3f',GradientType=1 ); /* IE6-9 */}
	
	/************ CONTENT *********/
	.content .contact ul{padding: 30px 0 0 0;}
	.content{padding: 20px 2% 175px 2%;}
	.content.noImage{margin-top: 0;}
	
	.content .contactForm .formelem{width: 100%; padding: 5px 0;}
	
	.content .introduction h1, .content .view h1 {margin: 0; text-align: left; font-size: 1.7rem;}
	.content .introduction p{margin: 1.5em 0 0; -webkit-column-count: 1;-moz-column-count: 1;column-count: 1; text-align: left;}
	
	.content .view, .team{width: 100%; margin: 0;}
	
	.team .member{width: 50%;margin: 0 auto; display: block; float: none;}
	.team .member:nth-child(n){padding-left: 0; padding-right: 0;}
	
	.profile .leftCol, .profile .rightCol, .traitement .leftCol, .traitement .rightCol{width: 100%; padding-right: 0; padding-left: 0;}
	
	/************ MAPS **********/
	
	.googleMaps{top: 0; bottom: 0; margin-bottom: 0;}
	.googleMask, .googleMaps iframe, .googleOverlay span{transform: none;}
	
	
	/************ WIDGETS **********/
	
	.widgets article, .page-homepage .view.widgets article, .page-homepage .view.widgets article:nth-of-type(3n+3){width: 100%;/* max-width: 320px; */margin: 0 auto 60px;display: block;float: none; padding: 30px 4% 4% 4%;}
	.widgets article:nth-of-type(-3n+3){margin-right: auto;}
	.widgets article p {white-space: normal; text-overflow: inherit; overflow: hidden;}
	
	.widgets article:nth-child(n+4){margin-top: 0px;}

	/********* SBB *********/
	
	.sbb.sbbMobile{display: block; width: 100%;}
	
	
	/**** FOOTER ****/
	
	.mainFooter{width: 100vw; padding: 20px 0; margin: 0; height: auto; background: white; position: relative; left: 50%; transform: translateX(-50%);}
	.mainFooter .footer-canvas{display: none;}
	.mainFooter p{margin: 0 5.5%;}
	.content{padding-bottom: 0;}
	
	/****** HIDE *******/
	
/* 	.googleMaps, .introImage, .sbb{display: none;} */
	
	.content.s-termin{padding-top: 30px;}

	.showMeeting{width: 90px; height: 90px; /* transform: none; right: auto;  left: -5px; top: 5px; */ left: 50px;}
	
}

@media all and (max-width: 650px){
	.team .member{width: 80%;}
}