@media screen and (min-width: 869px) {

  #header_low {display: none;}

  #header {background-color:#ffffff; box-shadow:1px 3px 5px #575757;}
  #header .top {width:92%;max-width:900px;margin:0 auto;padding:5px;text-align:left; border:0px solid black;}
  #header .logo {width:437px;height:80px;display:inline-block;background:url("/img/corp/routard.gif") no-repeat; background-size:437px 80px;}
  #header .menu {display:inline-block; margin:0 0 12px 50px;}
  #header .menu ul {padding:0;margin:0;list-style-type:none;}
  #header li {float:left;}
  #header li a {display:block;padding:0 25px;text-decoration:none;text-align:center;font-size:12px;font-weight:bold;color:#11306f;}
  #header li a:hover {color:#13b3de;}
}

@media screen and (max-width: 868px) {
  
  #header {display: none;}
  
  #header_low {width:100%;height:60px;padding:3px 0;display: inline-block; background-color:#ffffff;}
  #header_low2 {width:100%;display:inline-block;}
  #header_low2 .logo {width:377px;height:55px;display:inline-block;float:left;background:url("/img/corp/routard_low.gif") no-repeat; background-size:377px 55px;}
  
  #menu_top {padding-right:12px; width:40px; height:32px; float:right; text-align:right; border:0px solid red;}
  #menu_top:hover #menu_low{display:block; transition: 0s linear 1s;}
  
  #menu_low {width:160px; display:none; position:relative; z-index:10; left:-60px; background-color:#294777; text-align:right;}
  #menu_low li {list-style-type:none; font-family:Roboto,tahoma; font-size:1.2em; border-top: 1px solid #ffffff; padding:12px 10px 12px;}
  #menu_low li a {text-decoration:none; color:#ffffff;}
  #menu_low li a:hover{color:#f4f110;}
}