#divSMenuVente, /* le contenu du menu est réparti sur la hauteur  - avec flex au lieu de block */
#divSMenuLocation,
#divSMenuServices {
    display: flex;
    height: 0px;
    overflow-y: hidden;
}


.divSMenuServices-ouvert {
    height: 11rem !important;
    transition: height 1s;
}

.divSMenuServices-ouvert-sansAnim {
    height: 11rem !important;
}





    #divMenu {
    height: 100%;
    padding-top: 3rem;
    background-color: white;
}



    #divMenu .divLogo {
        margin-bottom: 1rem;
    }

        #divMenu .divLogo img {
            width: 90%;
        }


    #divMenu a {
        display: block;
        width: 100%;
        padding-left: 2.5rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    #divMenu a {
        font-weight: 400;
        font-size: 2em;
        text-decoration: none;
        color: dimgray;
    }


    #divMenu .divSousMenu a {
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 3.5rem; /* sous-menu décallé sur la droite */
    }

    #divMenu .divSousMenu a {
        font-weight: 500;
        font-size: 1.0em;
        text-decoration: none;
        color: dimgray;
    }

    #divMenu .divSousMenu .SousMenu2 a {
        padding-left: 4.5rem; /* sous-sous-menu décallé sur la droite */
    }


    #divMenu a:hover {
        color: #c55265;
    }


    #divMenu .divSousMenu .col-12:last-child {
        padding-bottom: .5rem;
    }



    #divMenu a.selection,
    #divMenu .divSousMenu a.selection {
        background-color: gainsboro;
        color: #c55265;
    }




/*        #divMenu .divSousMenu-ouvert {
            height: 19rem;
        }*/

/*        #divMenu .divSousMenu-anim {
            transition: height 2s;
        }*/




/* Entete et menu pour smartphone*/
#divEnteteSmart {
    display: none;
}

@media (max-width: 768px) {
    #divEnteteSmart {
        display: flex;
        position: fixed;
        z-index: 100;
        top: 0px;
        left: 0px;
        width: 100%;
        /*height: 3.75rem;*/
        height: 6rem;
    }
}

#divEnteteSmart {
    background-color: white;
    padding-top: .5rem;
    opacity: .85;
}

    #divEnteteSmart img {
        width: 100%;
        max-width: 10rem;
    }

    #divEnteteSmart #imgMenuSmart {
        width: 5rem;
        cursor: pointer;
    }



/* menu Smart */
.menu-smart {
    position: absolute;
    width: 100%;
    top: 3.75rem;
    right: 0rem;
    padding-top: 0rem;
    overflow: hidden;
    /*    padding-bottom: 6rem;*/
    background-color: white;    
}


.menu-smart {
    opacity: 0;
    height: 0rem;
    transition: height .25s, opacity .25s;
}



    .menu-smart a {
        padding-top: .5rem;
        padding-bottom: .5rem;
        font-size: 1.2em;
        text-align: center;
    }

        .menu-smart a:hover {
            color: #002450;
            text-decoration: none;
        }

.menu-smart-ouvert {
    opacity: 1;
    height: 31.75rem;
    transition: height 1s, opacity 1s;
}


a.menu-smart-fermer {
    font-weight: 600;
    padding-bottom: 3rem;
    padding-top: 1.5rem;
    font-size: 1.25em;
}

    a.menu-smart-fermer:hover {
        text-decoration: none;
    }

.menu-smart .border-top {
    border-top-style: solid;
    border-width: 1px;
    border-color: #aaa !important;
}

.menu-smart .border-bottom {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #aaa !important;
}