@media only screen and (max-width: 820px) {

#hauth {width:100%;}
#slogan {float:left; width:70%; display:inline; color:#fff;}
#mob {float:left; width:30%;  display:inline; text-align:right; font-size:20px; color:#fff;}
#hauth a {color:#fff;}
#menu {
  display: none;
  background-color:#333;
  width:100%;
}
#menu h3 {margin:0; margin-top:0px;}
.ul_chapeau {
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
}
#closePanel {
    height:36px;
    text-align: center;
  }
#svgClose {cursor:pointer;}
}

/* if >= 820 */
@media only screen and (min-width: 820px) {

  #menu {
    display: block;
  }
  #mob, #closePanel {
    display: none;
  }
  #slogan {float:left; width:100%; color:#fff;}
}