#barre{
    animation-duration:10s;
    animation-name:fadein;
    animation-iteration-count:1;
    width:100%;
    display:flex;
    justify-content:space-between;
    background-color:#e9e1d2;
    opacity:97%;
    height:60px;
}
#barre.fixed{
    position: fixed;
    top: 0;
    z-index:99;
}
#lienlogo{
    width:10%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
#logo{
    width:auto;
    height:60%;
    Opacity:0%;
}

#logo.visible{
    Opacity:100%;
}
nav input[type=checkbox], .nav-mobile {
	display: none;
}
nav{
    align-self:center; 
}
#nav{
    margin:0;
    padding:0;
    display:flex;
    list-style-type:none;
}
.choixnav{
    padding:10px;
    margin-right:10px;
    text-transform:uppercase;
    color:#1F2A3A;
}
.choixnav:hover{
    color:#a36a4f;
    cursor:pointer;
}