ok le design de lapage d'accueil est presque terminé je dirais. Les éléments sont intégrés correctement pour les écrans d'ordinateur :

:: @Flo added on 01 Jul ’20 · 21:45

%CSS
html {
  background-color:black;  
  background-image:url('http://localhost/pluxml/themes/defaut/img/fond.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;
}

.content{
    margin-top:30em;
}

.menu {
    color:white;
    font-size:3em;
    width:53%;
    height:330px;
    margin:auto;
    text-align:center;
    background-image: url("http://localhost/pluxml/themes/defaut/img/borders.png");
    background-repeat:no-repeat;
    background-size: cover;
    overflow:hidden;
}

.menu li{
    display:inline-block;
    width: 300px;
    padding: 100px 0;
    vertical-align:middle;
}

.vl {
    height:200px;
    width:60px;
    background-image:url("http://localhost/pluxml/themes/defaut/img/vl.png");
    background-repeat:no-repeat;
    display:inline-block;
    background-size: cover;
    margin-top: -.235ex;
    vertical-align: middle;
}

.koko-center {
    width:800px;
    height:auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
%

%HTML
<?php include __DIR__.'/header.php'; ?>

    <div class="content">
        <div class="menu">
            <ul>
            <li>Accueil</li>
            <div class="vl"></div>
            <li>Bio'</li>
            <div class="vl"></div>
            <li>Réalisations</li>
            <div class="vl"></div>
            <li>Contact</li>
            </ul>        
        </div>

        <img class="koko-center" src="http://localhost/pluxml/themes/defaut/img/Koko2.png">

    </div>
%