body {
    background: #316ab0;
    background: linear-gradient(15deg, rgba(49, 106, 176, 1) 0%, rgba(99, 142, 195, 1) 16%, rgba(153, 181, 216, 1) 41%, rgba(198, 214, 233, 1) 67%, rgba(255, 255, 255, 1) 100%);
    
    /*background-image: url('/images/backgrounds/fleurs.svg');*/
    min-height: 100vh; 
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}


nav {
    margin-top: 5px;
    margin-left: 30px;
    border: double dodgerblue 3px;
    display: flex;
    align-items: stretch;
    width: 750px;
}
nav ul {
    margin : 1px;
    height: 40px;
    gap: 5px;
    list-style: none;
    display: flex;
    align-items: stretch;
}
nav ul a {
    padding-right:4px;
    padding-left: 4px;
    border: solid dodgerblue 1px;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

header {
    background: center  no-repeat url('/images/backgrounds/monde2.png');
    height:5em;
    width: 900px;
    display: flex;
    justify-content: center;
    align-items: center;
}
header div {
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: center;
    border-radius: 10px;
    height: 4em;
}

#lavout {
    margin-top: 10px;
}

main {
    border: solid cornflowerblue 3px;
    border-radius: 3px;
    padding-left: 7px;
    background: #FFF;
}