@media screen and (max-width: 1300px) {
  #app {
    top: 0px;
    height: 765px; }
  #app.resize {
    height: 735px; }
  #homepageSkyline {
    top: 53px; }
  .shadow {
    top: -100px; }
  #expander {
    top: 635px !important; }
  #appTitle {
    top: 10px;
    height: 48px; }
  #appBaseline {
    top: 15px; }
  #header {
    height: 95px; } }

@media screen and (max-width: 1024px) {
  #homepageQuestion {
    top: 320px; }
  .home_chemin_btn {
    top: 380px; }
  .home_chemin_btn_txt {
    top: 420px; }
  .helper.show {
    display: none !important; }
  #expander {
    top: 635px !important; }
  #overlay {
    height: 120% !important;
    overflow: visible; }
  #mentionContainer {
    top: 50px !important; }
  .bottomMentionHider {
    top: 580px !important; }
  .topMentionHider {
    top: 50px !important; } }

@media screen and (max-width: 780px) {
  #tablet_turn {
    display: block; }
  #expander, #expander.legal, #expander.expand {
    display: none !important; } }

@media screen and (max-width: 780px) {
  #tablet_turn {
    display: none; }
  #mobileContainer {
    display: block !important; }
  #app {
    display: none; }
  #overlay {
    display: none !important; }
  #homepageSkyline {
    display: none !important; }
  .shadow {
    display: none !important; } 


}

@media screen and (max-width:  500px){
  .footer_left a{
    margin: 7px 10px !important;
  }
}

@media screen and (min-width: 430px) {
  .hotelMobileBtnAnnule {
    left: 50% !important;
    transform: translate(85px, 0); }
  .restaurantMobileBtnAnnule {
    left: 50% !important;
    transform: translate(105px, 0); } }

@media screen and (max-height: 579px) {
  #mobileFooter {
    top: 0%;
    margin-top: 90px;
    margin-bottom: 10px; }
  .overlayMobile.show {
    height: auto !important;
    padding-bottom: 60px; }
  .overlayMobile.showBig {
    height: auto !important;
    padding-bottom: 60px; }
  .appContainer {
    top: 30px !important;
    height: 432px !important; }
  .mobileBilanContainer.show {
    top: 30px !important;
    height: 432px !important; }
  .mobileInvitation {
    font-size: 19px !important; }
  .mobileMailContainer.show {
    top: 430px !important; } }


@media screen and (max-width:1200px){
  #CookieConsentBlock .block_buttons .block_bt{
    display: block;
    margin-bottom: 6px;
  }
}


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

  #CookieConsentBlock .block_text{
    max-width: 100% !important;
  }

  #CookieConsentBlock .block_buttons{
    position: relative !important;
    width: 100%;
    right: auto !important;
    top: 0px !important;
    text-align: center;
    margin: 14px 0 0;
  }

  #CookieConsentBlock .block_buttons .block_bt{
    text-align: left;
    display: inline-block;
    width: 40%;
  }
}