/* FONTS 
font-family:	'Proxima N W01 Bold';
font-family:	'Proxima N W01 Light';
font-family:	'Proxima N W01 Reg';
font-family:	'Proxima N W01 Smbd';
font-family:	'Proxima N W01 Thin Reg';
*/

/* Initialisation */
* 									 { padding:0; margin:0; border: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a, a:active,			
a:focus,			
input:focus, input,			
textarea:focus						{ outline: none; }
:focus 								{ outline: none; }
::-moz-focus-inner 					{ border: 0; }
::-ms-clear 							{ display: none; }
table								{ border-collapse: collapse; }
a									{ text-decoration: none; transition: color 120ms; -moz-transition: color 120ms; -webkit-transition: color 120ms; -o-transition: color 120ms; }
ul									{ list-style-type: none; }
h1,h2,h3,h4,h5,h6,b					{ font-weight: normal; }
strong 								{ font-weight: bold; }
sup, sub 							{ vertical-align: 0; position: relative; }
sup 									{ bottom: 1ex; }
input									{ outline: none; -webkit-appearance: none; -moz-appearance: none; }
textarea								{ outline: none; -webkit-appearance: none; -moz-appearance: none; }
.preload * 							{ transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; }
			
/** SHORTKEYS **/			
.clearfloat							{ clear: both; }
	
/*** MEDIAQUERIES ***/		
.flag								{ position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; background: transparent; }
#hl-flag							{ display: block; }
#hm-flag							{ display: none; }
#hs-flag							{ display: none; }
.xlg-show							{ display: none; }
.lg-show							{ display: none; }
.md-show							{ display: none; }
.sm-show							{ display: none; }
	
/*** FRAMESET ***/			
html									{ min-height: 100%; border: solid 10px #e1e1e1; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body 								{ width: 100%; font: normal 12px/12px 'Proxima N W01 Reg', Arial, sans-serif; color: #7f8384; }
.container							{ position: relative; overflow: hidden; opacity: 0; filter: alpha(opacity=0); transition: opacity 150ms linear; -webkit-transition: opacity 150ms linear; -moz-transition: opacity 150ms linear; -o-transition: opacity 150ms linear; }
.loaded .container					{ opacity: 1; filter: alpha(opacity=100); }
#grayBorderB						{ position: fixed; left: 0; bottom: 0; height: 10px; width: 100%; background: #e1e1e1; z-index: 999; }
#grayBorderR						{ position: fixed; right: 0; bottom: 0; height: 100%; width: 10px; background: #e1e1e1; z-index: 999; }
#grayBorderL						{ position: fixed; left: 0; bottom: 0; height: 100%; width: 10px; background: #e1e1e1; z-index: 999; }
.noCycle 							{ margin: 104px 0 0 0; }
.linkBtn  							{ display: inline-block; padding: 0 25px; border: solid 1px #fff; font: normal 14px/48px 'Proxima N W01 Reg', Arial, sans-serif; color: #fff; text-transform: uppercase; transition: all 250ms ease; -moz-transition: all 250ms ease; -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; }
	
/*** HEADER ***/			
header								{ position: fixed; left: 0; top: 0; width: 100%; height: 114px; line-height: 100px; border: solid 10px #e1e1e1; border-bottom: solid 4px #e1e1e1; background: #fff; z-index: 400; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; }
#logo								{ display: block; margin: 0 0 0 50px; max-width: 300px}
#logo img							{ vertical-align: middle;}
#logo-w								{ display: none; }
#navToggle							{ position: fixed; right: 10px; top: 10px; height: 100px; min-width: 100px; width: 10%; max-width: 160px; font: normal 18px/100px 'Proxima N W01 Light', Arial, sans-serif; cursor: pointer; z-index: 521; }
#navToggle div						{ position: absolute; right: 50px; top: 44px; width: 25px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; }
#navTitle							{ position: absolute; left: -75px; top: 0; line-height: 18px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; }
.bar								{ display: block; width: 100%; height: 1px; margin: 0 0 6px 0; background: #000; transition: all 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: all 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
#mainNav							{ position: fixed; right: -350px; top: 10px; width: 300px; height: 100%; text-align: right; background: #4e4e4e; z-index: 102; opacity: 0; filter: alpha(opacity=0); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-box-shadow: -4px 0px 20px 0px rgba(50, 50, 50, 0.15); -moz-box-shadow: -4px 0px 20px 0px rgba(50, 50, 50, 0.15); box-shadow: -4px 0px 20px 0px rgba(50, 50, 50, 0.15); z-index: 500; }
#mainNav ul							{ padding: 8px 0 10px 0; background: url('../images/header/navbar.gif') no-repeat 195px bottom; position: relative; }
#mainNav ul li							{ height: 50px; margin: 10px 0; font: normal 22px/22px 'Proxima N W01 Light', Arial, sans-serif; }
#mainNav ul li a,  #mainNav ul li span					{ display: block; padding: 14px 40px 14px 0; color: #fff; }
#mainNav ul li:hover					{ background: #393d40; }
#mainNav ul:first-child				{ margin: 150px 0 0 0; }
#mainNav ul:last-child				{ background: none; }
#mainNav ul:last-child li				{ font: normal 12px/22px 'Proxima N W01 Bold', Arial, sans-serif; text-transform: uppercase; letter-spacing: 3px; }

#mainNav ul li ul {display: none; width: 250px; z-index: 2000; position: absolute; top: 18px; background-color: #393d40 !important; left: -150px; padding: 0px 0px 10px 0px !important; }
#mainNav ul li ul li {padding-left: 20px; text-align: left; left: 0px; height: 30px; }
#mainNav ul li ul li a { color: #FFFFFF; font: normal 12px/12px 'Proxima N W01 Light', Arial, sans-serif; font-weight: bold; }
#mainNav ul li ul li a:hover { color: #CCC; border-left: none; background-color: transparent !important; }
#mainNav ul li:hover ul { display: block; }
#mainNav ul li ul li a:hover { font-weight: bold; }
#mainNav ul:last-child li { text-transform: none; letter-spacing: 2px; }


.nav-open #bar1						{ background: #fff; transform: rotate(-45deg) translateY(-3px); -webkit-transform: rotate(-45deg) translateY(-3px); -moz-transform: rotate(-45deg) translateY(-3px); -o-transform: rotate(-45deg) translateY(-3px); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; }
.nav-open #bar2						{ opacity: 0; filter: alpha(opacity=0); }
.nav-open #bar3						{ background: #fff; transform: rotate(45deg) translateY(3px); -webkit-transform: rotate(45deg) translateY(3px); -moz-transform: rotate(45deg) translateY(3px); -o-transform: rotate(45deg) translateY(3px); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; }	
.nav-open #navTitle					{ opacity: 0; filter: alpha(opacity=0); }
.nav-open #mainNav					{ right: 10px; opacity: 1;  filter: alpha(opacity=100); }	
.resizing #mainNav					{ transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
.sHeader header						{ height: 74px; line-height: 60px; }
.sHeader .noCycle					{ margin-top: 64px; }
.sHeader #navToggle					{ height: 74px; }
.sHeader #navToggle div				{ top: 24px; }

/*** CYCLE ***/	
.cycle-slideshow					{ width: 100%; }
.cycleSlide							{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.cycleSlide .wrapper					{ display: inline-block; width: 90%; margin: 70px 0 0 10%; line-height: 12px; vertical-align: middle; color: #fff; transition: all 250ms ease; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; }
.cycleSlide h1						{ margin: 0 0 20px 0; font: normal 90px/85px 'Proxima N W01 Thin Reg', Arial, sans-serif; text-transform: uppercase; opacity: 0; filter: alpha(opacity=0); transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transition: transform 150ms ease-out 0s, opacity 150ms linear 0s; -webkit-transition: -webkit-transform 150ms ease-out 0s, opacity 150ms linear 0s; -moz-transition: -moz-transform 150ms ease-out 0s, opacity 150ms linear 0s; -o-transition: -o-transform 150ms ease-out 0s, opacity 150ms linear 0s; }
.cycleSlide h1 strong					{ font-family: 'Proxima N W01 Bold', Arial, sans-serif; }
.cycleSlide p						{ margin: 0 0 30px 0; width: 675px; font: normal 22px/30px 'Proxima N W01 Light', Arial, sans-serif; opacity: 0; filter: alpha(opacity=0); transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transition: transform 150ms ease-out 0s, opacity 150ms linear 0s; -webkit-transition: -webkit-transform 150ms ease-out 0s, opacity 150ms linear 0s; -moz-transition: -moz-transform 150ms ease-out 0s, opacity 150ms linear 0s; -o-transition: -o-transform 150ms ease-out 0s, opacity 150ms linear 0s; }
.cycle-slide-active h1				{ opacity: 1; filter: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transition: transform 0.5s cubic-bezier(0,.09,.04,1) 1.2s, opacity 0.5s linear 1.2s; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0,.09,.04,1) 1.2s, opacity 0.5s linear 1.2s; -moz-transition: -moz-transform 0.5s cubic-bezier(0,.09,.04,1) 1.2s, opacity 0.5s linear 1.2s; -o-transition: -o-transform 0.5s cubic-bezier(0,.09,.04,1) 1.2s, opacity 0.5s linear 1.2s; }
.cycle-slide-active p				{ opacity: 1; filter: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transition: transform 0.5s cubic-bezier(0,.09,.04,1) 1.4s, opacity 0.5s linear 1.45s; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0,.09,.04,1) 1.4s, opacity 0.5s linear 1.45s; -moz-transition: -moz-transform 0.5s cubic-bezier(0,.09,.04,1) 1.4s, opacity 0.5s linear 1.45s; -o-transition: -o-transform 0.5s cubic-bezier(0,.09,.04,1) 1.4s, opacity 0.5s linear 1.45s; }
.cycleSlide.firstSlide h1			{ opacity: 0; filter: alpha(opacity=0); transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); }
.cycleSlide.firstSlide p				{ opacity: 0; filter: alpha(opacity=0); transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); }
.cycleSlide.loaded h1				{ opacity: 1; filter: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transition: transform 0.5s cubic-bezier(0,.09,.04,1) 1.2s, opacity 0.5s linear 1s; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0,.09,.04,1) 1.2s, opacity 0.5s linear 1s; -moz-transition: -moz-transform 0.5s cubic-bezier(0,.09,.04,1) 1.2s, opacity 0.5s linear 1s; -o-transition: -o-transform 0.5s cubic-bezier(0,.09,.04,1) 1.2s, opacity 0.5s linear 1s; }
.cycleSlide.loaded p					{ opacity: 1; filter: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transition: transform 0.5s cubic-bezier(0,.09,.04,1) 1.4s, opacity 0.5s linear 1.25s; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0,.09,.04,1) 1.4s, opacity 0.5s linear 1.25s; -moz-transition: -moz-transform 0.5s cubic-bezier(0,.09,.04,1) 1.4s, opacity 0.5s linear 1.25s; -o-transition: -o-transform 0.5s cubic-bezier(0,.09,.04,1) 1.4s, opacity 0.5s linear 1.25s; }
.cycleSlide .linkBtn                    { color: #838383; background: #fff; }
.cycleSlide .linkBtn.realisationScroll { margin-left: 4px; }

.cycleBtns							{ position: absolute; top: 50%; margin-top: -52px; display: block; width: 45px; height: 104px; background-repeat: no-repeat; background-position: center 0; z-index: 101; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; }
#cyclePrev							{ left: 50px; background-image: url('../images/header/cycle-prev.png'); }
#cycleNext							{ right: 50px; background-image: url('../images/header/cycle-next.png'); }
#cyclePrev:hover					{ background-position: left 0; }
#cycleNext:hover					{ background-position: right 0; }

#scrollBtn							{ position: absolute; left: 50%; bottom: 110px; display: block; width: 40px; height: 42px; margin-left: -20px; background: url('../images/header/scrollbtn.png') no-repeat 0 0; z-index: 101; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; }
#scrollBtn:hover					{ bottom: 100px; }

#cPager								{ position: absolute; left: 0; bottom: 60px; width: 100%; z-index: 101; text-align: center; }
#cPager li							{ display: inline-block; margin: 0 7px; }
#cPager li a							{ display: block; width: 10px; height: 10px; border: solid 1px #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 250ms ease; -webkit-transition: background-color 250ms ease; -moz-transition: background-color 250ms ease; -o-transition: background-color 250ms ease; }
#cPager a:hover						{ background: #fff; }

/*** SECTION ***/
section								{ transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; }
section h1							{ font: normal 50px/50px 'Proxima N W01 Thin Reg', Arial, sans-serif; color: #fff; text-transform: uppercase; }
section h2							{ margin: 0 0 30px 0; font: normal 35px/35px 'Proxima N W01 Thin Reg', Arial, sans-serif; color: #fff; }
section h4							{ margin: 10px 0 30px 10px; font: normal 12px/14px 'Proxima N W01 Bold', Arial, sans-serif; color: #000; text-transform: uppercase; letter-spacing: 3px; }
section h5							{ margin: 0 0 25px 0; font: normal 18px/20px 'Proxima N W01 Light', Arial, sans-serif; color: #000; }
section p								{ margin: 0 0 15px 0; font: normal 20px/35px 'Proxima N W01 Light', Arial, sans-serif; }
article								{ transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; }	
	
/*** PATTERN ***/	
.col								{ width: 50%; height: 100%; line-height: 0; overflow: hidden; }
.col.fwidth							{ width: 100%; }
.col img								{ display: none; width: 100%; }
.left								{ float: left; }
.right								{ float: right; }
.pic								{ background-size: cover; background-repeat: no-repeat; background-position: center center; }
.sList								{ text-transform: uppercase; color: #000; }
.patternCtc	 						{ padding: 0 15%; text-align: center; background: #fff; }
.patternCtc div						{ display: inline-block; line-height: normal; vertical-align: middle; }
.patternTitle						{ background: #7f8384; }
.patternTitle span					{ font: normal 75px/70px 'Proxima N W01 Thin Reg', Arial, sans-serif; color: #fff; }
.pattern1							{ height: 900px; }
.pattern2							{ height: 700px; }
.pattern3							{ height: 500px; }
.pattern4							{ height: 600px; }
.h25								{ height: 25%; }
.h30								{ height: 30%; }
.h40								{ height: 40%; }
.h60								{ height: 60%; }
.h70								{ height: 70%; }
.h75								{ height: 75%; }
.h100								{ height: 100%; }
.pic1								{ background-image: url('../images/pattern/apropos.jpg'); }
.pic2								{ background-image: url('../images/pattern/savoir-faire.jpg'); }
.pic3								{ background-image: url('../images/pattern/historique.jpg'); }
.pic4								{ background-image: url('../images/pattern/qualite.jpg'); }
.pic5								{ background-image: url('../images/pattern/valeurs.jpg'); }
.pic6								{ background-image: url('../images/pattern/produits.jpg'); }
.pic7								{ background-image: url('../images/pattern/inox1.jpg'); }
.pic8								{ background-image: url('../images/pattern/inox2.jpg'); }
.pic9								{ background-image: url('../images/pattern/inox3.jpg'); }
.pic10								{ background-image: url('../images/pattern/inox4.jpg'); }
.pic11                              { background-image: url('../images/pattern/distributeurs.jpg'); }
.pic12                              { background-image: url('../images/pattern/products1.jpg'); }
.pic13                              { background-image: url('../images/pattern/products2.jpg'); }
.pic14                              { background-image: url('../images/pattern/products3.jpg'); }
.pic15								{ background-image: url('../images/pattern/products4.jpg'); }
.noanim .pattern > div				{ opacity: 1; filter: alpha(opacity=100); transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; }
.pattern > div						{ opacity: 0; filter: alpha(opacity=0); transform: translateY(150px); -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); transition: opacity 800ms linear, transform 800ms cubic-bezier(.21,.8,0,.99); -moz-transition: opacity 800ms linear, transform 800ms cubic-bezier(.21,.8,0,.99); -webkit-transition: opacity 800ms linear, transform 800ms cubic-bezier(.21,.8,0,.99); -o-transition: opacity 800ms linear, transform 800ms cubic-bezier(.21,.8,0,.99); }
.pattern .start 						{ opacity: 1; filter: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); }
.pattern .delay						{ transition-delay: 300ms; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; }

#fixedNav							{ position: fixed; top: 0; right: 10px; z-index: 101; transition: transform 350ms; -moz-transition: -moz-transform 350ms; -webkit-transition: -webkit-transform 350ms; -o-transition: -o-transform 350ms; }
#fixedNav ul							{ display: block; height: 60px; padding: 0 0 0 10px; background: #000; background: rgba(0, 0, 0, 0.65); overflow: hidden; }
#fixedNav ul li						{ float: left; font: normal 14px/60px 'Proxima N W01 Light', Arial, sans-serif; color: #fff; text-transform: uppercase; }
#fixedNav ul li:last-child				{ float: right; margin-right: 40px; }
#fixedNav ul li a						{ padding: 0 10px; color: #fff; }
#fixedNav ul li a:hover					{ color: #000; }
.fixedNav #fixedNav					{ transform: translateY(74px); -webkit-transform: translateY(74px); -moz-transform: translateY(74px); -o-transform: translateY(74px); }

#subNav								{ padding: 0; }
#subNav ul							{ display: inline-block; margin-top: 30px; }
#subNav ul li							{ float: left; display: block; margin: 0 10px 20px 10px; font: normal 14px/14px 'Proxima N W01 Light', Arial, sans-serif; text-transform: uppercase; }
#subNav ul li a							{ display: block; padding: 18px 25px; border: solid 1px #9fa2a3; color: #fff; text-align: center; transition: background 250ms ease, color 250ms ease, border-color 250ms ease; -moz-transition: background 250ms ease, color 250ms ease, border-color 250ms ease; -webkit-transition: background 250ms ease, color 250ms ease, border-color 250ms ease; -o-transition: background 250ms ease, color 250ms ease, border-color 250ms ease; }
#subNav ul li.active a,		
#subNav ul li.active a:hover			{ border-color: #fff; color: #7f8384; background: #fff; }
#subNav ul li a:hover					{ border-color: #9c9fa0; color: #fff; background: #9c9fa0; }

#stylesBox                          { min-height: 241px;}

.noProducts                         { font-size: 18px; margin-top: 40px; display: none; }
.noProducts.visible                 { display: block; }

/*** PAGE DEFINITION ***/
/*** HOME ***/
#homePadder							{ width: 100%; }
#home, #home body, #home .container	{ height: 100%; background: #e1e1e1; }
#home section							{ position: relative; width: 100%; min-height: 600px !important; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; }
#home section h1						{ margin: 0 0 30px 0; font: normal 60px/55px 'Proxima N W01 Thin Reg', Arial, sans-serif; color: #fff; text-transform: uppercase; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300 ease; }
#home section h1 strong					{ font-family: 'Proxima N W01 Bold', Arial, sans-serif; }
#home section .linkBtn  				{ padding: 2px 12px 0px 12px; font: normal 54px/48px 'Proxima N W01 Thin Reg', Arial, sans-serif; }
#home section .linkBtn:hover			{ border-color: #fff; color: #999; background: #fff; }
.bloc								{ position: relative; display: block; float: left; width: 33.33%; height: 100%; padding: 0 0 0 2%; background-repeat: no-repeat; background-position: left top; background-size: cover; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-position: center right; }
.bloc div.textContent				{ position: relative; display: inline-block; line-height: normal; vertical-align: middle; z-index: 300; }
.bloc div.colorOverlay              { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 200; opacity: 0; transition: opacity 0.3s ease; }
.bloc:hover div.colorOverlay        { opacity: 1; }
#bloc1								{ background-image: url('../images/banner/home1.jpg'); }
#bloc2								{ background-image: url('../images/banner/home2.jpg'); }
#bloc3								{ background-image: url('../images/banner/home3.jpg'); }

/*** FOOTER ***/
footer								{ height: 90px; margin: 2px 0 0 0; line-height: 90px; text-align: center; background: #7f8384; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; }
footer nav							{ position: relative; display: inline-block; width: 100%; margin: -10px 0 0 0; line-height: 14px; vertical-align: middle; }
footer ul li 							{ display: inline-block; }
footer ul .spacer						{ height: 1px; width: 5%; margin: 3px 15px; background: #fff; }
footer a								{ font-size: 14px; color: #fff; }
footer a:hover						{ color: #000; }

/*** EXTERIEURES ***/
#ext .cycleSlide .linkBtn:hover		{ border-color: #bccd55; color: #fff; background: #bccd55; }	
#ext #slide2							{ background-image: url('../images/banner/cuisine_exterieure1.jpg'); }
#ext #slide1							{ background-image: url('../images/banner/cuisine_exterieure2.jpg'); }
#ext #slide3							{ background-image: url('../images/banner/cuisine_exterieure3.jpg'); }
#ext #cyclePrev						{ background-image: url('../images/header/g-cycle-prev.png'); }
#ext #cycleNext						{ background-image: url('../images/header/g-cycle-next.png'); }
#ext #cPager .cycle-pager-active a	{ border-color: #bccd55; background: #bccd55; }

#ext #anchor                            { padding: 100px; text-align: center; background: #e1e1e1; }
#ext #anchor h1                     { color: #838383; text-transform: none; }
#ext #subNav ul                     { margin-bottom: 40px; }
#ext #subNav ul li a                    { border-color: #c9c9c9; color: #838383; }
#ext #subNav ul li a:hover              { border-color: #fff; color: #838383; background: #fff; }
#ext #subNav ul li.active a             { border-color: #fff; color: #838383; background: #fff; }

#styles								{ width: 100%; padding: 100px 2% 0 2%; text-align: center; background: #fff; }
.stylesBox							{ float: left; width: 28%; margin: 0 2% 50px 2%; color: #000; }
.stylesBox h1						{ margin: 0 0 20px 0; color: #838383; text-transform: none; }
.stylesBox > img						{ max-width: 100%; margin: 0 0 50px 0; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; }
.social								{ margin-top: 25px; }
.social a							{ display: inline-block; margin: 0 3px; }

/*** INOX ***/
#inox .cycleSlide .linkBtn:hover		{ border-color: #2caae8; color: #fff; background: #2caae8; }	
#inox #slide1						{ background-image: url('../images/banner/inox_surmesure1.jpg'); }
#inox #slide2						{ background-image: url('../images/banner/inox_surmesure2.jpg'); }
#inox #slide3						{ background-image: url('../images/banner/inox_surmesure3.jpg'); }
#inox #cyclePrev						{ background-image: url('../images/header/l-cycle-prev.png'); }
#inox #cycleNext						{ background-image: url('../images/header/l-cycle-next.png'); }
#inox #cPager .cycle-pager-active a	{ border-color: #2caae8; background: #2caae8; }

/*** INT ***/
#int .cycleSlide .linkBtn:hover		{ border-color: #b6d1da; color: #fff; background: #b6d1da; }	
#int #slide1							{ background-image: url('../images/banner/cuisine_interieure1.jpg'); }
#int #slide2							{ background-image: url('../images/banner/cuisine_interieure2.jpg'); background-position: center top; }
#int #slide3							{ background-image: url('../images/banner/cuisine_interieure3.jpg'); }
#int #cyclePrev						{ background-image: url('../images/header/b-cycle-prev.png'); }
#int #cycleNext						{ background-image: url('../images/header/b-cycle-next.png'); }
#int #cPager .cycle-pager-active a	{ border-color: #b6d1da; background: #b6d1da; }

#int #anchor							{ padding: 100px; text-align: center; background: #e1e1e1; }
#int #anchor h1						{ color: #838383; text-transform: none; }
#int #subNav ul						{ margin-bottom: 40px; }
#int #subNav ul li a					{ border-color: #c9c9c9; color: #838383; }
#int #subNav ul li a:hover				{ border-color: #fff; color: #838383; background: #fff; }
#int #subNav ul li.active a				{ border-color: #fff; color: #838383; background: #fff; }

.box								{ position: relative; float: left; width: 20%; padding: 40px 0; border: solid 1px #e1e1e1; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: box-shadow 500ms ease; -webkit-transition: box-shadow 500ms ease; -moz-transition: box-shadow 500ms ease; -o-transition: box-shadow 500ms ease; }
.box:hover							{ cursor: pointer; z-index: 2; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); }
.box > img							{ width: 60%; max-width: 125px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); }

.hiddenDetailBlocContainer          { display: none; }
.doorDesc							{ position: relative; width: 100%; padding: 80px 0; }
.doorDesc:hover						{ cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.doorDesc .colL						{ float: left; width: 45%; text-align: right; }	
.doorDesc .colL img					{ width: auto; max-width: 70%; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); }						
.doorDesc .colR						{ float: right; width: 50%; padding: 0 65px 0 0; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }	
.doorDesc .colR h1					{ margin-bottom: 15px; }
.doorDesc .colR h4					{ margin: 0 0 5px 0; }
.doorDesc .colR p					{ margin-bottom: 20px; color: #000; }
.doorDesc .colR .left				{ margin: 0 50px 0 0; }
.doorDesc .colR .color				{ float: left; width: 39px; margin: 0 20px 20px 0; cursor: pointer; }
.closeDoorDesc						{ position: absolute; right: 40px; top: 40px; display: block; width: 21px; height: 20px; }

/*** DISTRIBUTEURS ***/
#dist section h1						{ text-transform: none; }
#distBox 							{ padding: 50px 0 0 0; margin: 0 0 75px 0; }
#distBox h4							{ margin: 0 0 20px 40px; }
#distBox ul							{ display: block; margin-left: 20px; }	
#distBox li							{ float: left; width: 240px; height: 200px; margin: 0 0 30px -1px; padding: 20px; border: solid 1px rgba(0,0,0,0); text-align: left; cursor: pointer; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; }
#distBox li:hover,
#distBox li.active						{ border-color: #000; }
#distBox li h2							{ margin: 0 0 8px 0; color: #797979; }
#distBox li p							{ margin: 0 0 5px 0; font: normal 15px/25px 'Proxima N W01 Reg', Arial, sans-serif; color: #797979; }
#distBox li p a						{ font-family: 'Proxima N W01 Smbd', Arial, sans-serif; color: #000; }
#dist .right img						{ display: block; }
#distBox p.mention                  { font-size: 14px; color: #838383; font-family:'Proxima N W01 Smbd'; }

/*** CONTACT ***/
.pattern66							{ width: 66.6%; height: 800px; }
.pattern33							{ width: 33.3%; height: 800px; }
#map 								{ width: 100%; height: 100%; line-height: normal; background: #535353; }
#contact h1							{ margin: 0 0 80px 0; text-transform: none; }
#contact #form h2					{ color: #000; }
#contact .pattern66 p				{ font: normal 15px/25px 'Proxima N W01 Light', Arial, sans-serif; color: #fff; }
#contact .pattern66 p a				{ font-family: 'Proxima N W01 Bold', Arial, sans-serif; color: #fff; }
#contact .pattern66 p a:hover			{ color: #000; }
#contact .col img					{ display: block; }
#contact .xmargin					{ margin-bottom: 50px; }
#contact a.linkBtn 					{ border-color: #9fa2a3; }
#contact a.linkBtn:hover				{ background: #9fa2a3; color: #fff; }

#form .answer						{ display: none; }
#form .answer p						{ color: #393939; }
#form.showAnswer .answer				{ display: block; }
#form.showAnswer form				{ display: none; }

label									{ display: inline-block; width: 90%; margin: 0 0 5px 0; font: normal 12px/18px 'Proxima N W01 Bold', Arial, sans-serif; color: #7f8384; text-transform: uppercase; letter-spacing: 3px; }
#contact input[type=text], textarea				{ display: block; width: 100%; max-width: 375px; height: 46px; margin: 0 auto 20px auto; padding: 0 20px; border: solid 2px #fff; font: normal 15px/20px 'Proxima N W01 Reg', Arial, sans-serif; color: #2c2c2c; text-transform: uppercase; -webkit-box-shadow: inset 0px 0px 40px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: inset 0px 0px 40px 0px rgba(50, 50, 50, 0.1); box-shadow: inset 0px 0px 40px 0px rgba(50, 50, 50, 0.1); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#contact input[type=text].dirty.invalid,
#contact textarea.dirty.invalid       { background-color: rgba(255,0,0,0.2); }
#contact input[type=text]:focus, textarea:focus	{ border-color: #d9d9d9; }	
#contact textarea								{ height: 120px; padding: 15px 20px; overflow: hidden; }
#contact .submitBtn							{ border-color: #dfe0e0; color: #7f8384; background: #fff; cursor: pointer; }
#contact .submitBtn:hover					{ background: #dfe0e0; }
#contact a.linkBtn					{ border-color: #dfe0e0; }
#contact a.linkBtn:hover				{ border-color: #dfe0e0; color: #7f8384; background: #dfe0e0; }

html#loginHtml { height: 100%;}
body#login { height: 100%; background: transparent url('../images/banner/cuisine_interieure3.jpg'); }

/************ RESPONSIVE MEDIA ******************/
/*** B-LARGE SCREEN ***/
@media screen and (max-width: 1400px)
{	
	/* MEDIAQUERIES */			
	.xlg-show						{ display: block; }
	
	/* FRAMESET */
	.linkBtn 						{ height: 43px; line-height: 43px; }
	
	/* PATTERN */
	#subNav ul li a						{ padding: 15px 25px; }
	
	/*** PAGE DEFINITION ***/
	/* HOME */
	#home section h1					{ font-size: 50px; line-height: 45px; }
	#home section .linkBtn  			{ padding: 2px 11px 0px 11px; font-size: 46px; line-height: 43px; }
		
	/* INTERIEURES */
	.doorDesc .colL					{ width: 35%; }	
	.doorDesc .colR					{ width: 60%; }	
}

/*** XLARGE SCREEN ************************************************************************************************************************* XLARGE BLUE **/
@media screen and (max-width: 1200px)
{	
	/* MEDIAQUERIES */			
	.xlg-show						{ display: block; }
	
	/* FRAMESET */
	.linkBtn 						{ height: 38px; line-height: 38px; padding: 0 22px; }
	
	/* CYCLE */	
	.cycleSlide h1					{ margin-bottom: 15px; font-size: 85px; line-height: 75px; }
	.cycleSlide p					{ width: 90%; font-size: 20px; line-height: 28px; }
	.cycleBtns						{ display: none; }
		
	/* SECTION */	
	section h1						{ font-size: 45px; line-height: 45px; }
		
	/* PATTERN */	
	.patternCtc	 					{ padding: 0 5%; }
	.patternTitle span				{ font-size: 65px; line-height: 60px; }
	#subNav ul						{ margin-bottom: 15px; }
	#subNav ul li						{ margin: 0 8px 16px 8px; }
	#subNav ul li.br					{ clear: left; }
	#subNav ul li a						{ width: 135px; padding: 12px 12px; }
	#fixedNav ul li:last-child			{ margin-right: 5px; }
	#fixedNav ul li:last-child	span	{ display: none; }
	
	/*** PAGE DEFINITION ***/
	/* HOME */
	#home section h1					{ margin: 0 0 25px 0; font-size: 37px; line-height: 34px; }
	#home section .linkBtn  			{ height: auto; padding: 2px 9px 0px; font-size: 42px; line-height: 36px; }
	
	/* FOOTER */
	footer ul .spacer					{ height: 1px; width: 10px; margin: 3px 15px; background: #fff; }
	
	/* INTERIEURES */
	#int #anchor						{ padding: 70px; }
	.doorDesc .colL					{ text-align: center; }	
	
	/* CONTACT */
	.pattern66						{ width: 100%; }
	.pattern33						{ width: 100%; height: 580px; }
	#contact h1						{ margin-bottom: 50px; }
}

/*** LARGE SCREEN ************************************************************************************************************************** LARGE GREEN **/
@media screen and (max-width: 900px)
{	
	/** MEDIAQUERIES **/			
	#dt-flag						{ display: none; }
	#hl-flag						{ display: none; }
	#hm-flag						{ display: block; }
	#hs-flag						{ display: none; }
	.lg-hide						{ display: none; }
	.lg-show						{ display: block; }
	
	/* FRAMESET */
	.noCycle						{ margin-top: 84px; }
	.linkBtn 						{ height: 35px; padding: 0 20px; line-height: 35px; font-size: 13px; }
	
	/* HEADER */		
	header							{ height: 94px; line-height: 80px; }
	#logo							{ margin-left: 30px; }
	#navToggle div					{ right: 30px; top: 34px; }
	#navTitle						{ display: none; }
	#mainNav ul li a					{ padding-right: 30px; }
		
	/* CYCLE */	
	.cycleSlide .wrapper				{ margin-top: 45px }
	.cycleSlide h1					{ font-size: 70px; line-height: 70px; }
	#scrollBtn						{ bottom: 90px; }
	#scrollBtn:hover				{ bottom: 80px; }
	#cPager							{ bottom: 40px; }
		
	/* SECTION */	
	section h1						{ font-size: 35px; line-height: 35px; }
	section h2						{ margin-bottom: 25px; font-size: 30px; line-height: 30px; }
			
	/* PATTERN */	
	.col							{ width: 100%; height: auto; }
	.col.col33						{ width: 100%; height: auto; }
	.col img							{ display: inline; }
	.left							{ float: none; }
	.right							{ float: none; }
	.pic							{ background: none !important; }
	.h25, .h30, .h40,				
	.h60, .h70, , .h75, .h100		{ height: auto; }
	.patternCtc	 					{ padding: 30px 15%; }
	.patternCtc div					{ display: inline; vertical-align: baseline; }
	.patternTitle span				{ font-size: 50px; line-height: 45px; }
	.pattern						{ height: auto; }
	#subNav							{ padding: 30px 0; }
	#subNav ul li						{ font-size: 13px; line-height: 13px; }
	#subNav ul li.br					{ clear: none; }
    #subNav ul li a                     { width: 123px; padding: 11px 1px; }
	.fixedNav #fixedNav				{ transform: translateY(0); }
	.pattern > div					{ opacity: 1; filter: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
	.pattern .delay					{ transition-delay: 0; -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; }
	
	/*** PAGE DEFINITION ***/
	/* HOME */
	#home section h1					{ margin: 0 0 15px 0; font-size: 35px; line-height: 34px; }
	#home section .linkBtn  			{ padding: 2px 5px 0px; font-size: 35px; line-height: 25px; }
	.bloc							{ float: none; width: auto; height: 33.3%; padding: 0 0 0 30px; background-position: center center;}
	
	/* FOOTER */
	footer							{ height: 80px; line-height: 80px; }
	
	/* INTERIEURES */
	#int #anchor						{ padding: 50px; }
	#int #subNav						{ padding: 0; }
	.box							{ width: 20%; padding: 30px 0; }
	.doorDesc 						{ display: none; width: 100%; }	

	/* EXTERIEURES */
	#styles							{ padding-top: 80px; }
	.stylesBox > img					{ margin-bottom: 30px; }
	
	/* DISTRIBUTEURS */
	#distBox li 						{ padding: 15px; }
	#distBox .border,
	#distBox .xborder				{ background-position: center bottom; }	
	
	/* CONTACT */
	#map 							{ height: 300px; }
	#contact h1						{ margin-bottom: 40px; }
	#contact .xmargin				{ margin-bottom: 40px; }
}

@media screen and (max-width: 600px)
{	
	/*** DISTRIBUTEURS ***/
	#distBox 							{ padding: 30px 0 0 0; margin: 0 0 50px 0; }
	#distBox h4							{ margin: 0 0 30px 40px; }
	#distBox ul							{ display: block; margin-left: 0; }	
	#distBox li							{ float: none; width: auto; height: auto; margin: 0 0 40px 40px; padding: 0; border: none; }
	#distBox li:hover						{ border: none; }
	#distBox li h2							{ margin: 0 0 8px 0; color: #797979; }
	#distBox li p							{ margin: 0 0 5px 0; font: normal 15px/25px 'Proxima N W01 Reg', Arial, sans-serif; color: #797979; }
	#distBox li p a						{ font-family: 'Proxima N W01 Smbd', Arial, sans-serif; color: #000; }
	#dist .right img						{ display: block; }
}


/*** MEDIUM SCREEN ************************************************************************************************************************* MEDIUM RED **/
@media screen and (max-width: 700px)
{	
	/* MEDIAQUERIES */			
	.md-hide						{ display: none; }
	.md-show						{ display: block; }
	.md-showi						{ display: inline; }
		
	/* HEADER */	
	#logo img						{ max-width: 55%; }
		
	/* CYCLE */	
	.cycleSlide .wrapper				{ width: auto; margin: 45px 30px 0 30px; }
	.cycleSlide h1					{ font-size: 50px; line-height: 50px; }
	.cycleSlide p					{ width: 100%; }
	#scrollBtn						{ bottom: 60px; }
	#scrollBtn:hover				{ bottom: 50px; }
	#cPager							{ bottom: 20px; }
		
	/* SECTION */	
	section h1						{ font-size: 30px; line-height: 30px; }
	section h2						{ margin-bottom: 25px; font-size: 25px; line-height: 25x; }
	section p							{ font-size: 18px; line-height: 30px; }
		
	/* PATTERN */	
	.patternCtc	 					{ padding: 30px 10%; }
	.patternTitle span				{ font-size: 40px; line-height: 35px; }
	#subNav ul						{ display: block; }
	#subNav ul li						{ float: none; display: block; width: 80%; margin: 0 auto; font: normal 14px/14px 'Proxima N W01 Light', Arial, sans-serif; text-transform: uppercase; }
	#subNav ul li a						{ display: block; width: 60%; padding: 10px 0; margin: 0 auto; border: none; border-top: solid 1px #9fa2a3; color: #fff; }
	#subNav ul li:first-child a			{ border-top: none; }
	#subNav ul li.active a				{ border-color: #9fa2a3; color: #fff; background: none; }
	#subNav ul li.active a:hover		{ color: #fff; background: #9c9fa0; }	
	
	/*** PAGE DEFINITION ***/
	/* EXTERIEURES */
	#styles							{ padding-top: 60px; }
	.stylesBox						{ width: 44%; margin-bottom: 40px; }
	.stylesRow						{ clear: left; }
	
	/* INTERIEURES */
	#int #anchor						{ padding: 30px; }
	.box							{ padding: 30px 0; }
	
	/* CONTACT */
	#map 							{ height: 250px; }
	#contact h1						{ margin-bottom: 30px; }
	#contact .xmargin				{ margin-bottom: 30px; }
}

/*** SMALL SCREEN ************************************************************************************************************************** SMALL YELLOW **/
@media screen and (max-width: 500px)
{	
	/* MEDIAQUERIES */	
	#hl-flag						{ display: none; }
	#hm-flag						{ display: none; }
	#hs-flag						{ display: block; }
	.sm-hide						{ display: none; }
	.sm-show						{ display: block; }
	
	/* FRAMESET */
	.noCycle						{ margin-top: 64px; }
	.linkBtn 						{ padding: 0 15px; font-size: 12px; }
	
	/* HEADER */	
	header							{ height: 74px; line-height: 60px; }
	#logo							{ margin-left: 20px; }
	#navToggle div					{ right: 20px; top: 24px; }
	#mainNav						{ width: 60%; background: #4e4e4e; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	#mainNav ul						{ padding: 0; background: none; }
	#wlogo							{ position: absolute; left: 0; top: 0; display: block; width: 100%; max-width: 50%; height: 74px; line-height: 60px; opacity: 0; transition: opacity 150ms linear 0ms; -webkit-transition: opacity 150ms linear 0ms; -moz-transition: opacity 150ms linear 0ms; -o-transition: opacity 150ms linear 0ms; } 
	#wlogo img						{ margin-left: 40px; width: 100%; vertical-align: middle;  } 
	.nav-open #wlogo					{ opacity: 1; transition: opacity 150ms linear 400ms; -webkit-transition: opacity 150ms linear 400ms; -moz-transition: opacity 150ms linear 400ms; -o-transition: opacity 150ms linear 400ms; }
	
	/* CYCLE */	
	.cycleSlide .wrapper				{ margin: 45px 20px 0 20px; }
	.cycleSlide h1					{ font-size: 30px; line-height: 35px; }
	.cycleSlide p					{ font-size: 18px; line-height: 26px; }
	#scrollBtn						{ bottom: 50px; }
	#scrollBtn:hover				{ bottom: 40px; }
			
	/* SECTION */	
	section h1						{ font-size: 27px; line-height: 27px; }
	section h2						{ margin-bottom: 20px; font-size: 23px; line-height: 23x; }
	section p							{ font-size: 16px; line-height: 28px; }
		
	/* PATTERN */	
	.patternCtc	 					{ padding: 20px 5%; }
	.patternTitle span				{ font-size: 40px; line-height: 35px; }
	
	/*** PAGE DEFINITION ***/
	/* HOME */
	#home section h1					{ margin: 0 0 12px 0; font-size: 30px; line-height: 30px; }
	#home section .linkBtn  			{ padding: 0 2px; font-size: 30px; line-height: 20px; }
	.bloc							{ padding: 0 0 0 20px; }
	
	/* FOOTER */
	footer							{ height: 70px; line-height: 70px; }
	footer nav						{ width: 170px; margin: 0 auto; }
	footer ul li							{ margin-bottom: 5px; }
	footer ul .spacer					{ height: 1px; width: 10px; margin: 3px 5px; background: #fff; }

	/* EXTERIEURES */
	.stylesBox						{ float: none; width: 86%; margin: 0 5% 40px 5%; }
	.stylesBox > img					{ max-width: 75%; margin-bottom: 20px; }
	.social							{ margin-top: 15px; }
	
	/* INTERIEURES */
	#int #subNav ul li 					{ width: 70%; }
	#int #subNav ul li a				{ width: 100%; }
	.box							{ width: 100%; padding: 30px 0; }
	
	/* DISTRIBUTEURS */
	#distBox li 						{ float: none; width: auto; }
}

/*** XXSMALL SCREEN ************************************************************************************************************************ XXSMALL ORANGE **/
@media screen and (max-width: 320px)
{	
	/* HEADER */	
	#mainNav						{ background-position: 20px 22px; }
	#mainNav ul li						{ height: 40px; margin: 10px 0; font-size: 18px; line-height: 18px; }
	#mainNav ul li a					{ padding-top: 11px; padding-bottom: 11px; padding-right: 20px; }
	#mainNav ul:last-child li			{ line-height: 40px; }
	#mainNav ul:last-child li a			{ padding-top: 0; padding-bottom: 0; }
	#mainNav ul:last-child li a	img		{ vertical-align: middle; }
		
	/* CYCLE */	
	.cycleSlide h1					{ font-size: 27px; line-height: 35px; }
			
	/* SECTION */	
	section h1						{ font-size: 25px; line-height: 25px; }
	section h2						{ margin-bottom: 15px; font-size: 22px; line-height: 22x; }
	section p							{ line-height: 25px; }
		
	/* PATTERN */	
	.patternTitle span				{ font-size: 35px; line-height: 30px; }
	#subNav ul li						{ width: 80%; }
	
	/*** PAGE DEFINITION ***/
	/* EXTERIEURES */
	.stylesBox h1					{ margin-bottom: 10px; }
	
	/*** CONTACT ***/
	#map 							{ height: 200px; }
	#contact h1						{ margin-bottom: 20px; }
	#contact .xmargin				{ margin-bottom: 25px; }
}

/*** VERTICAL ADJUST ***/
@media screen and (max-height: 750px) 
{
	/* HEADER */
	#mainNav ul						{ padding: 0; background: none; }
	#mainNav ul li						{ height: 40px; margin: 10px 0; font-size: 18px; line-height: 18px; }
	#mainNav ul li a					{ padding-top: 11px; padding-bottom: 11px; }
	#mainNav ul:last-child li			{ line-height: 40px; }
	#mainNav ul:last-child li a			{ padding-top: 0; padding-bottom: 0; }
	#mainNav ul:last-child li a	img		{ vertical-align: middle; }
		
	#scrollBtn						{ display: none; }
	#cPager							{ bottom: 30px; }
}

@media screen and (max-height: 600px) and (min-width: 500px)
{
	/* MEDIAQUERIES */
	#hl-flag						{ display: none; }
	#hm-flag						{ display: none; }
	#hs-flag						{ display: block; }
	
	/* FRAMESET */
	.noCycle						{ margin-top: 64px; }
	
	/* HEADER */
	header							{ height: 74px; line-height: 60px; }
	.nav-open #navToggle				{ position: absolute; right: 0; top: 0; }
	#navToggle div					{ top: 24px; }
		
	#mainNav						{ position: absolute; top: 64px; }
	#mainNav ul:first-child			{ margin-top: 25px; }
	.nav-open #bar1					{ background: #000; }
	.nav-open #bar3					{ background: #000; }	
	.nav-open #mainNav				{ right: 0; }
		
	/* CYCLE */	
	.cycle-slideshow				{ height: auto !important; }
	.cycleSlide						{ line-height: normal !important; }
	.cycleSlide .wrapper				{ display: block; width: auto; height: 420px; margin: 0 50px; padding: 160px 0 0 0; line-height: 12px; vertical-align: baseline; }
	.cycleSlide  h1					{ font-size: 50px; line-height: 50px; }
	.cycleSlide  p					{ width: 75%; }
	.cycleBtns						{ display: none; }
	#cPager							{ bottom: 20px; }
}

@media screen and (max-height: 600px) and (max-width: 500px)
{
	/* FRAMESET */
	.nav-open, 
	.nav-open body,
	.nav-open .container				{ max-height:600px !important; height: 600px !important; min-height: 600px !important; }
	.nav-open #mainNav				{ height: 600px !important; }
			
	/* HEADER */	
	#mainNav						{ position: absolute; top: 0; border: none; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
	#mainNav ul:first-child			{ margin-top: 100px; }
	#mainNav ul li a					{ padding-right: 50px; }
	
	/* CYCLE */	
	.cycle-slideshow				{ height: auto !important; }
	.cycleSlide						{ line-height: normal !important; }
	.cycleSlide .wrapper				{ display: block; width: auto; height: 430px; margin: 0 20px; padding: 150px 0 0 0; line-height: 12px; vertical-align: baseline; }
	.cycleSlide  h1					{ font-size: 35px; line-height: 35px; }
	.cycleSlide  p					{ width: 100%; font-size: 18px; line-height: 26px; }	
	#cPager							{ bottom: 30px; }	
}

/*** XXSMALL SCREEN ***/
@media screen and (min-width: 450px) and (max-width: 900px) and (orientation: landscape)
{	
	.xxsm-hide						{ display: none; }
}