.podoc main .encart_avantages,
main .encart_more_podoc {
    background-color: rgb(9, 185, 255, 0.05)
}

.podoc main .banner a.btn,
main .encart_more_podoc a.btn {
    background-color: rgb(9, 185, 255, 1)
}

main .encart_more_podoc .picto-app {
    background-image: url(../img/picto-podoc-color.svg);
}

.podoc main .banner {
    background-image: url(../img/bg-podoc.jpg)
}

.comclic main .encart_avantages,
main .encart_more_comclic {
    background-color: rgb(215, 80, 210, 0.05)
}

.comclic main .banner a.btn,
main .encart_more_comclic a.btn {
    background-color: rgb(215, 80, 210, 1)
}

main .encart_more_comclic .picto-app {
    background-image: url(../img/picto-comclic-color.svg);
}

.comclic main .banner {
    background-image: url(../img/bg-comclic.jpg)
}

.gaapse main .encart_avantages,
main .encart_more_gaapse {
    background-color: rgb(2, 150, 90, 0.05)
}

.gaapse main .banner a.btn,
main .encart_more_gaapse a.btn {
    background-color: rgb(2, 150, 90, 1)
}

main .encart_more_gaapse .picto-app {
    background-image: url(../img/picto-gaapse-color.svg);
}

.gaapse main .banner {
    background-image: url(../img/bg-gaapse.jpg)
}



.bornevisio main .encart_avantages,
main .encart_more_bornevisio {
    background-color: rgb(254, 90, 105, 0.05)
}

.bornevisio main .banner a.btn,
main .encart_more_bornevisio a.btn {
    background-color: rgb(254, 90, 105, 1)
}

main .encart_more_bornevisio .picto-app {
    background-image: url(../img/picto-bornevisio-color.svg);
}

.bornevisio main .banner {
    background-image: url(../img/bg-bornevisio.jpg)
}

.gemel main .encart_avantages,
main .encart_more_gemel {
    background-color: rgb(149, 210, 32, 0.05)
}

.gemel main .banner a.btn,
main .encart_more_gemel a.btn {
    background-color: rgb(149, 210, 32, 1)
}

main .encart_more_gemel .picto-app {
    background-image: url(../img/picto-gemel-color.svg);
}

.gemel main .banner {
    background-image: url(../img/bg-gemel.jpg)
}

.signclic main .encart_avantages,
main .encart_more_signclic {
    background-color: rgb(245, 30, 1, 0.05)
}

.signclic main .banner a.btn,
main .encart_more_signclic a.btn {
    background-color: rgb(95, 134, 211, 1)
}

main .encart_more_signclic .picto-app {
    background-image: url(../img/picto-signclic-color.svg);
}

.signclic main .banner {
    background-image: url(../img/bg-signclic.jpg)
}

.visa main .encart_avantages,
main .encart_more_visa {
    background-color: rgb(0, 205, 99, 0.05)
}

.visa main .banner a.btn,
main .encart_more_visa a.btn {
    background-color: rgb(0, 205, 99, 1)
}

main .encart_more_visa .picto-app {
    background-image: url(../img/picto-visa-color.svg);
}

.visa main .banner {
    background-image: url(../img/bg-visa.jpg)
}

.reducteururl main .encart_avantages,
main .encart_more_reducteururl {
    background-color: rgb(98, 90, 90, 0.05)
}

.reducteururl main .banner a.btn,
main .encart_more_reducteururl a.btn {
    background-color: rgb(98, 90, 90, 1)
}

main .encart_more_reducteururl .picto-app {
    background-image: url(../img/picto-reducteururl-color.svg);
}

.reducteururl main .banner {
    background-image: url(../img/bg-reducteururl.jpg)
}

.blog main .encart_avantages,
main .encart_more_blog {
    background-color: rgb(185, 1, 60, 0.05)
}

.blog main .banner a.btn,
main .encart_more_blog a.btn {
    background-color: rgb(185, 1, 60, 1)
}

main .encart_more_blog .picto-app {
    background-image: url(../img/picto-blog-color.svg);
}

.blog main .banner {
    background-image: url(../img/bg-blog.jpg)
}


.servicespublics33 main .encart_avantages,
main .encart_more_servicespublics33 {
    background-color: rgb(105, 29, 255, 0.05)
}

.servicespublics33 main .banner a.btn,
main .encart_more_servicespublics33 a.btn {
    background-color: rgb(105, 29, 255, 1)
}

main .encart_more_servicespublics33 .picto-app {
    background-image: url(../img/picto-servicespublics33-color.svg);
}

.servicespublics33 main .banner {
    background-image: url(../img/bg-servicespublics33.jpg)
}

.bureaudelagent main .encart_avantages,
main .encart_more_bureaudelagent {
    background-color: rgb(125, 140, 255, 0.05)
}

.bureaudelagent main .banner a.btn,
main .encart_more_bureaudelagent a.btn {
    background-color: rgb(125, 140, 255, 1)
}

main .encart_more_bureaudelagent .picto-app {
    background-image: url(../img/picto-bureaudelagent-color.svg);
}

.bureaudelagent main .banner {
    background-image: url(../img/bg-bureaudelagent.jpg)
}

.visio main .encart_avantages,
main .encart_more_visio {
    background-color: rgb(29, 190, 200, 0.05)
}

.visio main .banner a.btn,
main .encart_more_visio a.btn {
    background-color: rgb(29, 190, 200, 1)
}

main .encart_more_visio .picto-app {
    background-image: url(../img/picto-visio-color.svg);
}

.visio main .banner {
    background-image: url(../img/bg-visio.jpg)
}

.mailsecours main .encart_avantages,
main .encart_more_mailsecours {
    background-color: rgb(255, 180, 0, 0.05)
}

.mailsecours main .banner a.btn,
main .encart_more_mailsecours a.btn {
    background-color: rgb(255, 180, 0, 1)
}

main .encart_more_mailsecours .picto-app {
    background-image: url(../img/picto-mailsecours-color.svg);
}

.mailsecours main .banner {
    background-image: url(../img/bg-mailsecours.jpg)
}

@media(max-width: 991px) {

    .podoc main .banner {
        background-image: url(../img/bg-podoc-mobile.jpg)
    }



    .comclic main .banner {
        background-image: url(../img/bg-comclic-mobile.jpg)
    }



    .gaapse main .banner {
        background-image: url(../img/bg-gaapse-mobile.jpg)
    }



    .bornevisio main .banner {
        background-image: url(../img/bg-bornevisio-mobile.jpg)
    }



    .gemel main .banner {
        background-image: url(../img/bg-gemel-mobile.jpg)
    }



    .signclic main .banner {
        background-image: url(../img/bg-signclic-mobile.jpg)
    }



    .visa main .banner {
        background-image: url(../img/bg-visa-mobile.jpg)
    }
}

main {
    width: 100%;
    overflow: hidden
}

.encart_avantages {
    padding: 50px 0
}

.encart_avantages .avantage {
    border-top: 1px solid #DDDDDD;
    padding-top: 30px;
    font-weight: 600;
    padding-bottom: 30px;
    padding-left: 40px;
    background-image: url(../img/picto-star.svg);
    background-repeat: no-repeat;
    background-position: left center;
}

.encart_avantages .avantage:last-child {
    border-bottom: 1px solid #DDDDDD;
}

main h2 {
    margin-bottom: 40px
}


main .encart_more {
    padding-bottom: 50px
}

main section {
    margin-bottom: 50px
}

main .encart_more .picto-app {
    width: 78px;
    height: 78px;
    background-size: contain;
    margin: 50px auto 20px;
}

.text-center {
    text-align: center
}

main .encart_more h4 {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 0
}

main .banner {

    text-align: center;
    height: 338px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
}

main a.btn {
    font-size: 16px;
    color: white;
    background-image: none;
    border-radius: 0;
}

main .encart_more a.btn {
    width: 100%;
}

@media(max-width: 991px) {

    main .encart_more .picto-app {
        width: 68px;
        height: 68px;
        margin-top: 50px;

    }

    main section {
        margin-bottom: 30px;
    }

    main section:last-child {
        margin-bottom: 0;
    }

    main h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .encart_avantages .avantage {
        padding-left: 0;
        background-image: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    main .encart_more {
        margin-left: -15px;
        width: calc(100% + 30px);
        margin-bottom: 15px;
        padding-bottom: 50px;
    }

    main .encart_avantages {
        margin-left: -15px;
        width: calc(100% + 30px);


        padding: 30px 0;

    }

    main .banner {
        margin-left: -15px;
        width: calc(100% + 30px);
    }
}