@media screen and (max-width: 1600px)
{
	/*** FRAMESET ***/
	.row								{ padding-left: 50px; padding-right: 50px; }
	.xl-hide							{ display: none; }
	
	/*** MAINNAV ***/
	.topNav								{ right: 50px; }
	
	/*** PREFOOTER ***/		
	.stat div:first-child				{ width: 38%; }
	.stat div:nth-child(2)				{ width: 28%; }

	/*** RESIDENTIELBAR ***/
	.residentiel						{ height: 650px; line-height: 550px; }

	/*** SHAREBAR ***/
	.shareBar							{ right: 75px; }
	
	/*** BACKBTN ***/
	.backToTopBtn						{ right: 70px; }
	
	/*** BANNER ***/
	.banner								{ height: 560px; line-height: 560px; }

	/*** CONTENT ***/
	.mainRow							{ padding-top: 120px; }
	.max_width_content					{ max-width: none; }
	
	/*** HOME ***/
	.clientPanel						{ padding: 0 60px; }
	
	/*** SECTEURS ***/
	.picBar, .slick-slide								{ height: 600px; }
	.picBar > div > div 					{ line-height: 300px; }
	
	/*** SERVICES RESIDENTIELS ***/
	.servicesPics div					{ height: 640px; }
	
	/*** CONTACT ***/
	.contact .col60						{ float: none; display: block; width: auto; margin: 0 0 60px 0; }
	.contact .col40						{ float: none; display: block; width: auto; }
	.col60 h1,
	.col40 h2							{ margin-bottom: 30px; }
	.succ h2								{ margin-top: 196px; }
}

@media screen and (max-width: 1400px)
{
	/*** FRAMESET ***/
	.row								{ padding-left: 30px; padding-right: 30px; margin-bottom: 75px; }
	
	/*** HEADER ***/
	header.row							{ position: static; padding-right: 0; }
	.header_logo						{ height: 100px; line-height: 100px; }
	.overlay							{ display: none; }
	.sm-overlay							{ position: absolute; left: 0; top: 100px; display: block; width: 100%; height: 100%; height: calc(100% - 190px); background: rgba(0,0,0,0.4); visibility: hidden; opacity: 0; transition: all 300ms; z-index: 1; }
	.show-sm-overlay .sm-overlay			{ visibility: visible; opacity: 1; transition: all 1.2s; }

	/*** MAINNAV ***/
	.clientBtn							{ display: block; }
	.toggleBox							{ display: block; }
	.touchPhone							{ display: block; }
	.menuBox							{ position: absolute; left: 100%; top: 100px; display: block; height: 100%; width: 100%; max-width: 480px; padding: 60px 0 0 80px; background: #fff; z-index: 102; box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.08); opacity: 0; transform: translateX(0); -webkit-transform: translateX(0); transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms; -webkit-transition: -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms; }
	.mainNav, .topNav 					{ display: none; }
	.touchNav							{ display: block; }
	.touchNav > li						{ font-weight: 300; font-size: 20px; line-height: 1em; }
	.touchNav > li > a					{ display: inline-block; padding-top: 10px; padding-bottom: 10px; color: #005686;  }
	.touchNav > li:nth-child(7) a::after   { position: relative; content:'\e021'; font-family: 'Glyphicons_Halflings_Regular'; font-size: 12px; line-height: 14px; }
	.touchNav .sm						{ font-size: 14px; }
	.touchNav .home						{ margin-top: 20px; }
	.touch-sub > a						{ position: relative; padding-right: 20px; }
	.touch-sub > a img					{ margin-left: 5px; vertical-align: middle; opacity: 0.8; transition: transform 500ms; -webkit-transition: -webkit-transform 500ms; }
	.touchDrop							{ height: 0px; overflow: hidden; transition: height 300ms; }
	.touchDrop ul						{ opacity: 0; transform: translateX(20px); -webkit-transform: translateX(20px); transition: opacity 200ms, transform 300ms; -webkit-transition: opacity 200ms, -webkit-transform 300ms; }
	.touchDrop li						{ font-size: 16px; }
	.touchDrop li:first-child			{ padding-top: 10px; }
	.touchDrop li:last-child				{ padding-bottom: 15px; }
	.touchDrop li a						{ display: inline-block; padding-top: 8px; padding-bottom: 10px; color: #0098d0; }
	.nav-open .menuBox					{ opacity: 1; transform: translateX(-100%); -webkit-transform: translateX(-100%);  transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms; -webkit-transition: -webkit-transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms; }
	.touch-open > a img					{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
	.touch-open ul						{ opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); transition: opacity 300ms, transform 650ms; -webkit-transition: opacity 300ms, -webkit-transform 650ms; }
	.touch-open #secteursSub				{ height: 329px; }
	.touch-open #servicesSub				{ height: 484px; }
	.touch-open #proposSub				{ height: 230px; }
	
	/*** RESIDENTIELBAR ***/
	.residentiel						{ height: 550px; line-height: 450px; }
	
	/*** PREFOOTER ***/
	.qc									{ padding-top: 0; }
	.stat div h2							{ font-size: 64px; line-height: 0.9em; }
	
	/*** SHAREBAR ***/
	.shareBar							{ right: 55px; }
		
	/*** BACKBTN ***/
	.backToTopBtn						{ right: 50px; }
	
	/*** BANNER ***/
	.scrollBtn							{ left: 40px; }
	
	/*** CONTENT ***/
	.mainRow							{ padding-top: 100px; }
	.sidePadding						{ padding-right: 50px; padding-left: 50px; }
	.leftPadding						{ padding-left: 50px; }
	.boxed								{ padding-top: 75px; padding-bottom: 75px; }
	
	/*** HOME ***/
	.bannerNav a img						{ right: 30px; }
	.clientPanel						{ padding: 0 50px; }
	.clientPanel h2 br					{ display: none; }
	.clientPanel h2.small				{ margin-bottom: 30px; font-size: 24px; line-height: 1.4em; }
	.homeNewDesc h2						{ margin-bottom: 20px; font-size: 24px; line-height: 30px; max-height: 150px; }
	
	/*** SECTEURS ***/
	.picBar, .slick-slide								{ height: 500px; }
	.picBar > div > div 					{ line-height: 250px; }
	.picBar p 							{ padding: 0 5%; margin-bottom: 10px; }
	
	/*** RESIDENTIELS ***/
	.tab								{ left: 50px; width: calc(100% - 50px); }
	.servicesPics div					{ height: 600px; }	
	
	/*** APROPOS ***/
	.teamDesc							{ bottom: 30px; padding: 0 30px; }
	.teamDesc h2							{ font-size: 22px; }
	
	/*** NEWS ****/
	.filter								{ padding: 20px 0 50px 0; font-weight: 300; font-size: 17px; }
	.boxList .box						{ height: 295px; }
	.boxPic								{ width: 350px; line-height: 295px; }
	.boxDesc							{ margin-left: 350px; width: calc(100% - 350px); line-height: 295px; }
	.boxDesc h2							{ margin-bottom: 20px; font-size: 24px; line-height: 28px; max-height: 140px; }
	
	/*** CONTACT ***/
	.succ								{ top: -100px; }
	.succ h2								{ margin-top: 156px; }
}

@media screen and (max-width: 1199px) /** Under XL **/ 
{
	/*** SHAREBAR ***/
	.shareBar							{ top: 70px; }	
	.shareBar span.lg-hide				{ display: none; }
	
	/*** BANNER ***/
	.banner								{ height: 460px; line-height: 460px; }
	.scrollBtn							{ display: none; }
	
	/*** CONTENT ***/
	.waside								{ margin-top: 0; }
	.mainRow							{ padding-top: 80px; }
	.minHeight							{ min-height: 300px; }
	.mainRow h2							{ margin-bottom: 30px; }
	.sidePadding						{ padding-right: 20px; padding-left: 20px; }
	.leftPadding						{ padding-left: 20px; }
	.lg-full-width						{ padding-right: 0; padding-left: 0; }
	.lg-full-width .sidePadding			{ padding-left: 50px; padding-right: 50px; }
	
	/*** HOME ***/
	.clientPanel						{ padding: 0 30px; }
	.clientPanel h2 						{ font-size: 24px; }
	.clientPanel h2.small				{ font-size: 22px; }
	#home .statRow						{ padding-top: 30px; }
		
	/*** SECTEURS ***/
	.picBar p.info						{ padding: 0 5%; font-size: 18px; line-height: 24px; }
	
	/*** RESIDENTIELS ***/
	.tab								{ left: -30px; width: calc(100% + 30px); }
	.residentiels .relative > img		{ display: none; }
	
	/*** SERVICES RESIDENTIELS ***/
	.servicesPics div					{ height: 550px; }
	
	/*** NEWS ***/
	.boxList 							{ margin-bottom: 40px; padding-left: 50px; }
	.pagination							{ margin-left: 30px; }
	
	/*** CONTACT ***/
	.succ								{ top: -80px; }
	.succ h2								{ margin-top: 136px; }
	.succ.sidePadding					{ padding-left: 50px; padding-right: 20px; }
}

@media screen and (max-width: 991px) /** Under LG **/ 
{
	/*** PREFOOTER ***/
	.stat div							{ width: 50%; }
	.stat div:first-child				{ width: 50%; }
	.stat div:nth-child(2)				{ float: right; width: 45%; }
	.stat div:last-child					{ display: none; }
	
	/*** HOME ***/
	.bannerNav .tabClient,
	.clientPanel						{ display: none; }
	.bannerNav							{ height: 80px; line-height: 80px; }
	.homeNewDesc h2						{ margin-bottom: 10px; font-size: 20px; line-height: 24px; max-height: 120px; }
	 
	/*** SECTEURS ***/
	.picBar > div						{ height: 50%; }
	.picBar > div > div					{ float: left; width: 50%; height: 100%; }
	#w-tempo							{ height: 400px; }
	#w-tempo > div						{ height: 100% !important; }
	
	/*** EXPERTISES ***/
	.expertisesLink a					{ width: 50%; }
	.expertisesLink a:nth-child(3n + 1)	{ clear: none; }
	.expertisesLink a:nth-child(2n + 1)	{ clear: left; }
	.expertisesLink a h3					{ padding: 0 50px; } 
	.expertisesLink a h6					{ padding: 0 50px; } 
	
	/*** SERVICES RESIDENTIELS ***/
	.servicesPics div					{ height: 400px; }
	
	/*** NEWS ****/
	.boxList .box						{ height: 220px; }
	.boxPic								{ width: 260px; line-height: 220px; }
	.boxDesc							{ margin-left: 260px; width: calc(100% - 260px); line-height: 220px; }
	.boxDesc h2							{ font-size: 18px; line-height: 22px; max-height: 110px; }
	
	/*** CAS ***/
	.cas .boxList h1						{ margin-bottom: 50px; }
	.cas .boxList > .link				{ margin-top: 50px; }	
}

@media screen and (max-width: 767px) /** Under MD **/ 
{
	/*** FRAMESET ***/
	.row								{ padding-left: 0; padding-right: 0; margin-bottom: 60px; }
	
	/*** MAINNAV ***/
	.clientBtn							{ display: none; }
	
	/*** PREFOOTER ***/
	.stat div							{ margin-bottom: 0px; }
	.stat div h2							{ font-size: 58px; line-height: 55px; }
	.stat div:nth-child(2)				{ width: 40%; }
	
	/*** SHAREBAR ***/
	.shareBar							{ top: 50px; right: 0.9375rem; }
	
	/*** BACKBTN ***/
	.backToTopBtn						{ right: 0.9375rem; }
	
	/*** BANNER ***/
	.banner								{ height: 400px; line-height: 400px; }
		
	/*** STYLES ***/
	h1									{ font-size: 38px; }
	h2									{ font-size: 24px; }
	h3									{ font-size: 22px; line-height: 22px; }
	
	/*** DYNAMIC ***/
	.dynamic h1							{ font-size: 24px; }
	
	/*** CONTENT ***/
	.mainRow							{ padding-top: 60px; }
	.sidePadding						{ padding-right: 0.9375rem; padding-left: 0.9375rem; }
	.leftPadding						{ padding-left: 0.9375rem; }
	.lg-full-width .sidePadding			{ padding-right: 0.9375rem; padding-left: 0.9375rem; }
	.boxed								{ padding-top: 60px; padding-bottom: 60px; }
	
	/*** HOME ***/
	.cycleTitle							{ width: 100%; }
	.cycleTitle h1						{ margin-bottom: 30px; }
	.cycleTitle div						{ position: absolute; left: 0.9375rem; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
	.homeNewPic							{ display: none; }
	.homeNew							{ height: auto !important; }
	.homeNewDesc 						{ display: block; height: auto; }
	.homeNewDesc .centerize				{ display: block; padding: 30px 0; }
	#home .statRow						{ padding-top: 0px; }
	
	/*** SECTEURS ***/
	.secteursHome .stat					{ padding-top: 20px; }
	.picBar p.info						{ font-size: 18px; line-height: 24px; }
	#w-tempo							{ height: 350px; }
	
	/*** EXPERTISES ***/
	.expertises #realisationsBox			{ margin-bottom: 60px; }
	.expertisesLink a					{ margin-bottom: 40px; padding-bottom: 30px; } 
	.expertisesLink a img				{ margin-bottom: 30px; } 
	.expertisesLink a h3					{ padding: 0 0.9375rem; } 
	.expertisesLink a h6					{ padding: 0 0.9375rem; color: #0098d0; } 
	
	/*** RESIDENTIELS ***/
	.tab								{ left: 0; width: 100%; }
	.servicesPics .pic2					{ display: none; }
	
	/*** APROPOS ***/
	.apropos .picBar						{ height: auto; }
	#picAbout4							{ background: transparent; }
	#picAbout4 img						{ display: inline; width: 100%; max-width: none; }

	/*** NEWS ****/
	.filter								{ padding: 0 0 30px 0; font-weight: 300; font-size: 17px; }
	.filter 	span						{ float: none; display: block; margin: 0 0 10px 0; line-height: normal; }
	.boxList							{ padding: 0; }
	.cas .boxList h1						{ padding: 0 0.9375rem; margin-bottom: 30px; } 
	.boxList .box						{ height: auto; }
	.boxPic								{ display: none; }
	.boxDesc							{ margin-left: 0; padding-top: 40px; padding-bottom: 40px; padding-left: 0.9375rem; width: 100%; line-height: normal; }
	.boxDesc h2							{ font-size: 20px; line-height: 24px; max-height: none; }
	.pagination							{ margin-left: 0; }

	/*** CONTACT ***/
	.contact .mainRow					{ margin-bottom: 0; }
	.contact .col60, .contact .col40		{ margin-bottom: 40px; }
	.succ								{ position: static; left: auto; top: auto; width: auto; padding: 40px 0; min-height: 0; margin-left: -0.9375rem; margin-right: -0.9375rem; }
	.succ::after						{ display: none; }
	.succ.sidePadding					{ padding-left: 0.9375rem; padding-right: 0.9375rem; }
	.succ h2								{ margin-top: 0; }
	
	/*** LOGIN ***/
	#login .centerize h1					{ margin-bottom: 40px; }
	.loginForm input						{ max-width: 360px; }
	
	/*** CLIENT ***/
	.client .lg-full-width				{ padding-right: 0; padding-left: 0; }
}

@media screen and (max-width: 700px)
{
	.secteursLink a						{ float: none; display: block; width: auto; margin-bottom: 15px; }
	
	/*** NEWS ***/
	.filter ul li							{ width: 200px; margin: 0 10px 10px 0; }
	.filter ul li:nth-child(odd)			{ clear: left; }
	.filter ul li a						{ line-height: 44px; }
}

@media screen and (max-width: 600px)
{
	#clientZone h2						{ margin-bottom: 20px; }
	.docDate							{ float: none; width: 90%; margin: 0 0 10px 0; }
	.docName							{ float: none; width: 90%; font-size: 18px; padding: 0; margin: 0 0 15px 0; }
}

@media screen and (max-width: 543px) /** Under SM **/ 
{
	/*** FRAMESET ***/
	.row								{ margin-bottom: 50px; }
	
	/*** HEADER ***/
	.header_logo img						{ max-height: 60%;  }

	/*** MAINNAV ***/
	.menuBox							{ max-width: none; }

	/*** PREFOOTER ***/
	.stat div							{ float: none; width: auto; }
	.stat div:first-child				{ width: auto; }
	.stat div:nth-child(2)				{ float: none; width: auto; }
		
	/*** FOOTER ***/
	footer ul	li span						{ display: none; }
	footer ul	li:last-child				{ display: none; }

	/*** SHAREBAR ***/
	.shareBar							{ top: 40px; }
	
	/*** BANNER ***/
	.banner								{ height: 350px; line-height: 350px; }
	.bcrumps							{ margin-bottom: 15px; }
	
	/*** STYLES ***/
	h1									{ font-size: 34px; line-height: 1.2em; }
	h2									{ margin-bottom: 30px; font-size: 22px; }
	p									{ font-size: 18px; line-height: 1.6em; }
	.std li								{ font-size: 18px; line-height: 22px; }
	
	/*** DYNAMIC ***/
	.dynamic h1							{ font-size: 22px; }
	.dynamic li							{ font-size: 18px; line-height: 22px; }
	.dynamic .legend						{ max-width: none; }
	
	/*** CONTENT ***/
	.mainRow							{ padding-top: 50px; }
	.minHeight							{ min-height: 280px; }
	.boxed								{ padding-top: 50px; padding-bottom: 50px; }

	/*** HOME ***/
	.cycleTitle h1						{ font-size: 38px; }
	
	/*** SECTEURS ***/
	.picBar								{ height: 700px; }
	.picBar > div						{ height: 70%; }
	.picBar > div > div					{ float: none; width:100%; height: 50%; line-height: 245px; }
	.pic2								{ height: 30% !important; }
	
	/*** EXPERTISES ***/
	.expertisesLink a					{ float: none; width: auto; margin-bottom: 0; background-color: #eaf8fe; }
	
	/*** SERVICES RESIDENTIELS ***/
	.servicesPics div					{ height: 400px; }	
	
	/*** NEWS ***/
	.boxList 							{ margin-bottom: 30px; }
	.filter ul li							{ width: 100%; margin-right: 0; }
	.filter ul li a						{ line-height: 44px; }
	
	/*** CONTACT ***/
	.col60 li 							{ text-align: left; }
	.col60 li span						{ float: none; display: block; margin-bottom: 5px; }
	.contactForm input					{ float: none; width: 100%; padding: 0 20px; margin: 0 0 10px 0; }
	
	/*** LOGIN ***/
	#login #content						{ min-height: 450px; }
	#login .centerize h1					{ margin-bottom: 30px; }
	.loginForm input						{ margin-bottom: 10px; }
}

@media screen and (max-width: 400px)
{
	/*** HEADER ***/
	.touchPhone							{ display: none; }
	.toggleBox							{ position: absolute; right: 0; top: 0; float: none; }

	/*** FOOTER ***/
	footer								{ line-height: normal; text-align: center; }
	footer ul								{ float: none; display: block; height: 14px; line-height: 14px; margin: 20px 0 15px 0; }
	footer ul	li							{ margin: 0; line-height: normal; }
	footer .blanko						{ display: inline-block; height: auto; line-height: 20px; margin: 0 auto; }	
	
	/*** MAINNAV ***/
	.menuBox							{ padding-left: 0.93rem; }
	
	/*** PREFOOTER ***/
	.qc h2 br							{ display: block; }
	
	/*** BANNER ***/
	.banner								{ height: 300px; line-height: 300px; }
	
	/*** STYLES ***/
	h1									{ font-size: 32px; line-height: 1.2em; }
	
	.tab								{ top: -132px; }
	.tab li								{ float: none; display: block; width: 100%; padding: 0 0 1px 0; }
	.tab li a								{ display: block; width: 100%; height: 43px; padding: 15px; line-height: normal; line-height: 13px; }
	.tab li a span						{ line-height: normal; line-height: 13px; }
	
	/*** SERVICES RESIDENTIELS ***/
	.servicesPics div					{ height: 350px; }
}

@media screen and (max-height: 750px)
{
	.clientPanel						{ line-height: 510px !important; }
	.clientPanel .specs					{ display: none; }	
}