@media all and (min-width: 980px) {
    .mobile-only {
        display: none !important
    }
}

@media all and (max-width: 980px) {
    .desktop-only {
        display: none !important
    }
}
.font-size-0-6 {
    font-size: 0.6rem !important;
}

.font-size-0-7 {
    font-size: 0.7rem !important;
}

.font-size-0-8 {
    font-size: 0.8rem !important;
}

.font-size-0-9 {
    font-size: 0.9rem !important;
}

.font-size-1 {
    font-size: 1rem !important;
}

.font-size-1-1 {
    font-size: 1.1rem !important;
}

.font-size-1-2 {
    font-size: 1.2rem !important;
}

.font-size-1-3 {
    font-size: 1.3rem !important;
}

.font-size-1-4 {
    font-size: 1.4rem !important;
}

.font-size-1-5 {
    font-size: 1.5rem !important;
}

.font-size-1-6 {
    font-size: 1.6rem !important;
}

.font-size-2 {
    font-size: 2rem !important;
}
.phone-only {
    display: none !important
}

.hidden {
    display: none !important
}

.discreet {
    color: #777
}

.relative {
    position: relative
}

.clearfix::after {
    content: "";
    display: table;
    clear: both
}

.oldie .mobile-only {
    display: none !important
}

.component-cols ul {
    padding: 0;
    margin: 0;
    text-align: center
}

.component-cols .component-col {
    display: inline-block;
    width: 290px;
    margin-left: 50px;
    vertical-align: top
}

.component-cols .component-col:first-child {
    margin-left: 0px
}

.component-cols .component-col-icon {
    height: 39px;
    margin-bottom: 14px
}

.component-cols .component-col-title {
    margin: 0 0 12px 0;
    font-size: 20px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1
}

.component-cols .component-col-content {
    margin: 0;
    font-size: 12px;
    color: #777;
    line-height: 1.5
}

.component-cols .icon {
    margin: 0 auto
}

.component-cols .icon.icon-clothes {
    background: url("../images/sprite-20170504.png") no-repeat transparent;
    background-position: -120px -320px;
    width: 75px;
    height: 39px
}

.component-cols .icon.icon-coins {
    background: url("../images/sprite-20170504.png") no-repeat transparent;
    background-position: -200px -320px;
    width: 76px;
    height: 32px
}

.component-cols .icon.icon-hands {
    background: url("../images/sprite-20170504.png") no-repeat transparent;
    background-position: -280px -320px;
    width: 59px;
    height: 34px
}

.component-cols .icon.icon-user {
    background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
    background-position: -200px -200px;
    width: 37px;
    height: 37px
}

.component-cols .icon.icon-announce {
    background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
    background-position: -240px -200px;
    width: 35px;
    height: 35px
}

.component-cols .icon.icon-answer {
    background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
    background-position: -280px -200px;
    width: 40px;
    height: 38px
}

@media all and (max-width: 980px) {
    .component-cols .component-col {
        display: inline-block;
        width: 100%;
        margin: 50px 0 0 0;
        vertical-align: top
    }

    .component-cols .component-col:first-child {
        margin: 0
    }
}

.ThreadOrigin {
    padding: 25px 30px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.ThreadOrigin a {
    text-decoration: none;
    color: inherit
}

.ThreadItem {
    position: relative;
    padding: 40px 30px 30px;
    margin-bottom: 6px;
    background-color: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.15)
}

.ThreadItem::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 12px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ThreadAuthor {
    font-size: 0
}

.ThreadAuthor:last-child {
    margin-top: 20px
}

.ThreadAuthor_image {
    display: inline-block;
    width: 48px;
    height: 48px;
    font-size: 0;
    vertical-align: middle;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.ThreadAuthor_image img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.ThreadAuthor_image-empty {
    font-size: 23px;
    background-color: #fa6484;
    line-height: 48px;
    color: #fff
}

.ThreadAuthor_infos {
    display: inline-block;
    width: calc(100% - 48px);
    padding-left: 8px;
    font-size: 15px;
    vertical-align: middle
}

    .ThreadAuthor_infos h3 {
        margin: 0;
        font-size: inherit;
        font-weight: normal
    }

.ThreadAuthor_name {
    font-weight: bold
}

.ThreadOrigin_content {
    font-weight: 600;
    line-height: 1.67
}

.ThreadItem_content {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4
}

    .ThreadItem_content:first-child {
        margin-top: 0
    }

    .ThreadItem_content:last-child {
        margin-bottom: 0
    }

@media all and (max-width: 980px) {
    .ThreadItem {
        padding: 20px
    }

    .ThreadItem_content {
        font-size: 15px
    }

    .ThreadOrigin {
        padding: 18px 20px
    }

    .ThreadAuthor_infos {
        font-size: 13px
    }
}

.Landing_header .Section_title {
    color: #fff;
    text-align: center
}

.Landing_header .Section_subtitle {
    color: #fff;
    text-align: center
}

.Landing_header_section {
    position: relative;
    z-index: 99;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fda59e), to(#fa6484));
    background-image: -webkit-linear-gradient(top, #fda59e, #fa6484);
    background-image: linear-gradient(180deg, #fda59e, #fa6484);
    padding-top: 65px
}

.SearchForm_select {
    background: #fff url("../images/mer/arrow.png") no-repeat 95% center
}

.Landing_header_alternate {
    position: fixed;
    width: 100%;
    top: 0;
    opacity: 1;
    z-index: 110;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: white;
    -webkit-box-shadow: 0 2px 60px 4px transparent;
    box-shadow: 0 2px 60px 4px transparent;
    padding: 30px 0
}

.Landing_header_alternate label {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    margin-bottom: 0;
    text-align: left
}

.Landing_header_alternate input {
    display: inline-block;
    width: 30%
}

.Landing_header_alternate select {
    display: inline-block;
    width: 30%
}

.Landing_header_alternate button {
    padding-top: 15px;
    display: inline-block;
    width: 18%;
    margin-left: 10px;
    font-size: 15px
}

.Landing_header_alternate .autocomplete_alternate {
    display: inline-block;
    width: 30%
}

.Landing_header_alternate .autocomplete_alternate input {
    width: 100%
}

.Landing_searchForm {
    width: 100%;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 40px 50px 57px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 30px 50px 0 rgba(0,0,0,0.15);
    box-shadow: 0 30px 50px 0 rgba(0,0,0,0.15)
}

.Landing_searchForm .SearchForm_input {
    width: 65%;
    float: left
}

.Landing_searchForm .SearchForm_submit {
    width: 30%;
    margin-left: 5%;
    font-size: 15px;
    float: left
}

.Landing_searchFormTitle {
    display: block;
    margin-bottom: 20px;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #393939
}

.Landing_searchFormControls {
    width: 100%;
    max-width: 410px;
    margin-left: auto;
    margin-right: auto
}

.Landing_announcePreviews {
    width: calc(100% + 16px);
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 30px
}

.Landing_announcePreview {
    width: 33.3%;
    padding: 8px
}

.AnnouncePreview_customContent .Landing_announcePreviewSubject {
    margin-top: 9px;
    margin-bottom: 9px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #fa6484
}

.Landing_keyPoints {
    margin-top: 60px
}

.Landing_columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 110px;
    -moz-column-gap: 110px;
    column-gap: 110px;
    font-weight: 600;
    color: #393939;
    line-height: 1.67
}

.Landing_columns h3 {
    font-size: 25px;
    font-weight: bold;
    color: #fa6484
}

.Landing_columns p {
    margin-top: 30px;
    margin-bottom: 30px
}

.Landing_columns p:first-child {
    margin-top: 0
}

.Landing_columns p:last-child {
    margin-bottom: 0
}

.Landing_citiesSection .Section_subtitle {
    margin-top: 50px;
    margin-bottom: 20px;
    font-weight: bold
}

.Landing_citiesSection .Section_subtitle .Icon {
    margin-right: 15px
}

.Landing_threads {
    width: calc(100% + 16px);
    margin-left: -8px;
    margin-right: -8px
}

.Landing_thread {
    display: inline-block;
    width: 33.3%;
    padding: 8px
}

.Landing_applications .ThreadItem {
    background-color: #67aaf9;
    color: #fff
}

.Landing_applications .ThreadItem::after {
    border-top-color: #67aaf9
}

.Landing_applications .ThreadItem_content {
    font-size: 15px;
    line-height: 1.67
}

.Landing_applications p:last-child {
    margin-bottom: 0
}

.Landing_applications .ThreadOrigin {
    background-image: none;
    background-color: #fff
}

.Landing_backToTop {
    position: fixed;
    top: 50%;
    right: 55px;
    width: 60px;
    height: 60px;
    border-width: 0;
    padding: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #393939;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out
}

.Landing_backToTop::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("../images/landing/back-to-top-arrow.png");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center
}

.Landing_backToTop-hidden {
    opacity: 0;
    visibility: hidden
}

.Landing_announcePreviewTitle {
    font-size: 16px;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
    word-wrap: break-word
}

.Section_blog .ArticlePreview {
    background-color: white
}

@media all and (max-width: 980px) {
    .lhs2 {
        min-height: 85vh
    }
}

@media all and (max-width: 980px) and (min-height: 600px) {
    .Landing_header {
        margin-top: 6vh
    }
}

@media all and (max-width: 980px) {
    .Landing_header .Section_title {
        font-size: 30px;
        padding-bottom: 20px;
        text-align: left;
        margin-top: 10px
    }

    .Landing_header .Section_subtitle {
        font-size: 15px;
        text-align: left
    }

    h2.Section_title br {
        display: none
    }

    .Landing_header_alternate {
        top: 0;
        padding: 15px 0
    }

        .Landing_header_alternate label {
            display: none
        }

        .Landing_header_alternate input {
            width: 56%;
            height: 50px;
            vertical-align: middle
        }

        .Landing_header_alternate select {
            width: 56%;
            height: 50px;
            vertical-align: middle
        }

        .Landing_header_alternate button {
            width: 40%;
            margin-left: 2%;
            height: 50px;
            vertical-align: middle
        }

        .Landing_header_alternate .autocomplete_alternate {
            display: inline-block;
            width: 56%
        }

            .Landing_header_alternate .autocomplete_alternate input {
                width: 100%
            }

    .Landing_searchForm {
        padding: 30px;
        color: #393939
    }

        .Landing_searchForm .SearchForm_input, .Landing_searchForm .SearchForm_submit {
            width: 100%;
            float: none;
            border: none
        }

        .Landing_searchForm .SearchForm_input {
            border: 1px solid black
        }

        .Landing_searchForm .SearchForm_submit {
            margin-top: 9px;
            margin-left: 0;
            padding-top: 15px;
            color: #ffffff;
            background: #fa6484 url("../images/annonceV2/eclair.svg") no-repeat 20% center
        }

        .Landing_searchForm .Section_subtitle {
            color: #393939
        }

    .Icon-lightning {
        width: 10px;
        height: 20px
    }

    .Landing_searchFormTitle {
        display: block;
        margin-bottom: 20px;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        color: #393939
    }

    .Landing_announces {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

        .Landing_announces .Section_title {
            font-size: 20px
        }

    .Landing_announcePreview, .Landing_thread {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .Landing_keyPointsSection .Section_title {
        font-size: 30px
    }

    .Landing_blogSubtitle {
        margin-bottom: 20px;
        font-size: 13px
    }

    .Landing_columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        font-size: 13px;
        line-height: 1.35
    }

        .Landing_columns h3 {
            font-size: 15px
        }

        .Landing_columns p {
            margin-top: 15px;
            margin-bottom: 15px
        }

    .Landing_citiesSection .Section_subtitle {
        margin-top: 30px;
        margin-bottom: 15px
    }

        .Landing_citiesSection .Section_subtitle .Icon {
            margin-right: 8px
        }

    .Landing_applications .ThreadItem_content {
        font-size: 13px
    }

    .Landing_threads {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .Landing_backToTop {
        display: none
    }
}

.landing-results {
    font-size: 0;
    padding: 60px 0 0
}

.landing-filters h2 {
    margin-bottom: 10px;
    color: #1e1e1e
}

.landing-filters div .align-center {
    margin-bottom: 60px;
    color: #777
}

.landing-filters-container {
    padding: 50px 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #f7f7f7
}

.landing-col {
    display: inline-block;
    vertical-align: middle
}

.landing-filter-col-label {
    width: 240px
}

.landing-filter-col-label-value {
    font-size: 22px;
    font-weight: 600;
    position: relative;
    padding-left: 55px;
    color: #1e1e1e
}

    .landing-filter-col-label-value:before {
        position: absolute;
        top: 0;
        left: 0;
        content: ""
    }

    .landing-filter-col-label-value.landing-sprite-city:before {
        top: -5px;
        left: 5px;
        background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
        background-position: -240px -40px;
        width: 29px;
        height: 29px
    }

    .landing-filter-col-label-value.landing-sprite-region:before {
        background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
        background-position: -280px -40px;
        width: 36px;
        height: 27px
    }

    .landing-filter-col-label-value.landing-sprite-level:before {
        left: 2px;
        background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
        background-position: -320px -40px;
        width: 37px;
        height: 29px
    }

    .landing-filter-col-label-value.landing-sprite-country:before {
        top: -10px;
        left: 5px;
        background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
        background-position: -360px -40px;
        width: 30px;
        height: 38px
    }

    .landing-filter-col-label-value.landing-sprite-district:before {
        left: 12px;
        background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
        background-position: -200px -280px;
        width: 14px;
        height: 32px
    }

    .landing-filter-col-label-value.landing-sprite-category:before {
        left: 5px;
        background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
        background-position: -240px -280px;
        width: 29px;
        height: 25px
    }

    .landing-filter-col-label-value.landing-sprite-subject:before {
        left: 5px;
        background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
        background-position: -280px -280px;
        width: 31px;
        height: 27px
    }

.landing-filter-col-values {
    width: 730px;
    padding-left: 30px
}

.landing-filter-col-value-link {
    font-size: 14px;
    line-height: 45px;
    margin-right: 30px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    white-space: nowrap;
    color: #2fabeb
}

    .landing-filter-col-value-link:hover {
        opacity: 0.5
    }

.landing-last-requests h2 {
    margin-bottom: 10px;
    color: #1e1e1e
}

.landing-last-requests div .align-center {
    margin-bottom: 60px;
    color: #777
}

.landing-blog-link {
    display: inline-block;
    width: 165px;
    height: 37px
}

    .landing-blog-link::after {
        display: block;
        content: "";
        background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
        background-position: 0px -120px;
        width: 165px;
        height: 37px
    }

@media all and (max-width: 980px) {
    .landing-results {
        padding: 30px 0 0
    }

    .landing-information {
        background-color: #FFFFFF
    }

    .landing-filters, .landing-last-requests {
        display: none
    }
}

body.page-donner-cours .header .btn-donner-cours {
    display: none
}

body.page-donner-cours .page {
    padding-top: 0
}

body.page-donner-cours .landing-prof-header {
    padding-top: 70px;
    background-image: -webkit-linear-gradient(337deg, #fda59e, #fa6484);
    background-image: linear-gradient(113deg, #fda59e, #fa6484)
}

    body.page-donner-cours .landing-prof-header .wrapper {
        padding: 45px 0 90px
    }

    body.page-donner-cours .landing-prof-header .column-header h1 {
        font-size: 50px;
        font-weight: bold;
        line-height: inherit;
        padding-right: 60px
    }

    body.page-donner-cours .landing-prof-header .section-text {
        padding-right: 80px;
        font-size: 18px;
        line-height: 24px;
        font-weight: 600
    }

        body.page-donner-cours .landing-prof-header .section-text p {
            font-size: inherit;
            line-height: inherit;
            font-weight: inherit
        }

    body.page-donner-cours .landing-prof-header .register-column {
        width: 380px
    }

        body.page-donner-cours .landing-prof-header .register-column .generic-form {
            background-color: #fff;
            padding: 40px 0;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 30px 50px 0 rgba(0,0,0,0.15);
            box-shadow: 0 30px 50px 0 rgba(0,0,0,0.15)
        }

            body.page-donner-cours .landing-prof-header .register-column .generic-form .input-container {
                width: 100%;
                max-width: 300px;
                height: 56px;
                margin-bottom: 10px
            }

                body.page-donner-cours .landing-prof-header .register-column .generic-form .input-container.error-back:after {
                    top: 20px
                }

            body.page-donner-cours .landing-prof-header .register-column .generic-form .error-back-tooltip {
                display: none
            }

            body.page-donner-cours .landing-prof-header .register-column .generic-form .input {
                height: 56px;
                border: solid 1px #d8d8d8
            }

            body.page-donner-cours .landing-prof-header .register-column .generic-form .button {
                height: 56px;
                -webkit-border-radius: 30px;
                border-radius: 30px;
                font-size: 15px;
                font-weight: bold
            }

                body.page-donner-cours .landing-prof-header .register-column .generic-form .button.btn-inscMail {
                    line-height: 56px
                }

                    body.page-donner-cours .landing-prof-header .register-column .generic-form .button.btn-inscMail:before {
                        content: '';
                        display: inline-block;
                        width: 16px;
                        height: 15px;
                        margin: 0 7px 0 0;
                        background-image: url("s1-5.svg#mail");
                        -webkit-background-size: cover;
                        background-size: cover;
                        background-position: center center;
                        background-repeat: no-repeat;
                        cursor: pointer
                    }

    body.page-donner-cours .landing-prof-header .form-wrapper {
        width: 100%;
        max-width: 300px
    }

    body.page-donner-cours .landing-prof-header .text-separator {
        color: #393939;
        font-size: 15px;
        font-weight: 600;
        padding: 15px
    }

    body.page-donner-cours .landing-prof-header .facebook-connect {
        width: 100%;
        max-width: 300px;
        height: 55px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        line-height: 55px
    }

        body.page-donner-cours .landing-prof-header .facebook-connect:before {
            background-image: url("../images/pictos/facebook-btn.svg");
            -webkit-background-size: cover;
            background-size: cover;
            background-position: 0 0;
            width: 8px;
            height: 16px;
            font-size: 15px
        }

    body.page-donner-cours .landing-prof-header .notif-place {
        width: 100%;
        display: block
    }

@media all and (max-width: 980px) {
    body.page-donner-cours .headerV2_mobileButton {
        display: none
    }

    body.page-donner-cours .landing-prof-header .wrapper {
        padding: 1px 0
    }

    body.page-donner-cours .landing-prof-header .column-header h1 {
        font-size: 35px;
        padding-right: 0;
        text-align: left
    }

    body.page-donner-cours .landing-prof-header .section-text {
        padding-right: 0;
        font-size: 16px;
        padding-top: 10px
    }

    body.page-donner-cours .landing-prof-header .register-column {
        width: auto
    }

        body.page-donner-cours .landing-prof-header .register-column .form-wrapper {
            padding: 0 15px
        }
}

.landing-prof {
    background-color: #F7F7F7
}

    .landing-prof .button {
        line-height: 42px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 42px;
        padding: 0;
        border: 0;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.08);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.08)
    }

    .section .section-title {
        line-height: 36px;
        color: #20c997
    }

.landing-prof-header {
    color: #FFFFFF;
    -webkit-background-size: cover;
    background-size: cover
}

    .landing-prof-header .wrapper {
        padding: 80px 0
    }

    .landing-prof-header .section-title {
        font-size: 40px;
        font-weight: normal;
        line-height: 38px;
        margin: 0 0 10px;
        text-align: left
    }

    .landing-prof-header .column-header {
        display: table-cell;
        vertical-align: middle
    }

    .landing-prof-header .description-column > div {
        margin-bottom: 0
    }

    .landing-prof-header .register-column {
        width: 480px;
        text-align: center
    }

    .landing-prof-header .form-wrapper {
        width: 250px;
        margin: 0 auto;
        color: #000000
    }

        .landing-prof-header .form-wrapper .button {
            width: 100%
        }

        .landing-prof-header .form-wrapper .text-separator {
            font-size: 12px;
            display: block;
            padding: 12px 0;
            color: #FFFFFF
        }

        .landing-prof-header .form-wrapper .input-container .input {
            padding: 10px 20px
        }

        .landing-prof-header .form-wrapper > p {
            font-size: 13px
        }

    .landing-prof-header .facebook-connect {
        line-height: 42px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 42px;
        padding: 0;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.08);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.08)
    }

.section-sub-title {
    font-size: 18px;
    line-height: 20px
}

.section-text {
    font-size: 13px;
    line-height: 20px
}

    .section-text p {
        font-size: 13px;
        line-height: 20px
    }

.commercial-assets ul {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.commercial-asset {
    display: table-cell;
    width: 326.66667px;
    text-align: center
}

    .commercial-asset .picto {
        display: block;
        margin: 0 auto;
        margin-bottom: 20px
    }

    .commercial-asset .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 20px;
        width: 100%;
        margin-bottom: 10px;
        color: #1e1e1e
    }

    .commercial-asset .description {
        line-height: 20px;
        display: block;
        width: 100%;
        color: #777777
    }

    .commercial-asset.time .picto {
        background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
        background-position: 0px -200px;
        width: 37px;
        height: 37px
    }

    .commercial-asset.prices .picto {
        background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
        background-position: -40px -200px;
        width: 46px;
        height: 31px
    }

    .commercial-asset.join-us .picto {
        background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
        background-position: -120px -200px;
        width: 67px;
        height: 34px
    }

.column-working {
    display: table-cell;
    width: 326.66667px;
    padding: 0 10px;
    text-align: justify;
    color: #777777
}

.join-our-family {
    position: relative;
    padding: 0;
    padding-top: 100px
}

    .join-our-family .join-our-family-bg {
        background-color: #F7F5F5
    }

    .join-our-family .wrapper {
        position: relative;
        min-height: 510px
    }

    .join-our-family .description-column {
        position: absolute;
        top: 50%;
        right: 250px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .join-our-family .description-column-content {
        width: 305px
    }

    .join-our-family .section-title {
        line-height: 36px;
        margin-bottom: 20px;
        text-align: left;
        color: #20c997
    }

    .join-our-family p {
        color: #777777;
        font-size:0.9rem;
    }

    .join-our-family .column-pictures {
        font-size: 0;
        position: absolute;
        overflow: hidden;
        width: 270px;
        height: 550px
    }

        .join-our-family .column-pictures .column-picture {
            margin-bottom: 10px
        }

    .join-our-family .column-pictures-left {
        top: 0;
        left: 0px
    }

    .join-our-family .column-pictures-right {
        top: 0;
        right: 0px
    }

    .join-our-family .column-one-picture {
        top: -40px;
        left: 280px
    }

    .join-our-family .column-picture {
        position: relative
    }

        .join-our-family .column-picture:hover .column-picture-hover {
            opacity: 1
        }

    .join-our-family .column-picture-hover {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
        opacity: 0;
        background-color: rgba(0,0,0,0.4)
    }

        .join-our-family .column-picture-hover blockquote {
            font-size: 20px;
            font-style: italic;
            line-height: 26px;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 77%;
            margin: 0;
            -webkit-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            color: #FFFFFF
        }

        .join-our-family .column-picture-hover .column-picture-hover-author {
            font-size: 14px;
            font-weight: 600;
            position: absolute;
            bottom: 40px;
            left: 30px;
            color: #20c997
        }

            .join-our-family .column-picture-hover .column-picture-hover-author strong {
                font-size: 22px;
                font-weight: 600;
                display: block
            }

    .join-our-family .column-pictures .column-picture-hover .column-picture-hover-author {
        bottom: 20px
    }

@media all and (max-width: 1200px) {
    .join-our-family .wrapper {
        max-width: 100%
    }

    .join-our-family .column-pictures-left {
        display: none
    }

    .join-our-family .column-one-picture {
        left: 0
    }

    .join-our-family .description-column {
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        left: 50%
    }

    .join-our-family .column-pictures-right {
        right: 0
    }
}

.how-to-become-teacher {
    padding: 145px 0 120px
}

    .how-to-become-teacher .component-col-title span {
        color: #777
    }

.column-half {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

.frenquently-asked-questions {
    font-size: 0;
    padding: 80px 0 60px
}

    .frenquently-asked-questions .section-title {
        margin-bottom: 75px
    }

    .frenquently-asked-questions .column-half {
        padding-right: 40px
    }

        .frenquently-asked-questions .column-half:nth-child(odd) {
            padding-left: 40px
        }

    .frenquently-asked-questions .frenquently-asked-question {
        display: block;
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        height: 60px;
        max-height: 60px;
        margin-bottom: 40px;
        padding: 0 0 20px 40px;
        color: #1e1e1e;
        border-bottom: 1px solid #EFEFEF
    }

        .frenquently-asked-questions .frenquently-asked-question:before {
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
            background-position: -320px -200px;
            width: 20px;
            height: 20px
        }

        .frenquently-asked-questions .frenquently-asked-question.icon-2:before {
            background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
            background-position: -360px -200px;
            width: 25px;
            height: 18px
        }

html.popin-open {
    overflow: hidden
}

.section-stories {
    padding-bottom: 100px;
    text-align: center;
    background-color: #FFFFFF
}

    .section-stories .section-title {
        margin-bottom: 15px
    }

    .section-stories p.align-center {
        font-size: 12px;
        line-height: 20px;
        color: #777
    }

.section-stories-title {
    line-height: 1;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: center
}

.section-stories-tip {
    margin-top: 15px;
    text-align: center
}

.section-stories .button {
    display: block;
    margin: 60px auto 0
}

.section-stories-container {
    width: 760px;
    margin: 60px auto 0
}

.section-stories-line {
    height: 500px;
    margin-bottom: 20px
}

.section-story-col {
    display: table-cell;
    vertical-align: top
}

    .section-story-col:last-child {
        padding-left: 20px
    }

.section-story-big {
    width: 500px;
    height: 500px
}

.section-story-min {
    width: 240px;
    height: 240px
}

    .section-story-min:first-child {
        margin-bottom: 20px
    }

.section-story {
    position: relative
}

    .section-story:hover .section-story-overflow {
        opacity: 1
    }

.section-story-overflow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 0;
    background-color: rgba(0,0,0,0.4)
}

    .section-story-overflow:after {
        position: absolute;
        top: 50%;
        left: 50%;
        content: "";
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
        background-position: -400px -200px;
        width: 42px;
        height: 29px
    }

.section-story-name {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    bottom: 25px;
    left: 30px;
    text-align: left;
    color: #FFFFFF
}

    .section-story-name span {
        font-size: 22px;
        display: block
    }

.section-more-stories {
    display: block;
    font-weight: 600;
    padding: 30px 0 45px;
    text-align: center;
    border: 1px solid #E2E2E2;
    background-color: #F7F5F5;
    text-decoration: none
}

.section-more-stories-icon {
    display: inline-block;
    background: url("../images/sprite-v2-20170504.png") no-repeat transparent;
    background-position: 0px -240px;
    width: 34px;
    height: 32px
}

.section-more-stories-link {
    text-decoration: underline;
    color: #fa6484
}

.section-more-stories-title {
    font-size: 22px;
    display: block;
    margin: 13px 0 15px;
    color: #1e1e1e
}

.device-iphone .popin {
    position: absolute
}

    .device-iphone .popin .button {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        text-align: center
    }

.popin {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    min-height: 100%;
    padding-top: 60px
}

    .popin.open {
        display: block
    }

.popin-story-overlay {
    position: fixed;
    z-index: 101;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    background-color: #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.popin-scrollable-content {
    position: relative;
    z-index: 102
}

.popin-story-close {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    border-width: 0;
    background-color: transparent;
    background-image: url("../images/landing/popin-close-btn.png")
}

@media all and (min-width: 980px) {
    .popin-subscribe {
        overflow-y: scroll
    }
}

.popin-subscribe .popin-content {
    position: relative;
    z-index: 102
}

@media all and (min-width: 980px) {
    .popin-subscribe .popin-content {
        padding-bottom: 150px
    }
}

.popin-subscribe .popin-content h4 {
    font-weight: 600
}

@media all and (min-width: 980px) {
    #story-2 .popin-story-close {
        background-image: url("../images/landing/popin-close-black-btn.png")
    }
}

.popin-subscribe h2 {
    font-weight: normal;
    text-align: center;
    color: white
}

.popin-subscribe .popin-story-close.desktop {
    display: block
}

.popin-subscribe .popin-story-close.phone {
    display: none
}

.popin-subscribe-form {
    width: 370px;
    margin: 0 auto
}

    .popin-subscribe-form .form-input {
        display: block;
        width: 100%
    }

    .popin-subscribe-form .button {
        display: block;
        margin: 0 auto 0
    }

    .popin-subscribe-form label {
        display: block;
        color: white
    }

    .popin-subscribe-form .errors {
        font-size: 16px;
        font-weight: bold;
        display: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 4px auto 16px;
        padding: 12px;
        -webkit-transition: opacity 250ms ease-out;
        transition: opacity 250ms ease-out;
        -webkit-transition: border-color 250ms ease-out;
        transition: border-color 250ms ease-out;
        text-align: center;
        opacity: 0;
        color: white;
        border-width: 3px;
        border-style: solid;
        border-color: transparent;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-color: red
    }

        .popin-subscribe-form .errors.ng-hide {
            opacity: 0
        }

    .popin-subscribe-form.ng-submitted:not(.ng-valid) .errors {
        display: block !important;
        opacity: 1
    }

    .popin-subscribe-form .error-specific {
        font-size: 16px;
        font-weight: bold;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 4px auto 16px;
        padding: 12px;
        -webkit-transition: opacity 250ms ease-out;
        transition: opacity 250ms ease-out;
        -webkit-transition: border-color 250ms ease-out;
        transition: border-color 250ms ease-out;
        text-align: center;
        opacity: 1;
        color: white;
        border-width: 3px;
        border-style: solid;
        border-color: transparent;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-color: red
    }

.popin-subscribe-form-birthdate-inputs {
    font-size: 0
}

    .popin-subscribe-form-birthdate-inputs .form-select {
        display: inline-block;
        width: 30%;
        margin-left: 5%;
        text-align: center
    }

        .popin-subscribe-form-birthdate-inputs .form-select:first-child {
            margin-left: 0
        }

.popin-subscribe-form-validate {
    text-align: center
}

    .popin-subscribe-form-validate .button {
        display: inline-block
    }

.popin-story {
    overflow-y: scroll;
    padding-bottom: 100px;
    -webkit-overflow-scrolling: touch
}

    .popin-story.far-scrolled .popin-story-close.fixed {
        top: 50px
    }

    .popin-story.far-scrolled .popin-back-to-top {
        bottom: 25px
    }

.popin-story-illustration {
    position: relative;
    z-index: 3
}

    .popin-story-illustration img {
        width: 100%;
        height: auto;
        vertical-align: bottom
    }

.popin-story-close {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .popin-story-close.fixed {
        position: fixed;
        z-index: 2;
        top: -50px;
        bottom: auto;
        display: none;
        -webkit-transition: top 250ms ease-in;
        transition: top 250ms ease-in;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        background-image: url("../images/landing/popin-close-black-btn.png")
    }

.popin-story-content {
    position: relative;
    padding: 45px 110px;
    background-color: white
}

    .popin-story-content .popin-story-content-content h3, .popin-story-content .popin-story-content-content h4 {
        font-weight: 600;
        font-size: 30px;
        line-height: 36px;
        color: #1e1e1e;
        margin-top: 30px;
        margin-bottom: 15px
    }

    .popin-story-content .popin-story-content-content p {
        font-size: 12px;
        line-height: 20px;
        color: #777
    }

.popin-story-content-name {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #1e1e1e;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
}

.popin-story-content-job {
    font-size: 12px;
    line-height: 20px;
    color: #777;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
}

.popin-story-content-quote {
    font-weight: bold;
    font-style: italic;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center
}

.popin-story-content iframe {
    width: 100%;
    height: 360px
}

.popin-story-content-footer {
    padding-top: 55px;
    padding-bottom: 160px
}

@media all and (max-width: 980px) {
    .landing-students {
        background-color: white
    }

    .frenquently-asked-questions {
        display: none
    }

    .landing-prof-header .section-title {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        margin-bottom: 20px;
        text-align: center
    }

    .landing-prof-header .section-text {
        margin-bottom: 30px
    }

    .landing-prof-header .column-header {
        display: block;
        text-align: center
    }

    .landing-prof-header .register-column {
        width: 100%
    }

    .landing-prof-header .form-wrapper {
        width: 100%
    }

    .landing-prof-header .wrapper {
        padding: 30px 0
    }

    .commercial-asset {
        display: block;
        width: 100%;
        margin-bottom: 20px
    }

        .commercial-asset .title, .commercial-asset .description, .commercial-asset.prices .description, .commercial-asset.join-us .title, .commercial-asset.join-us .description {
            width: 90%;
            margin: auto
        }

            .commercial-asset .title br {
                display: none
            }

    .column-working {
        display: block;
        width: 100%
    }

    .join-our-family {
        overflow: hidden;
        background-color: white
    }

        .join-our-family p {
            line-height: 20px;
            text-align: center
        }

        .join-our-family .wrapper {
            min-height: auto
        }

        .join-our-family .section-title {
            text-align: center
        }

        .join-our-family .column-join {
            position: relative;
            top: 0;
            right: auto;
            left: auto;
            display: block;
            width: 100%;
            padding: 30px;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            background-color: #F7F5F5
        }

        .join-our-family .description-column-content {
            width: 100%
        }

        .join-our-family .column-picture-hover {
            display: none
        }

        .join-our-family .column-pictures img {
            width: 100%
        }

        .join-our-family .column-pictures-left {
            top: -70px;
            left: -10%;
            display: block;
            width: 40%
        }

        .join-our-family .column-one-picture {
            top: -90px;
            left: 33%;
            width: 56%
        }

        .join-our-family .column-pictures-right {
            top: -70px;
            right: -8%;
            width: 16%
        }

            .join-our-family .column-pictures-right img {
                width: 250%
            }

    .pictures-family {
        width: 280px;
        margin: 0 auto
    }

        .pictures-family .top-right-picture {
            left: 120px
        }

        .pictures-family .top-left-picture {
            left: 20px
        }

        .pictures-family .bottom-right-picture {
            left: 110px
        }

        .pictures-family .bottom-left-picture {
            left: 0
        }

    .pictures-informations {
        margin-left: 20px
    }

    .landing-student {
        margin-left: 0
    }

    .landing-testimonies, .section-stories {
        display: none
    }

    .landing-prof .section .section-title {
        line-height: 26px
    }

    .landing-video iframe {
        width: 80%;
        height: auto;
        margin: auto
    }

    .how-to-become-teacher {
        padding-top: 50px
    }
}

.landing-prof .landing-last-requests div .align-center {
    margin-bottom: 0px
}

.landing-prof .landing-last-requests-col {
    margin-top: 60px
}

.landing-prof .landing-filters h2 {
    margin: 0 0 40px;
    text-align: left;
    font-size: 40px;
    font-weight: bold
}

.landing-prof .landing-filters .section-title {
    line-height: 45px
}

.landing-prof .landing-filters .title {
    font-size: 30px;
    font-weight: bold;
    margin: 30px 0 10px
}

.landing-prof .landing-filters .links a {
    white-space: nowrap;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin: 5px 5px 5px 0;
    font-size: 13px;
    font-weight: 600;
    color: #393939;
    background-color: #d1d1d1;
    text-decoration: none;
    line-height: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px
}

    .landing-prof .landing-filters .links a:hover {
        color: #fff;
        background-color: #393939
    }

.landing-prof .btn-inscr {
    text-align: center;
    margin: 20px 0 10px
}

    .landing-prof .btn-inscr button {
        padding: 0 20px
    }

    .landing-prof .btn-inscr.bloc_2 {
        background-color: #F7F5F5;
        margin: 0
    }

    .landing-prof .btn-inscr.bloc_4 {
        height: 350px;
        width: 1px;
        background-color: transparent;
        position: relative
    }

.landing-prof button.bloc_4 {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 20px
}

.landing-prof .rep {
    color: #777;
    display: none
}

.landing-prof .frenquently-asked-question.open {
    height: auto;
    max-height: inherit;
    min-height: 60px
}

    .landing-prof .frenquently-asked-question.open .rep {
        display: block
    }