@charset "UTF-8";
/* CSS Document */
/*---------------*/
/* MENU GENERAL */
/*---------------*/
header * { -webkit-transition: all 0.5s; transition: all 0.5s; }
header{ position:fixed; top:0; left:0; width:100%; height:90px; padding:0; z-index: 9000; background: #FFF;}
.home header{ background:none;}
.logo img{ width:130px;}
.logo { position: absolute; top: 10px; left: 50%; -webkit-transform: translate(-46%); transform: translate(-46%); z-index: 9999; }
/* 1st menu */
#menu { position: relative; top: 0; left: 0; width: 100%; z-index: 9000; padding: 0; }
#menu li { list-style: none; }
#menu > ul { width: 100%; text-align: center; padding:0; }
#menu > ul > li { display: inline-block; position: relative; }
#menu > ul > li:nth-of-type(3) { margin: 0 105px 0 0; }
#menu > ul > li:nth-of-type(4) { margin: 0 0 0 105px; }
#menu > ul > li > a { color: #000; display: block; font-size: 1.2rem; font-family: "CenturyGothic", sans-serif; height: 90px; line-height: 90px; text-transform: uppercase; position: relative; padding: 0; margin: 0 15px; text-decoration: none; font-weight: 300; letter-spacing: 0.5px; }
#menu > ul > li:nth-of-type(3) a { margin: 0 0 0 25px; }
#menu > ul > li:nth-of-type(4) a { margin: 0 25px 0 0; }
#menu > ul > li > a:before { content: " "; width: 0; height: 1px; overflow: hidden; position: absolute; left: 0; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-duration: 0.3s; transition-timing-function: ease-out; z-index: -1; top: 35px; }
#menu > ul > li:hover > a:before { background: #000; width: 100%;}
/**/
.home #menu > ul > li > a{ color:#FFF; }

/*---------------*/
/* MENU MOBILE */
/*---------------*/
#toggle { background: #fff; color: #e30513; cursor: pointer; display: none; font-size: 3em; height: 50px; line-height: 50px; text-align: center; width: 50px; z-index: 10000; position: fixed; -webkit-transition: all 0.5s; transition: all 0.5s; }
[data-toggle="deploy_h"] #toggle { top: 40px; left: 0; background-color: #fff; }
/* action du menu deploy_h*/
main, footer, #header_before { left: 0; position: relative; }
.deploy_h main, .deploy_h footer, .deploy_h header, .deploy_h #header_before, .deploy_h #toggle{ left: 250px; transition: all 0.5s; }
.deploy_h #menu { left: 0; }
.deploy_h main, .deploy_h #header_before, .deploy_h #logo a, .deploy_h footer { filter: blur(2px); -webkit-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); }
.deploy_h { overflow: hidden; position: fixed; }

/*---------------*/
/* MEDIA QUERIES */
/*---------------*/
@media all and (min-width: 1024px) {
	/* menu fixed */
	.fixed{ height: 70px; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); padding: 0; background: #FFF;}
	.fixed .logo img { width: 90px; }
	.fixed #menu { right: 0; top:0; background: #FFF;}
	.fixed #menu > ul > li > a { height: 70px; line-height: 70px; }
	.fixed #menu > ul > li > a:before { top: 17px; }
}
@media all and (max-width: 1023px) {
	/* menu mobile classic */
	#toggle { display: block;}
	#menu { background: #FFF; box-shadow: 3px 0 5px -2px #666; left: -260px; margin: 0; position: fixed; top: 0; bottom:0; width: 250px; }
	#menu > ul { margin: 20px; width: 210px; bottom: auto; position: relative; display: block;}
	#menu > ul > li { border-bottom: 1px solid #CCC; position: relative; display: inline-block;}
	#menu > ul > li > a { clear: both; font-size: 1.4rem; display: block; line-height: normal; height: auto; padding:10px 5px; width: 200px; margin:0; border: none; background: none;}
	#menu > ul > li:hover > a { padding: 10px 5px 10px 15px;}
	#menu > ul > li:nth-of-type(3), #menu > ul > li:nth-of-type(4), #menu > ul > li:nth-of-type(3) a, #menu > ul > li:nth-of-type(4) a { margin:0;}
	.home #menu > ul > li > a{ color:#000; }
	#menu > ul > li:hover > a:before { content: none;}
}