/* Page booking confirmation  */
.bloc-confirm-right {
    background: #F3F3F3;
    padding: 27px;
}
.left-confirmation{
    background: #F3F3F3;
    padding: 45px;
}
.confirm-bloc{
    display: flex;
    margin-bottom: 35px;
}
.content-confirm h2{
    font: normal normal bold 18px/22px 'Raleway';
    letter-spacing: 0px;
    color: #000000;
}
.content-confirm p{
    font: normal normal 300 16px/22px 'Montserrat';
    letter-spacing: 0px;
    color: #000000;
}

.confirm-bloc .img-confirm{
    flex:40%;
}
.confirm-bloc .content-confirm{
    flex:60%;
    padding: 0 77px 0 33px;
}
.img-confirm img {
    width: 100%;
    max-height: 134px;
    object-fit: cover;
}
.btn-booking {
    text-align: center;
}
.btn-booking a{
    background: #000000;
    color: #fff;
    padding: 12px 64px;
    width: 100%;
    font: normal normal normal 18px/31px 'Montserrat';
    letter-spacing: 0px;
}
a.update-info{
    background: #C5C5C5;
    font: normal normal normal 16px/31px 'Lato';
    letter-spacing: 0px;
    color: #707070;
    padding: 7px 25px;
    float: right;
}
a.update-info i{
    padding-left: 14px;
}
.left-confirmation h1{
    font: normal normal 300 30px/25px 'Montserrat';
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 22px;
}
.group {
    font: normal normal normal 16px/31px 'Montserrat';
    letter-spacing: 0px;
    color: #707070;
    margin-bottom: 8px;
}
.bloc-confirm-right h3{
    font: normal normal bold 18px/28px 'Montserrat';
    letter-spacing: 0px;
    color: #000000;
}
.bloc-confirm-right p{
    font: normal normal normal 16px/28px 'Montserrat';
    letter-spacing: 0px;
    color: #000000;
}
.booking-content .bloc-bottom p{
    font: normal normal bold 18px/22px 'Montserrat';
    letter-spacing: 0px;
    color: #000000;
}

/* page contact */
#contact-form .form-group input {
    width: 100%;
}
#contact-form input.optionnel {
    width: 100% !important;
    margin-right:0px !important;
}

#contact-form label.error {
    display: block;
    text-align: left;
}
#contact-form .mobile-bloc input{
    width: 100% !important;
}

@media (max-width: 1400px){
    a.update-info {
        padding: 7px 17px;
    }
    .left-confirmation h1 {
        font: normal normal 300 28px/25px 'Montserrat';
    }
}
@media (min-width: 1024px) {
    #contact-form .right-part{
        padding-left: 0;
    }
}
@media (max-width: 767px){
    a.update-info {
        margin-bottom: 28px;
    }
    .confirm-bloc .content-confirm{
        padding: 0 0 0 33px;
    }
}