.roundedBtnFill{
    padding: 14px 70px;

}

.blockmenuBar{

    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height:8%;
    /* background-color:blue; */
    display:flex;
    align-items: center;
    justify-content: center;
    font-family: montserrat;
    font-size: 20px;
    font-weight: bold;
    z-index: 1;

    /* border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(202, 202, 202); */

    }



    .menuBar{
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        display: flex;
        /* height: 100vh; */
        justify-content: start !important;
        align-items: center;
        text-align: center;
        height: 100%;
        width: 100%;
        right: 0px;
        background-color: initial !important;
        /* background-color: #cf4c49; */
        border: antiquewhite;
        border-style: solid;
        border-width: 0px;
        border-bottom-width: 1px;
        border-bottom-color: var(--borderColor);
        /* gap:12px; */
        padding-bottom:0px !important;

    }   
    .itemMenuBar{
        position: relative;
        height: 60px;
        height: auto;

        top:0px !important;
        display: flex;
        align-items: center;
        text-decoration: none;
        justify-content: center;
        flex-direction: column;
        margin: 18px !important;
        color: rgb(255, 255, 255);
        color:var(--ecriture);
        z-index: 1;
        font-size: 15px !important;
        font-weight: lighter;
        cursor: pointer;

    }


    /* a {

    font-size: 14px;
    color: #ecf0f1;

    transition: 0.5s;
    } */
    .itemMenuBar::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    top: 100%;
    left: 0;
    /* background: #1f1f1f; */
    transition: transform 0.5s;
    transform: scaleX(0);
    transform-origin: right;
    }
    .itemMenuBar:hover {
    /* color: #95a5a6; */
    cursor: pointer;
    }
    .itemMenuBar:hover::after {
    transform: scaleX(1);
    transform-origin: left;
    }


    
    @media (min-width: 1000px)  {

    .menuBar{

        border-width: 0px;
        border-bottom-width: 0px;

    }}