.pageShipping .form{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:auto auto;
    grid-template-columns: auto auto;
    gap:5px;
}

.pageShipping
{
    background-color: inherit;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:auto auto;
    grid-template-columns: auto auto;
    -ms-grid-row-align: center;
    align-content: center;
    -ms-grid-columns:max-content 1fr max-content;
    max-width: 700px;
    margin: 0 auto;
    justify-content: space-around;
    width:100%;
}

.pageShipping .postalLine > label{
    display: block;
}

.pageShipping .postalLine > *{
    margin-top:5px;
    margin-bottom: 5px;;
}

.pageShipping .erreurStatus
{
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
    color:red;
}

.pageShipping .erreur{
    color:red;
}

.costSide{
    min-width: 200px;
}

.ratioPost{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:5px;
    -ms-flex-align:center;
    align-items:center;
    justify-content:flex-start;
}

.pageShipping input,
.pageShipping select{
    width: -webkit-clamp(60px, 90%, 200px);
    width: clamp(60px, 90%, 200px);
}

.ratioPost input{
    width:20px;
}

@media (max-width: 700px) {
    .pageShipping{
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .costSide{
        -ms-grid-column-align: end;
        justify-self: end;
    }
}

@media (max-width: 400px) {
    .pageShipping .form{
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
}

button:disabled {
    background-color: #a9a9a9;
    cursor: not-allowed;
    opacity: 0.6;
  }