.day {display:none;}

.fc-day-header {
font-size: 0.9rem;
}

.reservation_container {
display:grid;
grid-template-areas:
'calendrier'
'reservation_contact'
}

#calendar {
width: 95%;
margin: 0 auto 20px;
}

.reservation_container > .calendrier {grid-area:calendrier;}
.reservation_container > .reservation_contact {grid-area:reservation_contact;}

.dispo,.Rese{
width: 95%;
font-family: 'Open Sans', sans-serif;
font-size: 1.15rem;
margin: 0 auto 30px;
text-align: left;
color: #000000;
text-decoration: underline;
}

.Rese{
width: 100%;
margin: 0 auto 10px;
}

.sidebar-form{
width: 100 %;
margin: 1rem auto;
}

.form-group{
line-height: 15px;
margin-bottom: 10px;
}

.form-control{
height: 35px;
font-size: 15px;
padding: .1rem .3rem;
width: 100%;
border-radius: 2px ;
border-style: solid;
}

.sidebar-form  .form-group label
{
font-family: 'roboto';
font-weight: 400;
font-size:15px;
margin-bottom: 5px;
color: #333;
text-indent: 5px;
width: 100%;
text-align: left;
display: inline-block;
}

.sidebar-form  #submit-btn
{
width: 100%;
border:none;
margin-top: 10px;
background-color: #0aac66;
color: #ffffff;
font-size:15px;
padding: 7px;
font-family: 'roboto';
font-weight: 350;
cursor: pointer;
margin-bottom: 10px;
border-radius: 4px;
}

.sidebar-form  #submit-btn:hover {
  background-color: orange !important;
  cursor: pointer;
}


#error {
font-size: 0.7rem;
font-style: italic;
text-align: center;
}

.fc-event {
margin: auto;
width: 95%;
border: 1px solid #f20303;
background-color: #f20303;
text-indent: 3px;
}

.fc-toolbar{ 
font-size: 0.7rem;
}

#info_res {
margin: 1rem auto;
width: 100%;
text-indent: 3px;
text-align: left;
font-size: 0.6rem;
font-style: italic;
}
.capacite {margin: auto auto 15px;}

@media (min-width:900px) {
.reservation_container {
width: 100%;
margin: auto;
grid-template-columns:2fr 5fr;
grid-template-areas:
'reservation_contact calendrier calendrier';
}
.sidebar-form{ 
width: 90%; 
margin: 0 auto;
}

.fc-toolbar{ 
font-size: 1rem;
}


}