/* proportions des colonnes */
/*:root {
        --main-column-width:
}*/

/* sticky footer */
body {
        min-height: 100vh important;
        flex-direction: column important;
        display: flex important;
}
footer {
        margin-top:auto;
}
#main {
        margin-top:0px;
        margin-bottom:30px;
}
#page-content {
        margin-top:30px;
}

.page-container {
        display:flex;
        flex-direction:row;
}
.page-container .left-col {
        width:27%;
        margin-right:4%;
}
.page-container .right-col {
        width:27%;
        margin-left:4%;
}
.page-container .main-col {
        width:70%;
        position:relative;
}
.page-container.three-cols .left-col {
        width:20%;
}
.page-container.three-cols .main-col {
        width:51%;
        margin-right:2%;
        margin-left: 2%;
}
.page-container.three-cols .right-col {
        width:17%;
}

p,
.main-col p,
.main-col > ul, 
.main-col > ol,
.chapeau,
#comments,
.single-post .main-col > .main-col-inner,
#profil .bio:not(.empty) {
    max-width: 720px;
}