:root{
    --header-height:60px;
}

p{
    text-align:left;
    padding: 0 10px;
}


/* =================================== Common ================================== */
/* à déplacer dans le CSS de _kernel car kernel-list */

/* ---------------------------------- Common / header -------------------------- */



header{
    position: fixed;
    z-index: 1;
    width: 100%;
}
header nav{
    grid-template-columns: auto;

}
header nav ul{
    margin:0;
    padding:0;
}
header nav ul li{
    display:block;
    height: 40px;
    padding-left:21px;
    display:none;
}

header nav ul li:last-child{    
    padding-bottom:20px;
}





/* les items cliquables du menu */
header nav.open ul li{
    display:block;
}
header nav.open ul{
    margin:20px 0 0 0;
}
header nav div#menu-icon{ /* le toggle */
    display:inline-block;
    position: absolute;
    right: calc(var(--header-height) / 4);
    top: calc(var(--header-height) / 4);
}



section > .content{
    margin: 20px;
    padding:0;
}

section > .content h2 {
    margin: 0;
}

section > .content p{
    line-height: 1.5em;
}





section > .article {
    position: relative;
    width:100%;
    height:auto;
    max-width: none;
        margin: 0 auto 20px auto;
}
section > .article > article{
    margin: 0 20px 20px 20px;
    display: block;
    width: auto;
    max-width: none;
    min-height: auto;
}


section > .article > article > img{
    float:none;
    width:100%;
    height: auto;
}
section > .article > article > h3{
    margin:10px
}

section > .article > article > p{
    margin:10px
}



section > .articles {
    position: relative;
    max-width: none;
}
section > .articles > article{
        margin: 10px auto;
        display: block;
        width: auto;
        max-width:calc(100% - 40px);
}