#mobile_menu_top {
  display: none;
  justify-content: space-between;
  align-items: center;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  height: 32px;
}

#mobile_menu_top .logo_mobile {
  width: 50px;
}

#mobile_menu_top .menu_burger_top, #mobile_menu_top .mobile_menu_icon_env .mobile_search_user {
  color: #fff;
  padding: 10px;
}

#mobile_menu_top > ul {
  margin: 0 5px;
  padding: 0;
}

#mobile_menu_top > span, #mobile_menu_top .mobile_menu_icon_env, #mobile_menu_top .mobile_menu_log {
  display: -webkit-flex;
  -webkit-justify-content: space-around;
  -webkit-align-items: center;
  display: flex;
  justify-content: space-around;
  align-items: center;
}


#mobile_menu_top .mobile_menu_icon_env li, #mobile_menu_top .mobile_menu_log li  {
  list-style: none;
  padding: 0 10px;
}

#mobile_menu_top #search_mobile_top {
  position: absolute;
  border: 0;
  left: 0;
  top: -100px;
  background: rgba(25, 16, 7, 0.8);
  width: 100%;
  z-index: 100;
  -webkit-transition: top 0.5s;
  transition: top 0.5s;
}

.showSearchMobile {
}

#mobile_menu_top #search_mobile_top input {
  margin: auto;
  max-width: 300px;
  font-size: 12px;
}

#mobile_menu_top #search_mobile_top #resultats_recherche {
 padding: 10px;
}

#mobile_menu_top ul#mespages {
  width: 290px !important;
}

@media screen and (max-width: 1000px) {
  #cdroite {
    display: none;
  }

}

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

  #mobile_menu_top {
    display: -webkit-flex;
    display: flex;
  }

  #panel-menu {
    position: fixed !important;
    bottom: 0;
    top: inherit;
    height: inherit;
    background-color: #fff !important;
    opacity: 1 !important;
    border-top: 1px solid #EF6C00;
  }

  #row-menu nav > img, #row-menu nav > span, #row-menu nav > a > span {
    display: none;
  }

  #row-menu nav {
    text-align: center;
  }

  #head1280 {
    text-align: center;
    min-height: 0 !important;
  }

  #head1280 .col-sm-3 .thumbnail {
    max-width: none;
    margin: 10px;
    width: 120px;
  }

  #head1280 .col-sm-3 .thumbnail .caption {
    display: none;
  }

  #head1280 .col-sm-6{
    padding: 10px 0 15px !important;
  }


}

@media screen and (max-width: 500px) {
  /*.head_pub_raty {*/
    /*display: none !important;*/
  /*}*/
  .head_pub_avatar {
    width: 16% !important;
  }
}


@media screen and (max-width: 350px) {
  .stat_sociaux_bas, .block_action_sociaux_content >a {
    font-size: 10px !important;
  }
}