/* layout */


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

.page--container {
	margin:  0 auto;
	padding: 0 1em;
	width:   100%;
	min-width:320px;
	@include media($bp-large-up) {
		width:   $screen-large;
		padding: 0;
	}
}

.page__wrapper {
	@include flex();
	-webkit-flex-direction: column;
	flex-direction:         column;
	justify-content:        space-between;
	min-height:             100%;
	// hauteur de la boussole
	border-top:em(44px) solid $couleurPrincipale;
}

.page__content {
	margin-bottom: $spacer*4;
}

@include media($bp-medium-up) {
	.page__content {
		@include flex();
		// permet de caler le footer en bas de page
		flex-grow:       1;
		flex-direction:  row;
		justify-content: space-between;
		margin-bottom:   $spacer*4;
	}

	.contentMain {
		// deux tiers
		width:        60%;
		margin-right: $spacer*2;
		.composition_dossier & {
			width:100%;
			margin:0;
		}
	}

	.contentAside {
		// un tiers
		width:       40%;
		margin-left: $spacer*2;
	}
}