@charset "UTF-8";
/* CSS Document */
/*---------------*/
/* MENU GENERAL */
/*---------------*/
.home_logo { position: absolute; top: 35%; left: 50%; width: 140px; z-index: 1000; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform:  translate(-50%,-50%); }
#logo a { background: url("../images/logo_interne.png") no-repeat 50% 50%; text-indent: -999em; display: block; width: 55px; height: 55px; position: fixed; top: 7px; left: 20px; z-index: 9001; }
/* 1st menu */
#menu { position: fixed; top: 0; left: 0; width: 100%; z-index: 9000; background: #F4F4F0; border-bottom: 1px solid #DDDDDD; }
#menu li { list-style: none; }
#menu > ul { width: 100%; text-align: center; }
#menu > ul > li { display: inline-block; position: relative; }
#menu > ul > li > a { color: #666; display: block; font-size: 1.1rem; font-family: "Lato", sans-serif; height: 70px; line-height: 70px; text-transform: uppercase; font-weight: 700; position: relative; padding: 0 15px; letter-spacing: 2px; }
#menu > ul > li:hover > a { color: #005086; }
#menu > ul > li > a::before { background: #005086 none repeat scroll 0 0; bottom: 20px; content: ""; height: 1px; left: 15px; position: absolute; right: 100%; -webkit-transition-duration: 0.3s; -webkit-transition-property: right; -webkit-transition-timing-function: ease-out; transition-duration: 0.3s; transition-property: right; transition-timing-function: ease-out; z-index: -1; }
#menu > ul > li:hover > a::before { right: 15px; }
/* 2nd menu */
#menu ul + ul { position: absolute; right: 0; top: 0; width: auto; }
/* accueil menu*/
.home #menu { background: none; border: none; }
.home #menu > ul > li > a { color: #FFF; }
.home #menu > ul > li:hover > a { color: #FFF; }
.home #menu > ul > li > a::before { background: #FFF none repeat scroll 0 0;}
.home #logo a { display: none; }
/*---------------*/
/* SUBMENU */
/*---------------*/
/* submenu call */
#menu > ul > li .submenu { background: rgba(187,140,101,0.8); left: 0; position: absolute; top: 100%; z-index: 1000; opacity: 0; overflow: hidden; height: 0; min-width: 150px; }
#menu > ul > li:hover .submenu { height: auto; opacity: 1; overflow: visible; padding: 10px; }
#menu > ul > li.lang .submenu { min-width: 0; right: 0; left: auto; padding: 0; }
/* sub column */
.submenu ul { display: block; float: left; padding: 10px; background: #222; }
.submenu li a { color: #FFF; display: block; line-height: 30px; white-space: nowrap; padding: 0 10px; text-transform: uppercase; font-size: 1.1rem; font-family: "Raleway", sans-serif; font-weight: 700; }
.submenu li a:hover { background: rgba(0,0,0,0.05); }
/*---------------*/
/* MENU MOBILE */
/*---------------*/
#toggle { background: url("../images/block_nav.svg") no-repeat scroll center center / 65%; color: #fff; 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; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
[data-toggle="deploy_h"] #toggle { top: 80px; left: 0; background-color: #22314C; }
/* 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; }
.deploy_h #menu { left: 0; }
.deploy_h main, .deploy_h #header_before, .deploy_h #logo a { 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 (max-width: 1023px) {
/*---------------*/
/* MENU MOBILE */
/*---------------*/
#toggle { display: block; }
#logo a { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
/* menu mobile classic */
#menu { background: #151F31; -webkit-box-shadow: 3px 0 5px -2px #666; box-shadow: 3px 0 5px -2px #666; left: -260px; margin: 0; position: fixed; top: 0; bottom: 0; width: 250px; overflow-y: auto; }
.home #menu{ background: #151F31; }
#menu > ul { margin: 20px; width: 210px; }
#menu > ul > li { border-bottom: 1px solid #22314C; position: relative; }
#menu > ul > li > a { clear: both; display: block; line-height: normal; height: auto; padding: 15px 5px; width: 200px; border: none; }
#menu > ul > li.active > a:after { display: none; }
#menu > ul > li > a:hover { color: #fff; }
#menu > ul > li .submenu { position: relative; }
#menu > ul > li > a::before{ display:none;}
#menu ul + ul{ position:relative;}
}