@media only screen and (max-width:800px){
    .presentation-chambre-reservation {
    flex-direction: column-reverse;
    justify-content:  unset;
    padding-bottom: 30px;
    padding-top: 15px;
}

div#bloc-left-presentation-chambre {
    width: 100%;
}

.bloc-formulaire-reservation {
    width:  100%;
    box-sizing: border-box;
}

.conteneur-pourquoi .titre-service {
    width: 50%;
    padding-top: 30px;
}

.pourquoi {
    flex-wrap:  wrap;
}

.bloc-raison-wrapper {
    width: 48%;
}

.detail-information {
    flex-direction:  column;
    justify-content:  unset;
}

.detail-bloc-left, .detail-bloc-right {
    width: 100%;
    margin-bottom:  30px;
}
}

@media only screen and (max-width:380px){
    .content-prix-chambre {
    font-size: 13px;
}

.libelle-formulaire {
    font-size: 13px;
}

.ligne-formulaire input, .ligne-formulaire select {
    font-size:  12px;
    height: 25px;
}

.btn-chambre.btn-reservation {
    font-size:  12px !important;
}

.titre-formulaire {
    font-size: 20px;
}

.libelle-info {
    font-size:  12px;
}

.content-bloc-tab .tab-content {
    font-size:  12px;
    line-height:  1.5;
}

.icone-raison {
    width:  70px;
    height:  70px;
}

.titre-raison {
    font-size: 11px;
}

.description-raison {
    font-size: 10px;
    margin-bottom: 0;
}
}