.menu > div.container { /* couleur fond menu */
    background-color: #DD5555; 
}



.ElementsMenu{      /* la liste du menu */
    display: flex;
    align-items: center;
    gap:2rem;
    margin-left: 140px; 
    margin-right: 600px;
    border: 1px solid rgb(255, 255, 255);
    }


.ElementsMenu > li{ /* mise en forme des éléments du menu */

    display: block;
    height: 52px;
    line-height: 52px;
    list-style:none; /* supprime les puces */
    border: 1px solid rgb(0, 0, 0);
      
}


.logo > img{
    vertical-align: middle;
    border: 1px solid rgb(172, 178, 15);
}



a{ /* Mise en forme de la police du menu */
    text-decoration : none; /* supprimer soulignage du texte menu */
    color: #FFFFFF;
}

<header>
        <div class="menu">
            <div class="container">
                <nav>
                    <ul class="ElementsMenu">
                        <li class="logo"><img src="https://dummyimage.com/600x400/000/fff"  alt="Logo"></li>
                        <li><a href="">A propos</a></li>
                        <li><a href="">Services</a></li>
                        <li><a href="">L'équipe</a></li>
                        <li><a href="">Contact</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>