html {
    height: 100%;
    overflow-y: scroll;
    overflow-x: auto;
}
body {
    margin: 0;
    padding: 0;
    background-color: white;
    height: 100%;
}
#page {
    width: 100%;
    background: white;
    min-height: 100%;
    position: relative;
    min-width: 0;
}
.header_content,
.bandeau_liens_content,
.row,
.footer,
.ligne_footer_content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5%;
    padding-right: 1.5%;
    width: 97%;
    max-width: 1200px;
}
#container {
    clear: both;
    position: relative;
    padding-bottom: 0;
}
.row {
    padding-top: 30px;
    padding-bottom: 30px;
}
.payer_acte .row {
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
#bloc_droite {
    display: none;
}

.content_footer {
    padding: 5px;
    clear: both;
}

@media only screen and (min-width: 481px) {
    #container {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 768px) {
    .content {
        background-color: white;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
        filter: "progid: DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#26000000, Positive=true)";
    }
    #container {
        background-color: #EDEAE8;
        padding-bottom: 0;
    }
    .content > section,
    .content > article,
    .right_col,
    .content_footer {
        padding-left: 5%;
        padding-right: 5%;
    }
    .right_col {
        margin: auto;
    }
    .right_col > div {
        margin: 20px auto;
        max-width: 450px;
    }
    .content_footer {
        padding-bottom: 25px;
    }
    #page {
        width: 100%;
        margin: 0 auto;
    }
    #header {
        width: 100%;
    }
    .core-layout__rail > .nav_left {
        float: left;
        width: 31.5%;
        text-align: left;
    }
    .rtl .core-layout__rail > .nav_left {
        float: right;
        text-align: right;
    }
    .header_content,
    .bandeau_liens_content,
    .bloc_content,
    .footer,
    .ligne-footer {
        width: 95%;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    #container {
        padding-bottom: 0;
    }
    .content {
        float: right;
        width: 68.5%;
        clear: none;
    }
    .row.core-layout {
        display: flex;
        align-items: flex-start;
    }
    .core-layout__rail {
        flex: 0 0 31.5%;
    }
    .core-layout__rail > .nav_left {
        float: none;
        width: 100%;
    }
    .core-layout__content {
        flex: 0 0 68.5%;
        min-width: 0;
        background-color: white;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    }
    .core-layout__content:first-child {
        flex-basis: 100%;
    }
    .page_sommaire .core-layout__content {
        flex-basis: 100%;
    }
    .content.core-layout__main {
        float: none;
        width: 100%;
        background: transparent;
        box-shadow: none;
    }
    .content > section,
    .content > article {
        padding-top: 20px;
    }
    .content #documents_portfolio {
        padding: 0;
    }
    .camera_fakehover {
        height: 100%;
    }
}

@media only screen and (min-width: 1025px) {
    .content > section,
    .content > article {
        float: left;
        padding: 15px .5% 15px 2.5%;
        width: 69%;
        width: calc(97% - 250px);
    }
    .rtl .content > article {
        float: right;
        padding: 15px 2.5% 15px .5%;
    }
    .content .right_col {
        float: right;
        background-color: transparent;
        width: 24%;
        padding-right: 2.5%;
        padding-left: 1.5%;
        width: calc(220px);
        padding-right: calc(15px);
        padding-left: calc(15px);
    }
    .rtl .content .right_col {
        float: left;
        background-color: transparent;
        width: 24%;
        padding-right: 1.5%;
        padding-left: 2.5%;
    }
    .content_footer {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    #container {
        padding-top: 135px;
        padding-bottom: 0;
    }
    .content {
        width: 76.5%;
    }
    #pied_article {
        width: 100%;
    }
    .core-layout__rail > .nav_left {
        float: none;
        width: 100%;
        text-align: left;
    }
    .core-layout__rail {
        flex-basis: 23.5%;
    }
    .core-layout__content {
        flex-basis: 76.5%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .core-layout__content:first-child {
        flex-basis: 100%;
    }
    .page_sommaire .core-layout__content {
        flex-basis: 100%;
    }
    .content.core-layout__main {
        width: calc(100% - 250px);
    }
    .content.core-layout__main > section,
    .content.core-layout__main > article {
        float: none;
        width: 100%;
        box-sizing: content-box;
    }
    .core-layout__aside {
        flex: 0 0 250px;
        padding-right: 0;
        padding-left: 0;
    }
    .core-layout__aside .right_col {
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        background-color: transparent;
    }
    .core-layout__footer {
        flex: 0 0 100%;
    }
}

@media only screen and (min-width: 1240px) {
    .bloc_content {
        padding: 50px 0;
    }
}