@font-face{
    font-family:Oswald;
    src:url(../fonts/Oswald-Regular.ttf);
}
*{
    font-family:Oswald;
}
html,body{
    background-color: rgb(120, 120, 120);
    margin:0;
    height:100%;
}
/*#haut{
    display:flex;
    justify-content:flex-end;
    font-family:Oswald;
    font-size:1.1em;
    background-color:#343434;

}
/*#haut a{
    text-decoration:none;
    color:#fff;
    padding:14px 20px;
    transition:.5s all;
}
#haut a:hover{
    background-color:#6f6b6b;
    color:black;
}*/

#accueil{
    background-image:url(../images/background.jpg);
    min-height:100%;
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}

#accueil h1{
    margin-top:5px;
    text-align: center;
    color: #fff;
}
#accueil p{
    margin-top:150px;
    font-size:1.5em;
    text-align: center;
}
#milieu{
    display:flex;
    flex-wrap:wrap;
    height: max-content;
}
#milieu #gauche{
    flex:50%;
    background-color: rgb(162, 1, 1);
    text-align:center;
    color:#fff
}
#milieu #droit{
    flex:50%;
    background-color: rgb(0, 108, 16);
    text-align:center;
    color: #fff;
}
#bas{
    display:flex;
    background-color: #343434;
    color: #fff;
    justify-content: center;
}