html, body {
    margin:     0;
    padding:    0;
    height:     100%;
    background: white;
}

.page_container {
    @include page-container;
}

.page_fullwidth {
    @include full_width;
}

.page_wrapper {
    // coller le footer en bas de page
    display:         flex;
    flex-direction:  column;
    justify-content: space-between;
    min-height:          100vh;
	// hauteur invariable de la initiatives
	border-top:31px solid $couleurPrincipale;
	
}

.page_main {
    // coller le footer en bas de page
    flex-grow: 1;
}

.page_header,
.page_main {
/*     margin-bottom: 2em; */
}

// initiatives
.page_header .header_initiatives { 
	position:absolute; 
	top:0; 
	left:0; 
	right:0;
	background-color:$couleurPrincipale;
	color:white;
	
}

@include media($bp-medium-up) {
    .page_main_content {
        display:         flex;
        justify-content: space-between;
    }
    .page_aside {
        min-width: em(320px);
        width:     em(320px);
    }
    .page_content {
        margin-right: 3em;
        width:        100%;
    }
}