/*
    Template pour page en mode connecté
*/

#container-principal {
    display: -ms-grid; /*Fix: IE11*/
    display: grid;
    -ms-grid-columns: 1fr 45fr 1fr; /*Fix: IE11*/
    grid-template-columns: 1fr 45fr 1fr;
    -ms-grid-rows: auto auto auto 40px; /*Fix: IE11*/
    grid-template-rows: auto auto auto 40px;
    grid-template-areas:
        ". entete ."
        ". menu ."
        ". contenu ."
        ". piedDePage .";
}

#container-principal header {
    -ms-grid-row: 1; /*Fix: IE11*/
    -ms-grid-column: 2; /*Fix: IE11*/
    grid-area: entete;
}

#container-principal aside {
    -ms-grid-row: 2; /*Fix: IE11*/
    -ms-grid-column: 2; /*Fix: IE11*/
    grid-area: menu;
}

#container-principal main {
    -ms-grid-row: 3; /*Fix: IE11*/
    -ms-grid-column: 2; /*Fix: IE11*/
    grid-area: contenu;
}

#container-principal footer {
    -ms-grid-row: 4; /*Fix: IE11*/
    -ms-grid-column: 2; /*Fix: IE11*/
    grid-area: piedDePage;
}

/*
    Template pour page publique
*/

#container-principal-publique {
    display: -ms-grid; /*Fix: IE11*/
    display: grid;
    -ms-grid-columns: 1fr 45fr 1fr; /*Fix: IE11*/
    grid-template-columns: 1fr 45fr 1fr;
    -ms-grid-rows: auto auto auto 40px; /*Fix: IE11*/
    grid-template-rows: auto auto auto 40px;
    grid-template-areas:
        ". entete ."
        ". bandeau ."
        ". contenu ."
        ". piedDePage .";
}

#container-principal-publique header {
    -ms-grid-row: 1; /*Fix: IE11*/
    -ms-grid-column: 2; /*Fix: IE11*/
    grid-area: entete;
}

#container-principal-publique aside {
    -ms-grid-row: 2; /*Fix: IE11*/
    -ms-grid-column: 2; /*Fix: IE11*/
    grid-area: bandeau;
}

#container-principal-publique main {
    -ms-grid-row: 3; /*Fix: IE11*/
    -ms-grid-column: 2; /*Fix: IE11*/
    grid-area: contenu;
}

#container-principal-publique footer {
    -ms-grid-row: 4; /*Fix: IE11*/
    -ms-grid-column: 2; /*Fix: IE11*/
    grid-area: piedDePage;
}