/**
 * @file
 * Bartik layout styling.
 */

/**
 * Container
 */
.layout-container {
    box-sizing: border-box;
    max-width: 860px;
    margin-right: auto;
    margin-left: auto;
}

@media all and (min-width: 851px) {
    .layout-container {
        max-width: 1290px;
    }
}

/**
 * Main
 */
.layout-main-wrapper {
    min-height: 300px;
}
.layout-main {
    margin-top: 20px;
    margin-bottom: 40px;
}




.toolbar-fixed #header {
    top: 79px;
}

ul.menu {
    margin: 0;
    padding: 0;
}

#main-wrapper {
    background: var(--page-background);
    margin: 0 0 2em 0;
}

.layout-container {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/*#block-filsdariane {
    bottom: 0;
    padding: 2em 0;
}*/

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

.breadcrumb {
    font-family: 'Lato', sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0;
    color: var(--couleur-vert);
}

.breadcrumb a {
    border: 0;
    color: var(--couleur-orange);
}

.layout-two-sidebars .main-content {
    /*margin-left: 25%;
    margin-right: 25%;
    width: 50%;*/
    margin-left: 25%;
    /*margin-right: 20%;
    width: 55%;*/
    background: #FFF;
    padding: 20px 0 0 0;
    border-radius: var(--border-radius);
}

/*full screen - no bonus - page tutoriel*/
body.page--tutoriel #content {
    width: 100%;
    margin-left: 0;
}

body.page--tutoriel .tabs ul.primary {
    display: none;
}

body.page--tutoriel #sidebar-first, body.page--tutoriel #sidebar-second {
    display: none;
}

@media (min-width: 851px) {
    .layout-container {
        max-width: 100%;
    }

    .header .layout-container {
        margin: 0 auto;
    }

    .site-footer .layout-container {
        max-width: 1290px;
        margin: 0 auto;
    }

    .layout-main {
        max-width: 1290px;
        margin: 0 auto;
        padding: 0;
    }

    /*#superfish-main {
        margin-left: -80px;
    }*/
}

@media all and (max-width: 851px) {
    #main-wrapper {
        background: #FFF;
        padding: 20px;
    }

    .main-content .section {
        padding: 0;
    }

    .node--view-mode-teaser.node--sticky {
        padding: 0 0 15px;
    }

    .layout-two-sidebars .main-content {
        margin-left: 0;
        margin-right: 0;
        width: auto;
        padding: 0;
    }

    #block-gestion-des-images-bandeau, #block-views-block-gestion-des-images-bandeau-block-2, #block-views-block-gestion-des-images-bandeau-block-3 {
        height: auto;
    }

    /*#infosPage, #block-filsdariane {
        padding: 15px;
    }*/

    #sidebar-first.sidebar .section,
    #sidebar-second.sidebar .section {
        padding: 10px 0 0 ;
    }

    #block-imagehaute, #block-marquedusite .site-branding__text, ul.sf-menu .sf-sub-indicator {
        display: none;
    }

    /*.search-form .form-search {
        width: 200px;
    }*/
    #block-marquedusite {
        /*top: 7px;*/
        margin: 0;
    }

    #block-rechercher {
        padding: 25px;
        right: 50px;
    }

    #block-formulairederecherche.rechercheVisible {
        top: 80px;
    }

    #block-marquedusite .site-branding__logo {
        width: 105px;
        height: 30px;
        display: block;
        margin: 0 10px;
    }

    #header {
        height: 80px;
        background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 9%, #ffffff 9%, #ffffff 9%, #ffffff 100%); /* FF3.6-15 */
        background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 9%, #ffffff 9%, #ffffff 9%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
        background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 9%, #ffffff 9%, #ffffff 9%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
        position: initial;
    }

    .block-superfish {
        margin: 0;
        float: right;
    }

    #block-servicemametropole {
        position: relative;
        margin: 0;
    }

    #block-servicemametropole img {
        width: 100%;
    }

    .highlighted {
        margin: 0;
    }

    .layout-main {
        padding: 0;
    }

    #sidebar-second {
        width: auto !important;
        margin-left: 0 !important;
    }
}