div.ampoule img {
    height: 280px;
    margin-top: 20px
}
.ampoule, .heading-block span {
    display: none !important;
}

@media only screen and (min-width: 1024px) {
    .ampoule, .heading-block span {
        display: block !important;
    }
}

div.entete {
    height: 350px;
}

div.etapes {
    margin-bottom: 16px;
}

div.etapes p {
    font-size: 1.4em;
    font-weight: bold;
    color: #6C757D;
    border-bottom: 2px grey solid;
}

div.etapes span {
    margin-right: 30px;
}

.etapeActive {
    color: #593196;
}
p.formule {
    margin: 0;
    padding: 0;
}
#divFormule, #divCmde, #divCoordonnees, #divPaiement, #divConfirmation, #msgOptions, #msgCmde, #btnCmde {
    display: none;
}
#divFormule {
    margin-top: 50px;
}
div.active {
    display: block !important;
}
#btnFormules, #btnCmde, #btnCoordonnees, #btnPaiement {
    background-color: blue;
    width: 300px;
    text-align: center !important;
}
.heading-block > p {
    display: block;
    margin-top: 0.5rem;
    font-weight: 300;
    font-size: 1.3em;
    color: var(--cnvs-heading-block-span-color);
}

div .message {
    font-size: 1.2em;
}
div .btnsCmde {
    margin-bottom: 60px;
    text-align: center;
}
.ligneOptions {
   display: table-row;
}
div .fSimple, div .fVolume {
    display: none;
}
.col1 {
    width: 40%;
}
.col2, .col3, .col4 {
    width: 20%;
}
th.simple {
    font-weight: normal;
}
p.prix {
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 10px;
}
button.bg-danger {
    background-color: #ba7f2b !important;
}
tr.souscrire {
    width: 100%;
    border-bottom: none;
    border-top: none;
    height: 20px
}
    tr.souscrire button {
        width: 160px;
    }
/*div.quantity, td.quantity {
    width: 200px !important;
}*/

.gras {
    font-weight: bold;
}
.droite {
    text-align: right;
}

input.max-width {
    max-width: 400px;
}

.marge-bas {
    margin-bottom: 80px;
}