.site_header{background-color:#efefef;padding:20px 0}.site_header .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.site_header .wrapper .logo{width:20%}.site_header .wrapper .logo img{display:block}.site_header .wrapper .main_navigation{width:60%}.site_header .wrapper .main_navigation ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 20px}.site_header .wrapper .main_navigation ul li{margin:0 20px}.site_header .wrapper .main_navigation ul li a{padding:5px 0}.site_header .wrapper .main_navigation ul li a:hover{border-bottom:1px solid #000}.site_header .wrapper .main_navigation ul li.current-menu-item a{border-bottom:1px solid #000}.site_header .wrapper .recherche{width:20%}.recherche form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.recherche form input{height:40px;width:100%;font-size:16px;border:1px solid #000;background-color:transparent;padding:0 10px}.recherche form button{width:50px;height:40px;margin-left:5px;background-color:#000;border:none;color:#efefef;font-size:20px;cursor:pointer;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.recherche form button:hover{background-color:#777}.site_header .toggle{display:none;width:50px;height:50px;cursor:pointer;position:relative}.site_header .toggle #hamburger{width:30px;height:auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.site_header .toggle #hamburger span{display:block;width:100%;height:3px;background:#000;margin-bottom:4px;position:relative;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.site_header .toggle #hamburger span:nth-child(1){-webkit-transition-delay:0.5s;transition-delay:0.5s}.site_header .toggle #hamburger span:nth-child(2){-webkit-transition-delay:0.625s;transition-delay:0.625s}.site_header .toggle #hamburger span:nth-child(3){-webkit-transition-delay:0.75s;transition-delay:0.75s;margin-bottom:0}.site_header .toggle #cross{width:30px;height:30px;position:absolute;top:50%;left:50%;-webkit-transform:rotate(45deg) translate(-50%, -50%);transform:rotate(45deg) translate(-50%, -50%);-webkit-transform-origin:top left;transform-origin:top left}.site_header .toggle #cross span{display:block;background:#000;position:absolute;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.site_header .toggle #cross span:nth-child(1){width:3px;height:0;margin-left:-1px;top:0;left:50%;-webkit-transition-delay:0s;transition-delay:0s}.site_header .toggle #cross span:nth-child(2){width:0;height:3px;margin-top:-1px;top:50%;left:0;-webkit-transition-delay:0.25s;transition-delay:0.25s}.site_header .toggle.active #hamburger span{width:0}.site_header .toggle.active #hamburger span:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s}.site_header .toggle.active #hamburger span:nth-child(2){-webkit-transition-delay:0.125s;transition-delay:0.125s}.site_header .toggle.active #hamburger span:nth-child(3){-webkit-transition-delay:0.25s;transition-delay:0.25s}.site_header .toggle.active #cross span:nth-child(1){height:100%;-webkit-transition-delay:0.625s;transition-delay:0.625s}.site_header .toggle.active #cross span:nth-child(2){width:100%;-webkit-transition-delay:0.375s;transition-delay:0.375s}.responsive_panel{max-width:100%;width:100%;height:100vh;background:yellow;position:fixed;top:110px;right:-100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;padding:20px;display:none}.responsive_panel.opened{right:0}.responsive_panel ul li{padding:15px 0;text-align:center}.responsive_panel .recherche{max-width:320px;margin:20px auto 0 auto}.admin-bar .responsive_panel{top:155px}@media only screen and (max-width:1024px){.site_header .toggle{display:block}.site_header .wrapper .main_navigation{display:none}.site_header .wrapper .recherche{display:none}.site_header .wrapper{-webkit-box-pack:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between}.site_header .wrapper .logo img{max-height:70px}.responsive_panel ul li a{font-size:17px}.responsive_panel ul li a:hover{border-bottom:1px solid #000}}