/* BASE LANDING PAGE */
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');

#contactEptica {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Lato, Helvetica, Arial, sans-serif;
    max-width: 1280px;
    margin: 20px auto 40px;
    min-width: 940px;
    overflow: hidden;
    padding: 0 20px;
    width: 100%
}
#contactEptica * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contactEptica .big {
    font-weight: 700
}
#contactEptica .blocConnect {
    background-color: #f4f4f4;
    display: block;
    height: 82px;
    margin-bottom: 20px;
    max-width: 1240px;
    min-width: 900px;
    padding: 20px;
    position: relative;
    width: 100%
}
#contactEptica .blocConnect .icon {
    background: url('https://media.but.fr/template/eptica/svg/connect.svg') no-repeat -17px -13px;
    background-size: 79px;
    content: '';
    display: block;
    float: left;
    height: 54px;
    left: 20px;
    position: absolute;
    top: 14px;
    width: 54px
}
#contactEptica .blocConnect .content {
    border-left: 1px solid #bdbdbd;
    display: block;
    margin-left: 84px;
    padding-left: 30px;
    float: left;
    width: 66%
}
#contactEptica .blocConnect .content p {
    font-size: 18px;
    font-weight: 400;
    margin: 3px 0;
    text-transform: uppercase
}
#contactEptica .blocConnect .ctaBlocConnect {
    color: #fff;
    background-color: #e2001a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: 700;
    margin: 3px 0;
    padding: 12px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s ease all;
    -moz-transition: .3s ease all;
    -webkit-transition: .3s ease all;
    width: 141px
}
#contactEptica .blocConnect .ctaBlocConnect:hover {
    background-color: #cb0017
}
#contactEptica #logoSourd {
    display: block;
    margin-top: 20px;
    width: 100%
}
#contactEptica #logoSourd img {
    float: right
}
#contactEptica iframe {
    max-width: 1280px;
    min-width: 900px;
    width: 100%
}

#contactEptica .fieldRequiredInformationMentions {
    color: #969696;
    display: inline-block;
    font-size: 12px;
    text-align: left
}
#contactEptica .fieldRequiredInformationMentions a {
    color: #969696;
    text-decoration: underline
}


@media all and (max-width: 1200px) {
    #contactEptica .blocConnect .content p {
        font-size: 14px;
        margin: 0
    }
}

@media all and (max-width: 812px) {
    #contactEptica {
        background-color: #fff;
        max-width: 100%;
        margin: 0;
        min-width: 100%;
        padding: 0;
        width: 100%
    }
    #contactEptica .blocConnect {
        height: 82px;
        margin-bottom: 20px;
        max-width: 100%;
        min-width: 100%;
        padding: 20px;
        position: relative;
        width: 100%
    }
    #contactEptica .blocConnect .content p {
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        margin: 0
    }
    #contactEptica #logoSourd {
        margin: 10px auto 0;
        width: 95%
    }
    #contactEptica iframe {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
}

@media all and (max-width: 667px) {
    #contactEptica .blocConnect .content {
        border-left: 1px solid #bdbdbd;
        display: block;
        margin-left: 64px;
        padding-left: 20px;
        float: left;
        width: 66%
    }
}

@media all and (max-width: 568px) {
    #contactEptica .blocConnect {
        height: 76px
    }
    #contactEptica .blocConnect .content {
        padding-left: 10px;
        width: 60%
    }
    #contactEptica .blocConnect .icon {
        top: 10px
    }
    #contactEptica .blocConnect .content p {
        font-size: 11px;
        line-height: 12px
    }
    #contactEptica .blocConnect .ctaBlocConnect {
        margin: 0
    }
}

@media all and (max-width: 414px) {
    #contactEptica .blocConnect {
        height: 152px
    }
    #contactEptica .blocConnect .icon {
        top: 21px
    }
    #contactEptica .blocConnect .content {
        width: 79%
    }
    #contactEptica .blocConnect .content p {
        font-size: 14px;
        line-height: 14px;
        margin: 0
    }
    #contactEptica .blocConnect .ctaBlocConnect {
        float: none;
        margin: 20px auto 0;
        width: 100%
    }
}

@media all and (max-width: 375px) {
    #contactEptica .blocConnect {
        height: 166px
    }
    #contactEptica .blocConnect .icon {
        top: 28px
    }
    #contactEptica .blocConnect .content {
        width: 81%
    }
}

@media all and (max-width: 360px) {
    #contactEptica .blocConnect .content {
        width: 80%
    }
}

@media all and (max-width: 320px) {
    #contactEptica .blocConnect {
        height: 168px
    }
    #contactEptica .blocConnect .content {
        width: 77%
    }
    #contactEptica .blocConnect .content p {
        font-size: 12px;
        line-height: 12px
    }
}