#menureservation {
  z-index: 1001;
  position: fixed;
  right: -435px;
  font-family: 'dosismedium';
  max-width: 435px;
  opacity:0;
  overflow-y:auto;
  padding:20px;
  width:100%;
  height: 100%;
  padding-bottom: 20px;
  background-image: url('/wp-content/uploads/2016/10/taupe_grey.png');
  transition:0.5s all ease; -o-transition:0.5s all ease; -ms-transition:0.5s all ease; -moz-transition:0.5s all ease; -webkit-transition:0.5s all ease;
  box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
#menureservation.open { box-shadow:0 -15px 15px rgba(0,0,0,0.4); opacity:1; right:0; }

#menureservation #fermerreservation {
  color: #fff; display:block; font-family: 'dosismedium'; font-size: 51px; left:20px; line-height:0; position:absolute; top:20px;
  transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);
}

#menureservation h2 {
  color: #fff;
  font-family: 'dosismedium';
  font-size: 35px;
  line-height:1;
  text-transform: uppercase;
  text-align: center;
  padding:30px 0 20px;
}

#menureservation hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #5d554d;
    margin: 1em 0;
    padding: 0;
    width: 90%;
    margin: 0 auto;
}

#menureservation form input#btnsubmitformreserver { background:transparent; border:2px solid #fff; border-radius:150px; color:#fff; display:block; font-family:"dosismedium",Arial; font-size:19px; line-height:1; margin:0 10px 25px; padding:10px; text-transform:uppercase; width:100%; }
#menureservation form input#btnsubmitformreserver:hover { background:#fff; border:2px solid #fff; border-radius:150px; color:#84776C; display:block; font-family:"dosismedium",Arial; font-size:19px; line-height:1; margin:0 10px 25px; padding:10px; text-transform:uppercase; width:100%; }

#menureservation em {
    color: #fff;
    display:block;
    font-size: 14px;
    font-family: 'ubuntu';
    font-style: italic;
    padding:0 15px;
}

#btnreservation:hover{
  cursor: pointer;
}
#fermerreservation:hover{
  cursor: pointer;
}


#btnreservation{
  z-index: 1000;
  position: absolute;
  right: 0;
}

@media screen and (max-width: 1140px) {
  #btnreservation{
    right: 60px;
  }
}

#btnreservation { color:#fff; display:block; font-family:"dosismedium",Arial; font-size:15px; padding:15px 45px 15px 50px; position:fixed; right:0; top:0; }
#btnreservation::before { background-image:url('ico_agenda.png'); content:" "; display:block; left:0; height:23px; margin-top:-11.5px; position:absolute; top:50%; width:24px; }
#btnreservation strong { color:#fff; display:block; font-family:"dosismedium",Arial; font-size:20px; font-weight:normal; text-transform:uppercase; }

#menureservation * { box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.reservation_block { border-top:1px solid #5d554d; padding:15px 0; }
.reservation_block .line { font-size:0; margin-bottom:35px; }
.reservation_block .line.last { margin-bottom:0; }
.reservation_block .line label { color:#fff; display:inline-block; font-family:"dosismedium",Arial; font-size:20px; margin:0; padding:0 25px 0 0; text-align:right; text-transform:uppercase; vertical-align:middle; width:40%; }
.reservation_block .line label + div { display:inline-block; padding:0 60px 0 0; vertical-align:middle; width:60%; }
.reservation_block .line div input,
.reservation_block .line div .fSelect .fValue { background:#5d554d; border:none; box-shadow:none; color:#fff; cursor:pointer; display:block; font-family:"ubuntu",Arial; font-size:22px; font-weight:normal; padding:10px 15px; width:100%; }
.reservation_block.date div { position:relative; }
/*.reservation_block.date div::after { background-image:url('ico_agenda.png'); content:" "; display:block; height:23px; margin-top:-11.5px; position:absolute; right:25px; top:50%; width:24px; } */
.reservation_block .test {background-image:url('ico_agenda.png'); content:" "; display:block; height:23px; margin-top:-11.5px !important; position:absolute; right:25px; top:50%; width:auto !important;}
.reservation_block .line div input { text-align:right; }

.reservation_block .line div .fSelect { position:relative; }
.reservation_block .line div .fSelect::after {
  top: 50%;
  right: 12px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}
.reservation_block .line div .fSelect select { display:block; height:100%; left:0; margin:0; opacity:0.01; padding:0; position:absolute; top:0; width:100%; }
.reservation_block .line div .fSelect select option { font-family:"ubuntu",Arial; font-size:16px; font-weight:normal; }

.admin-bar #btnreservation { top:32px; }