.layout-Container {
    max-width: var(--april-screen-largeplus);
    margin: auto;
}

.layout-Footer {
  padding: 1.5rem 0;
  color: white;
  background-color: #00365b;
}


.layout-Header {    
    padding-top: 24px;
    padding-bottom: 24px;
}

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

.layout-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 var(-april-couleur-principale);
	
}



/*******************************************************************************
* layout-grid
*******************************************************************************/

.layout-grid-Area_title {
    grid-area: title;
}

.layout-grid-Area_content {
    grid-area: content;
}

.layout-grid-Area_aside {
    grid-area: aside;
}

.layout-grid-Area_extra {
    grid-area: extra;
}

.layout-grid-Grid_simple {
    display: grid;
    grid-template-areas:    "title empty"
                            "content content";
    grid-template-columns: 1fr 430px;
    column-gap: 15px;
}

.layout-grid-Grid_standard {
    display: grid;
    grid-template-areas:    "title aside"
                            "content aside"
                            "content extra";
    grid-template-columns: 1fr 430px;
    grid-template-rows: auto auto 1fr;
    column-gap: 15px;
}

@media screen and (max-width: 980px) {
    
    .layout-grid-Grid_simple, .layout-grid-Grid_standard {
        display: block;
    }
}

@media screen and (max-width: 1200px) {
    
    .layout-Container {
        padding-left:  1em;
        padding-right: 1em;
    }
}