/*////////////////////////////media querys///////////////////////*/
/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 810px) {
    #footer {
        position: relative;
    }

    #connexion {
        margin-bottom: 0;
        margin-top: 0;
    }

    /* card */
    .cardDelice {
        height: 70%;
    }

    .cardDeliceBoisson {
        height: 11rem;
    }


    /* prix */
    .prix {
        margin-top: 5%;
        position: inherit;
    }

    .prixSand {
        margin-top: 0.3rem;
    }

    .prixBoisson {
        margin-top: 0.75rem;
        position: inherit;
        font-size: 18px;
    }


    /* nom et txt */
    .nomBuns,
    .nomBoire,
    .nomSnack,
    .nomSupp,
    .nomFromage {
        text-align: center;
    }

    .nomAdd {
        margin-bottom: 0;
        text-align: center;
    }

    .nomSandwich {
        display: none;
    }

    .P2 {
        font-size: 1.15rem;
        margin-top: 0.5rem;
        max-height: 40px;
    }

    .nomBoissonA {
        font-size: 17px;
    }

    .h2boisson {
        text-align: center;
    }

    .ssTitre {
        margin-top: 0.5rem;
    }

    .compo {
        display: none;
    }

    .txtCarouMarg {
        margin-left: 0;
        text-align: center;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .txtProduit {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .infos {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 0;
    }


    /* image logo  */
    .imgCard {
        width: 50%;
        margin-top: 0.4rem;
    }

    .imgCardBoisson {
        max-width: 5rem;
        min-height: 5rem;
        margin-top: 0.5rem;
    }

    .imgSmall {
        display: none;
    }

    .imgBoisson {
        display: none;
    }

    .ipImgProfil {
        left: 2rem;
    }

    .listeImg {
        display: none;
    }



    /* tableau    */
    .tableMini {
        display: block;
        margin-top: 20px;
    }

    .gbTable {
        display: none;
    }

    .table {
        margin-bottom: 0;
    }




    /* partie   */
    .detailComm {
        width: 100%;
        margin-bottom: 100px;
    }

    .sec1Bas {
        font-size: 22px;
    }

    .menuQ {
        height: 65px;
        width: 65px;
    }

    .merci {
        width: 100%;
        margin-top: 50%;
    }

    .copyright {
        display: none;
    }


    /* bouton */
    .btn-annulation {
        border-radius: 50%;
    }

    .inscriBtn {
        margin-bottom: 5rem;
    }


    /* marge probleme */
    .degusto {
        margin-top: 3rem;
    }

    .carouseldec {
        margin-left: 0;
    }

    .plus-marge {
        margin-bottom: 1rem;
    }

    .btnMarg {
        margin-bottom: 4rem;
    }
	
}