.center_column h3 {
    font: 30px "brushscriptmt", Arial, Helvetica, sans-serif !important;
    text-align: inherit;
    color: #47C7B9;
}
.center_column h4 {
    font: 19px bebasneue, Arial, Helvetica, sans-serif !important;
}

.center_column .box-white {
    position: relative;
    width: 240px;
    padding: 20px 10px 20px 20px;
    display: inline-block;
    margin-right: 30px;
    height: 322px;
}
.center_column .box-white p {
    color: #888;
}
.center_column .box-white div {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}
.block-gris {
    background: #dddddd;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    margin: 0 -20px;
}

/* <editor-fold desc="bloc-conso"> */
    .bloc-conso {
        float: right;
        height: 342px;
        width: calc(100% - 280px);
        margin-top:20px;
    }
    .center_column .bloc-conso #consommation-form form:before {
        left: calc(100% - 57px);
    }
    @media only screen and (max-width: 767px) {
        .bloc-conso {
            float: none;
            margin-top: 50px;
            width: 100%;
        }
        .center_column .bloc-conso:not(.cloned)>div {
            left: 0;
            width: 100%;
        }
        .cms-content-column-left {
            margin-top: 50px;
        }
        .center_column .box-white {
            margin-right: 0;
        }
    }
/* </editor-fold> */

@media only screen and (max-width: 767px) {
    .cms-content-column-left {
        margin-top: 0;
    }
    .cms-custom-top .block-gris {
        display: none;
    }
}