/*
 * Ici tout ce qui touche à la disposition des régions et des conteneurs
 */

.toolbar-horizontal #page-wrapper {
    margin-top: 39px;
}

.toolbar-horizontal.toolbar-tray-open #page-wrapper {
    margin-top: 79px;
}

#page {
    align-items: start;
}

#page-wrapper {
    padding-block-start: 4.375em;
}

.layout-container {
    max-width: none;
    margin: 0;
}

#header {
    position: fixed;
    background-color: rgb(31, 53, 26);
    width: 100%;
    z-index: 100;
    height: 70px;
    grid-column: 1 / 11;
    grid-row: 1;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .3) !important;
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .3) !important;
    box-shadow: 0 0 7px rgba(0, 0, 0, .3) !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.toolbar-horizontal #header {
    top: 113px;
}

.toolbar-horizontal #enHaut.fixed #header {
    top: 53px;
}

.toolbar-horizontal.toolbar-tray-open #header {
    top: 79px;
}

.layout-main {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: 1fr;
    padding: 0 5%;
}

.layout-main a, .layout-main .link {
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 1px dotted;
}

.layout-main a:hover,
.layout-main a:active, .layout-main a:focus, .layout-main .link:hover,
.layout-main .link:active, .layout-main .link:focus {
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 1px solid;
}

body.path-group .layout-main,
body.path-mon-espace .layout-main {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    grid-template-rows: 1fr;
}

body.path-mon-espace .main-content,
body.path-group .main-content {
    grid-column: 1 / 10;
}

.main-content {
    grid-column: 1 / 11;
    grid-row: 1;
}

.path-frontpage .main-content,
.path-group .main-content {
    padding-right: 0;
}

.layout-sidebar-first .main-content {
    margin: 0;
}

#sidebar-first {
    box-sizing: border-box;
    float: none;
    grid-column: 1;
    grid-row: 1;
    overflow: hidden;
}

#sidebar-first .sidebar .section {
    padding: 0;
}

.layout-two-sidebars .main-content {
    grid-column: 2 / 9;
    box-sizing: border-box;
    padding-right: 20px;
}

.layout-two-sidebars #sidebar-second {
    grid-column: 9 / 11;
    grid-row: 1;
    width: 100%;
    margin-left: 0;
    padding: 0;
    box-sizing: border-box;
}

.site-footer {
    grid-column: 1 / 10;
    grid-row: 3;
}

.layout-two-sidebars #block-mainpagecontent-2 {
    box-sizing: border-box;
    width: 100%;
}

@media screen and (max-width: 1023px) {
    .layout-two-sidebars .main-content {
        grid-column: 2 / 11;
        padding-right: 10%;
    }

    #sidebar-first {
        width: 90%;
        padding-left: 10%;
    }

    #sidebar-second {
        display: none;
    }

    .mm-wrapper_opened .path-group #sidebar-second {
        display: block;
        position: fixed;
        width: 78%;
        min-width: 240px;
        max-width: 440px;
        font-size: 12px;
        overflow: scroll;
        height: calc(100vh - 300px);
        top: 200px;
        right: auto;
        left: 100%;
        margin: 0;
    }

    .mm-wrapper_opened .region-sidebar-second .block .content {
        font-size: 1.6rem;
        line-height: 2.4;
    }

    .mm-wrapper_opened .block-views-blockgroup-list-block-user-coalitions .content {
        font-size: 1.4rem !important;
        line-height: 1.4 !important;
    }

    .mm-wrapper_opened #sidebar-second aside {
        padding-left: 36px;
    }

    .mm-wrapper_opened #sidebar-second a {
        color: #fff;
    }

    .layout-main-wrapper {
        padding: 0 20px;
    }

    .layout-main {
        padding: 0;
    }
}

@media screen and (min-width: 40em) {
    .layout--threecol-section--33-34-33 > .layout__region--first, .layout--threecol-section--33-34-33 > .layout__region--third {
        flex: 0 1 30%;
        padding: 0 1%;
    }

    .layout--threecol-section--33-34-33 > .layout__region--second {
        flex: 0 1 33%;
        padding: 0 1%;
    }
}


#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow {
    padding: 15px !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog {
    padding: 15px !important;
}