@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,400;1,100;1,400&display=swap);

.sticky {
    position:sticky;
    top:0;
}

body {
    font:1rem "Barlow", sans-serif;
    margin-top:0px;color:#615476;
}

.selection {
    color:#007ba8;
    font-weight:bold;
}

.selection_visited:visited {
    color:#007ba8;
}

h1 {
    margin:0;padding-top:20px;padding-bottom:20px;
}

h1, h5 {
    color:#00668C;
}

.header {
    background-color:white;padding:20px;padding-left:15%;padding-right:15%;margin-top:0px;
}

.page {
    background-color:#F3FBFB;margin:0;padding-left:15%;padding-right:15%;padding-bottom:100px;
    background-image:url('../images/main.cd7ee97a.svg'),url('../images/point-grid.6839f375.svg'),url('../images/pattern-2.af9cfe67.svg');
    background-position:0 0,right 37.5rem,top 117.5rem right 20%;
    background-repeat:no-repeat;
}

.pave {
    background-color:white;
    margin:0;padding:30px;
    box-shadow: 0.125rem .5rem rgba(0,64,87,.1);
    border-radius : 0.5rem
}

.footer {
    background-color:black;padding-left:15%;padding-right:15%;padding-top:20px;padding-bottom:20px;text-align:center;
}

.lien {
    margin-left:15px;margin-right:15px;color:white;padding:5px;
}

.lien:hover {
    background-color: #DEF2FA;
    color:#3E5770;
    border-radius: 10px;
}