@media screen and (max-width: 1900px)
{
	/*** FOOTER ***/
	footer > img						{ right: -140px; }
}

@media screen and (max-width: 1620px)
{
	/*** FRAMESET ***/
	.wrapper						{ padding-left: 50px; }

	/*** HEADER ***/
	nav .fixed > li > a				{ padding: 22px 30px; }
	#dropBtns #dropBtn > a			{ padding: 22px 30px; }
	#langEn nav .fixed > li > a			{ padding-left: 30px; padding-right: 30px; }

	/*** BANNER ***/
	.banner							{ margin-top: 174px; }
	.banner .wrapper					{ height: 600px; line-height: 600px; }
	.banner h1						{ margin-top: -120px; }

	/*** FOOTER ***/
	footer > img						{ right: -200px; }

	/*** SECTION ***/
	section .wrapper					{ margin-top: -120px; }
	.bannerBtn						{ top: 60px; padding: 21px 0; }
	.padding 						{ padding: 70px 50px 100px 50px; }

	/*** HOME ***/
	#cycleNav						{ position: absolute; left: 80%; top: 45px; }
	.cycleBtn						{ width: 75px; height: 75px; line-height: 75px; }
	#home .valign					{ margin-left: 50px; }
	#home #productsZone				{ padding-left: 50px; }

	/*** APROPOS ***/
	#apropos section h4				{ margin-bottom: 10px; }

	/*** PRODUITS ***/
	#produits #gallery ul li			{ width: 31%; max-width: 110px; margin: 0 2% 2% 0; }
	#sociaux						{ float: none; }
	#share .title					{ width: 100px; }
	
	/*** NEWS ***/
	#gallery img.sm-hide				{ margin-bottom: 4%; }
	#gallery ul li						{ width: 22%; max-width: 110px; margin: 0 4% 4% 0; }

	/*** CONTACT ***/
	#coord							{ padding-top: 50px; }
	#spinner						{ right: 200px; }
}

@media screen and (max-width: 1420px)
{
	/*** MEDIA ***/
	.lg-show						{ display: block; }

	/*** HEADER ***/
	header .wrapper					{ height: 115px; line-height: 115px; padding-top: 0; }
	#logo							{ vertical-align: middle; line-height: normal; }
		
	#topNav li						{ margin: 13px 0; }
	#topNav #quote					{ display: none; }
	nav								{ width: 100%; }
	nav .fixed > li > a				{ background: #f0f0f0; background: rgba(240,240,240,0.95); }
	#dropBtns						{ float: right; }
	#dropBtns #navToggle				{ display: block; margin-right: 0; }
	#mainNav						{ position: absolute; left: 0; top: 100%; width: 100%; height: 0; overflow: hidden; opacity: 0.1; filter: alpha(opacity=10); transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; }
	#mainNav li						{ float: none; margin: 0; border-bottom: solid 1px #939393; }
	#mainNav li  a						{ padding: 22px 30px 22px 20px; font-family: 'Avenir LT W01_95 Black1475556', Arial, sans-serif; white-space: nowrap; text-align: right; }
	#mainNav .active a				{ color: #939393; cursor: pointer; background: #f0f0f0; background: rgba(240,240,240,0.95); }
	#dropNav						{ right: auto; left: 0; }
	#dropMenu						{ padding: 15px 10px 30px 50px; }
	.navOpen #mainNav				{ height: 390px; opacity: 1; filter: alpha(opacity=100); }

	/*** BANNERS ***/
	.banner							{ margin-top: 115px; }
	.banner .wrapper					{ height: 500px; line-height: 500px; }
	.banner h1						{ margin-top: 0; max-width: 45%; font-size: 55px; line-height: 53px; }
	.blueCover						{ right: 50%; }

	/*** FOOTER ***/
	footer > img						{ display: none; }
	footer ul							{ margin-right: 0; }
	#subFooter a						{ margin-right: 0; }

	/*** SECTION ***/
	section .wrapper					{ margin: 0; }
	.content						{ width: 100%; min-height: 0px; }
	.bannerBtn						{ display: none; }

	/*** HOME ***/
	#home #homeDesc					{ max-width: 48%; }
	#home #homeDesc h1				{ max-width: none; }
	#cycleNav						{ left: auto; right: 0; top: -75px; }
	.cycleBtn						{ margin-right: 0; margin-left: 1px; }
	#fw 								{ margin-left: 50px; }

	/*** NEWS ***/
	.newPic							{ width: 420px; max-width: 45%; }
	.newsDesc						{ min-height: 204px; margin-left: 480px; }
	#gallery						{ padding-left: 50px; }

	/*** APROPOS ***/
	.grayBloc						{ margin-bottom: 0; }
	.grayBloc h2						{ max-width: none; }
}

@media screen and (max-width: 1200px)
{
	/*** SECTION ***/
	section h1						{ margin-bottom: 25px; font-size: 28px; line-height: 34px; }

	/*** HOME ***/
	#contactBloc h2					{ font-size: 22px; line-height: 28px; }
	#clients						{ padding: 70px 20px; }

	/*** SERVICES ***/
	#services .col h2				{ margin-bottom: 25px; }
	#services .col p					{ font-size: 20px; line-height: 26px; }
	#services .col.padding			{ padding-top: 75px; }
	#services .col .boxedBtn			{ font-size: 16px; line-height: 18px; }

	/*** PRODUITS ***/
	aside 							{ display: none; }
	article							{ float: none; width: auto; }
	#produits #gallery				{ width: 50%; }
	#seeAll							{ display: block; }
	.productBox						{ width: 46%; }

	/*** CONTACT ***/
	#coord							{ padding-top: 30px; }
}

@media screen and (max-width: 1000px)
{
	/*** MEDIA ***/
	.md-show						{ display: block; }

	/*** FRAMESET ***/
	.wrapper						{ padding-left: 30px; }

	/*** HEADER ***/
	header .wrapper					{ height: 70px; padding-top: 0; line-height: 70px; }
	#logo							{ width: 235px; max-width: 70%; vertical-align: middle; line-height: normal; }
	
	#topNav li						{ margin: 22px 0; }
	#topNav							{ right: 130px; }
	#topNav #mail					{ display: none; }
	/*#topNav #lang					{ position: static; right: auto; top: auto;	border-left: solid 1px #c9c9c9; }*/
	
	nav .fixed > li > a				{ padding: 25px 30px; }
	#dropBtns #dropBtn				{ display: none; }
	#dropBtns #navToggle				{ margin-right: 0; }
	#dropBtns #navToggle a			{ font-family: 'Avenir LT W01_95 Black1475556', Arial, sans-serif; color: #fff; background: #0ba14b; }
	#mainNav li  a						{ padding-right: 30px; }
	.navOpen #mainNav				{ height: 455px; }

	/*** BANNERS ***/
	.banner							{ margin-top: 70px; }
	.banner .wrapper					{ height: 370px; line-height: 370px; }

	/*** SECTION ***/
	section h2						{ margin-bottom: 25px; font-size: 22px; line-height: 28px; }
	section h4						{ margin-bottom: 20px; font-size: 20px; line-height: 28px; }
	section p							{ font-size: 20px; line-height: 26px; }
	.padding 						{ padding: 50px 30px 75px 30px; }

	/*** HOME ***/
	#cycleNav						{ display: none; }
	#home .valign					{ margin-left: 30px; }
	#prodBloc h2						{ max-width: none; margin-right: 30px; }
	#home #productsZone				{ padding-left: 30px; }
	#fw 								{ margin: 0 30px; }

	/*** PRODUITS ***/
	#share span, #share .title		{ display: block; float: left; }
	#share #pdf						{ margin-left: 10px; }
	#sociaux						{ display: block; float: left; clear: left; }

	/*** NEWS ***/
	.newsBloc						{ margin-bottom: 50px; padding-bottom: 50px; }
	.newPic							{ position: relative; left: auto; top: auto; float: left; }
	.newsDesc						{ float: right; min-height: 0; width: 50%; padding-top: 0; margin: 0; }
	#gallery						{ padding-left: 30px; }
		
	/*** APROPOS ***/
	#apropos .newsBloc				{ margin-bottom: 0; }
	#apropos .newsDesc				{ float: left; margin-left: 0; padding-left: 50px; padding-top: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	.grayBloc						{ padding: 60px 50px 40px 50px; }

	/*** SERVICES ***/
	#services .col h2				{ margin-bottom: 15px; }
	#services .col p					{ font-size: 18px; line-height: 24px; }
	#services .col.padding			{ padding: 30px 40px 0 40px; }
	#services .col .boxedBtn			{ margin-top: 10px; }
	
	/*** REALISATIONS ***/
	#realisations .content			{ padding-top: 50px; }

	/*** CONTACT ***/
	#contact .col					{ float: none !important; width: 100%; text-align: center; }
	#map a							{ height: 250px; }
	#map a > img						{ display: none; }
	#coord .address					{ float: left; clear: none; width: 50%; }	
	#staff .left						{ margin-bottom: 50px; width: 50%; }
	#commentBox						{ height: 470px; }
	#spinner						{ top: 370px; right: 170px; }
}

@media screen and (max-width: 900px)
{
	/*** BANNERS ***/
	.banner h1						{ font-size: 45px; line-height: 43px; }

	/*** FOOTER ***/
	footer > .wrapper					{ padding-top: 40px; padding-bottom: 30px; }
	footer > .wrapper img				{ position: static; margin-bottom: 20px; }
	footer > .wrapper img:last-of-type	{ display: none; }
	footer ul							{ float: none; width: auto; }
	footer ul li							{ float: left; width: 50%; white-space: nowrap; }
	footer li:nth-child(3n + 0)  		{ width: 50%; padding-left: 0; }
	footer li:nth-child(even)  			{ width: 45%; padding-left: 5%; }
}

@media screen and (max-width: 800px)
{
	/*** MEDIA ***/
	.sm-show						{ display: block; }
	.sm-hide						{ display: none; }

	/*** SECTION ***/
	.col							{ float: none; width: auto; }

	/*** HOME ***/
	#home .col						{ float: none !important; }
	#prodBloc						{ height: auto; line-height: normal; padding: 30px 0; background: #f1f1f1; }
	#prodBloc h2						{ max-width: 50%; }
	#home #productsZone				{ margin: 0; padding-top: 30px; }
	#contactBloc .boxedBtn			{ right: 30px; }
	#clients						{ padding: 50px 20px 30px 20px; }
	
	/*** PRODUITS ***/
	#produits #gallery					{ float: none; width: auto; max-width: none; padding: 0; margin: 50px 0 15px 0; text-align: center; }
	#produits #gallery ul					{ text-align: center; }
	#produits #gallery ul li				{ float: none; display: inline-block; width: 30%; max-width: 110px; margin: 0 2% 3% 0; }
	#produits #gallery ul li:nth-child(3n)	{ margin-right: 2%; }
	#filter 								{ float: none; width: auto; margin: 0 0 40px 0; }
	#filter li							{ display: block; max-width: 275px; margin: 0 auto; }
	#filter li a							{ display: block; padding: 5px 20px; border: none; border-bottom: solid 1px #939393; }
	#productsZone 						{ float: none; width: auto; }
	
	/*** NEWS ***/
	#new .newDesc					{ margin-bottom: 30px; border-bottom: solid 1px #afdfc4; }
	#new .boxedBtn.sm-show			{ display: inline-block; margin-top: 30px; }
	#new .boxedBtn.sm-hide			{ display: none; }
	#gallery						{ max-width: none; padding-left: 0; }
	#gallery ul li						{ float: none; display: inline-block; width: 28%; max-width: 110px; margin: 0 3% 3% 0; }
	#new #gallery ul li:nth-child(4n)	{ margin-right: 3%; }
	#new #share						{ margin-bottom: 40px; }	
	
	/*** SERVICES ***/
	#services section					{ padding-top: 50px; }
	#services .col					{ width: 100%; padding: 0 30px; }
	#services .col p					{ font-size: 20px; line-height: 26px; }
	#services .col img				{ max-width: 50%; }
	#services .col.padding			{ padding: 40px 30px; }
	#services .col.right				{ float: none; }
	#services .col .boxedBtn			{ margin-bottom: 30px; }
	
	/*** REALISATIONS ***/
	#realisations .boxedBtn.sm-show		{ display: inline-block; margin-top: 30px; }
	#realisations .boxedBtn.sm-hide		{ display: none; }
}

@media screen and (max-width: 700px)
{
	/*** FRAMESET ***/
	.wrapper						{ padding-left: 20px; }

	/*** HEADER ***/
	#topNav #phone					{ display: none; }

	/*** BANNERS ***/
	.banner .wrapper					{ height: 300px; line-height: 300px; }
	.banner h1						{ max-width: none; }
	.blueCover						{ right: 0; }

	/*** FOOTER ***/
	#subFooter .wrapper				{ height: auto; line-height: normal; padding-top: 22px; padding-bottom: 22px; }
	#subFooter span					{ display: none; }
	#subFooter br					{ display: block; }
	#subFooter a						{ margin-top: 11px; }

	/*** SECTION ***/
	section h2						{ margin-bottom: 20px; font-size: 20px; line-height: 24px; }
	.padding 						{ padding: 50px 20px; }
	.col							{ float: none; width: auto; }

	/*** HOME ***/
	#home #homeDesc					{ max-width: none; }
	#home .valign					{ margin-left: 20px; }
	#servBloc						{ height: 250px; line-height: 250px; }
	#servBloc h2						{ margin-bottom: 20px; }
	#prodBloc h2						{ max-width: 75%; }
	#home #productsZone				{ padding: 20px 20px 0 20px; }
	#fw 								{ margin: 0 20px; }
	#contactBloc 					{ height: auto; line-height: normal; padding: 50px 20px; }
	#contactBloc .valign				{ margin-left: 0; }
	#contactBloc .boxedBtn			{ right: 20px; }

	/*** PRODUITS ***/
	#produits.open .productBox		{ width: 46%; }

	/*** NEWS ***/
	.newsBloc						{ margin-bottom: 40px; padding-bottom: 40px; }
	.newPic							{ float: none; width: 100%; max-width: 420px; margin: 0 0 40px 0; }
	.newsDesc						{ float: none; width: auto; }
		
	/*** APROPOS ***/
	#apropos section h4				{ margin-bottom: 0; }
	#apropos .newsBloc				{ padding-bottom: 15px; padding-top: 50px; }
	#apropos .newsBloc.noborder		{ margin-bottom: 0; }
	#apropos .newsDesc				{ float: none; margin-left: 0; min-height: 0; padding-left: 0; }

	/*** SERVICES ***/
	#services .col img				{ max-width: 70%; }
	
	/*** CLIENTS ***/
	ul.listeclt li 					{ width: 50%; }
	
	/*** CONTACT ***/
	#staff p						{ font-size: 16px; line-height: 20px; }

	/*** QUOTE-POPUP ***/
	#quotePopup h2					{ font-size: 26px; line-height: 26px; }
	#quotePopup p					{ font-size: 18px; line-height: 24px; }
}

@media screen and (max-width: 500px)
{
	/*** MEDIA ***/
	.xs-show						{ display: block; }
	.xs-hide						{ display: none; }

	/*** HEADER ***/
	#topNav							{ display: none; }
	#dropBtns #navToggle a			{ padding: 30px 25px 20px 25px; }
	#dropBtns #navToggle a span		{ display: none; }
	#dropBtns #navToggle a div			{ display: block; }
	#mainNav li  a						{ padding-right: 25px; }
	.navOpen #mainNav				{ height: 585px; }

	/*** BANNERS ***/
	.banner .wrapper					{ height: 280px; line-height: 280px; }
	.banner h1						{ font-size: 40px; line-height: 38px; }

	/*** FOOTER ***/
	#subFooter p						{ float: none; margin: 0 0 20px 0; white-space: nowrap; }
	#subFooter a						{ display: block; float: none; margin: 0; }
	#subFooter a img					{ max-width: 100%; }

	/*** HOME ***/
	#home .productBox				{ width: 100%; max-width: 275px; margin: 0 auto 40px auto; }
	#homeNew > .link					{ margin-bottom: 50px; }
	#fw								{ margin: 0; text-align: left; }
	#contactBloc					{ padding: 30px 20px 80px 20px; }
	#contactBloc .boxedBtn			{ right: auto; top: auto; left: 0; bottom: 0; margin: 0; width: 100%; }
	
	.clientsSlide					{ height: auto; width: 100%; }
	.clientsSlide span				{ float: none; display: block; width: auto; padding: 0 2%; height: auto; line-height: auto; text-align: center; }
	.clientsSlide img				{ margin: 0 0 10px 0; }
	
	
	/*** PRODUITS ***/
	.productBox						{ float: none; width: 100%; max-width: 275px; margin: 0 auto 20px auto; }
	.productImg						{ height: auto; padding: 20px 1%; line-height: normal; }
	#produits.open .productBox		{ width: 100%; }
	#sociaux span					{ display: block; }
	/*
	#sociaux 						{ margin: 10px 0 20px 0; }
	#sociaux .title					{ margin: 0 10px 0 0 !important; }
	#new #share						{ margin-bottom: 20px; }
	*/

	/*** NEWS ***/
	.galleryOpen .fancybox-title 	{ display: none !important; }
		
	/*** APROPOS ***/
	.grayBloc						{ padding: 40px 30px 20px 30px; }

	/*** SERVICES ***/
	#services .col img				{ max-width: 100%; }

	/*** REALISATIONS ***/
	.projectPic						{ margin-bottom: 35px; }
	
	/*** CLIENTS ***/
	ul.listeclt li 					{ width: 100%; }

	/*** CONTACT ***/
	#contact .col					{ text-align: left; }
	#coord .left						{ float: none; width: auto; }
	#coord .address					{ float: none; width: auto; }
	#staff .left						{ float: none; width: auto; margin-bottom: 30px; }
	#staff							{ padding-top: 30px; }

	/*** QUOTE-POPUP ***/
	#formBox						{ height: 456px; }
	input[type="text"]				{ float: none; width: 100%; }
	textarea							{ margin-top: 0; }
}

@media screen and (max-width: 350px)
{
	/*** BANNER ***/
	.banner h1						{ font-size: 35px; line-height: 33px; }
	
	/*** CONTACT ***/
	#spinner						{ right: auto; left: 20px; top: auto; bottom: 34px; }
	#commentForm h2 br				{ display: block; }
	#share .title					{ display: none; }		
	#sociaux span:first-of-type		{ margin-left: 0; }
	#share #pdf						{ margin: 0 0 10px 0; }
}

@media screen and (max-width: 320px)
{
	/*** BANNER ***/
	.banner h1						{ font-size: 32px; line-height: 30px; }
	
}