/*
* ===================================================
*  Feuille de style
* ===================================================
*/

/*
* ---------------------------------------------------
*  Chargement des polices
* ---------------------------------------------------
*/

@font-face {
    font-family: 'GT-Walsheim-Medium';
    src: url('GT/GT-Walsheim-Medium.woff2') format('woff2'),
        url('GT/GT-Walsheim-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-Walsheim-Medium-Oblique';
    src: url('GT/GT-Walsheim-Medium-Oblique.woff2') format('woff2'),
        url('GT/GT-Walsheim-Medium-Oblique.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*
* ---------------------------------------------------
*  Général
* ---------------------------------------------------
*/

body{
    background-color:white;
    /*background-color: #598d5c;*/
    color:#222;
    /*font-size:3.2vw;*/
    /*color: #bfb;*/
    
    font-family: 'GT-Walsheim-Medium';
    font-weight:normal;
    font-style:normal;
    font-size:2.4vw;
    line-height:1;
    /*letter-spacing: 0.01em;*/
    /*letter-spacing: -0.005em;*/
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    /*text-rendering: optimizeLegibility;*/
    text-rendering: geometricPrecision;
    font-feature-settings: "pnum" 1, "kern" 1, "liga" 1;
    
    /*font-variant-caps: small-caps;*/
    
    /*font-feature-settings:"onum" 1;*/
}
a{
    text-decoration: none;
    color:#222;
    /*color: #bfb;*/
}

ul{
    list-style-type: none;
    margin: 0;
    padding:0;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1vw;
}


ul li{
    padding:1vw;
    border-bottom:1px solid #aaa;
    padding-bottom: 8vw;
    /*
    background-color: #e5e5f7;
    opacity: 0.8;
    background-image: radial-gradient(#444cf7 0.5px, #e5e5f7 0.5px);
    background-size: 10px 10px;*/
}

p#topnav{
    font-size: 1vw;
    padding: 2vw;
    color: grey;
}
p#topnav a{
     color: grey;
}

p#topnav a:hover{
     background-color:yellow;
}

header{
    display:grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 1vw;
    font-size: 1vw;
    padding: 2vw;
    color: grey;
}

header section.premiere{
    color:#222;
}

header h2,
header p{
    font-size: 1vw;
}
header h2{
    text-decoration:underline;
}