.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.offset-1 {
    margin-left: 7.142857%;
}

.col-2 {
    -ms-flex: 0 0 14.285714%;
    flex: 0 0 14.285714%;
    max-width: 14.285714%;
	position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.col-4 {
    -ms-flex: 0 0 28.571429%;
    flex: 0 0 28.571429%;
    max-width: 28.571429%
}


#main-footer {
    background-color: #18332f;
    color: #fff
}

#main-footer #quickAccesMenuSosCarte .header {
    background-color: #18332f;
    border-top: 1px solid #a0a0a0;
    color: #fff;
    padding: 15px 30px;
    position: relative
}

#main-footer #quickAccesMenuSosCarte .header p {
    margin-bottom: 0
}

#main-footer #quickAccesMenuSosCarte .header button {
    background: 0;
    border: 0;
    color: #fff;
    position: absolute;
    top: 15px;
    right: 30px
}

#main-footer #quickAccesMenuSosCarte .content {
    background-color: #fff;
    color: #18332f;
    padding: 15px 30px
}

#main-footer #quickAccesMenuSosCarte .content .content-left {
    padding-right: 20px
}

#main-footer #quickAccesMenuSosCarte .content .content-left ul {
    list-style: none
}

#main-footer #quickAccesMenuSosCarte .content .content-left ul li:hover a,#main-footer #quickAccesMenuSosCarte .content .content-left ul li.active a {
    color: #a6843a
}

#main-footer #quickAccesMenuSosCarte .content .content-left ul a {
    color: #18332f
}

#main-footer #quickAccesMenuSosCarte .content .content-right {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: -2px 2px 5px 0 rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    padding: 30px;
    position: relative
}

#main-footer #quickAccesMenuSosCarte .content .content-right::before,#main-footer #quickAccesMenuSosCarte .content .content-right::after {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    right: auto;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

#main-footer #quickAccesMenuSosCarte .content .content-right::before {
    top: 15.95%;
    border-right: 10px solid rgba(0,0,0,0.15)
}

#main-footer #quickAccesMenuSosCarte .content .content-right::after {
    top: 15%;
    border-right: 10px solid #fff
}

#main-footer #quickAccesMenuSosCarte .content .content-right .changeContent {
    text-align: center;
    width: 100%
}

#main-footer #quickAccesMenuSosCarte .content .content-right .title {
    color: #a6843a;
    text-transform: uppercase
}

#main-footer .surfooter {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    min-width: 100%;
    padding: 1.5rem;
    text-align: center;
    font-family: "bnpp-expanded-sans",sans-serif;
    color: #f1f0ef;
    border-bottom: solid .05rem #a0a0a0
}

#main-footer .surfooter .surfooter-block {
    color: #fff
}

#main-footer .surfooter .surfooter-block:hover {
    text-decoration: none
}

#main-footer .surfooter .surfooter-block.urgence:hover {
    cursor: pointer
}

#main-footer .surfooter .surfooter-block [class^="icon-"] {
    font-size: 2.35em;
    vertical-align: middle;
    padding-right: .58rem
}

#main-footer .footer {
    padding: 5rem 0 2rem;
    background-color: #18332f
}

#main-footer .footer ul {
    list-style: none;
    padding: 1.17rem 0 0 0;
    font-size: .82rem;
    color: #9fb6ad
}

#main-footer .footer li {
    font-family: "bnpp-expanded-sans-light",sans-serif;
    padding-bottom: .88rem
}

#main-footer .footer li a {
    color: #9fb6ad;
    font-family: "opensans-semibold",sans-serif;
    font-size: .875rem
}

#main-footer .footer .footer-title {
    font-family: "opensans-semibold",sans-serif;
    color: #fff
}

#main-footer .footer .footer-logo img {
    width: 60%;
    height: 60%
}

#main-footer .footer .footer-right-content .footer-social {
    padding-top: 0
}

#main-footer .footer .footer-right-content .footer-social li {
    display: flex;
    align-items: center;
    padding: .29rem 0;
    line-height: 3
}

#main-footer .footer .footer-right-content .footer-social li [class^="icon-"] {
    color: #fff;
    font-size: 1.88rem;
    margin-right: 1.17rem
}

#main-footer .footer .footer-right-content .footer-social a {
    color: #9fb6ad
}

#main-footer .footer .footer-right-content .footer-privilege-connect-title {
    padding-top: 2.05rem;
    padding-bottom: 1.5rem;
    color: #fff;
    font-family: "opensans-semibold",sans-serif
}

#main-footer .footer .footer-right-content .footer-privilege-connect-title img {
    max-width: 40px;
    margin-right: .5rem
}

#main-footer .footer .footer-right-content .footer-privilege-connect {
    display: flex;
    align-items: center;
    flex-flow: nowrap
}

#main-footer .footer .footer-right-content .footer-phone {
    color: #a6843a;
    display: flex;
    align-items: center;
    font-family: "bnpp-expanded-sans-light",sans-serif;
    font-size: 2.125rem
}

#main-footer .footer .footer-right-content .footer-phone-text {
    font-family: "bnpp-expanded-sans-light",sans-serif;
    font-size: .75rem;
    color: #9fb6ad;
    line-height: 1.0625rem;
    margin-left: 15px
}

#main-footer .footer .footer-right-content ul {
    margin-top: 1.3rem
}

#main-footer .legal-notice {
    color: #9fb6ad;
    font-size: .875rem;
    padding-bottom: 50px
}

#main-footer .legal-notice .open_vision {
    color: #9fb6ad
}

#main-footer .legal-notice .open_vision:visited {
    color: #9fb6ad
}

#main-footer a:focus-visible {
    outline-color: #fff
}

@media screen and (max-width: 768px) {
    #main-footer .footer-mobile {
        padding:1rem 0;
        border-top: solid .05rem #a0a0a0
    }

    #main-footer .footer-mobile .surfooter {
        padding: 0 0 1rem 0 !important
    }

    #main-footer .footer-mobile .surfooter .surfooter-block {
        font-family: "bnpp-expanded-sans-light",sans-serif;
        padding: .5rem;
        text-decoration: none;
        color: #fff
    }

    #main-footer .footer-mobile .surfooter .surfooter-block:hover,#main-footer .footer-mobile .surfooter .surfooter-block:active,#main-footer .footer-mobile .surfooter .surfooter-block:visited,#main-footer .footer-mobile .surfooter .surfooter-block:focus {
        text-decoration: none
    }

    #main-footer .footer-mobile .surfooter .surfooter-block [class^="icon-"] {
        font-size: 1.94em;
        vertical-align: middle;
        padding-right: 0
    }

    #main-footer .footer-mobile .surfooter .surfooter-block div {
        padding-top: .5rem
    }

    #main-footer .footer-mobile .security {
        margin-top: .5rem;
        border-top: solid .05rem #a0a0a0
    }

    #main-footer .footer-mobile .accordion {
        padding: 0 1rem !important
    }

    #main-footer .footer-mobile .footer-mobile-dropdown {
        border-bottom: solid .05rem #a0a0a0
    }

    #main-footer .footer-mobile .footer-mobile-dropdown .footer-mobile-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0
    }

    #main-footer .footer-mobile .footer-mobile-dropdown .footer-mobile-title .footer-title {
        font-family: "bnpp-expanded-sans-light",sans-serif !important
    }

    #main-footer .footer-mobile .footer-mobile-dropdown .footer-mobile-title .chevron {
        color: #fff
    }

    #main-footer .footer-mobile .footer-mobile-contact {
        padding: 2rem 1rem 0 1rem !important
    }

    #main-footer .footer-mobile .footer-mobile-contact .footer-social li {
        display: flex;
        align-items: center;
        padding: .29rem 0;
        line-height: 1
    }

    #main-footer .footer-mobile .footer-mobile-contact .footer-social a {
        color: #fff
    }
}

@media screen and (max-width: 576px) {
    #main-footer .footer .footer-right-content .footer-privilege-connect-title {
        font-size:.9375rem
    }

    #main-footer .footer .footer-right-content .footer-privilege-connect-title img {
        max-width: 30px;
        margin-right: .3rem
    }

    #main-footer .footer .footer-right-content .footer-phone-text {
        margin-left: .625rem
    }
}

/* Resilisation popin */

.resiliation-contrat-popin {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    padding: 25px;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    max-width: 420px;
    color: #000
}

.resiliation-contrat-popin .close-btn-circle {
    margin-left: auto;
    width: 25px;
    height: 25px;
    cursor: pointer;
    padding: 0;
    border: 0 none;
    background: 0
}

.resiliation-contrat-popin .popin-info-picto {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    font-size: 50px;
    color: #a6843a
}

.resiliation-contrat-popin .popin-text {
    padding: 0 5px
}

@media screen and (min-width: 1024px) {
    .resiliation-contrat-popin .popin-text {
        padding:0 25px
    }
}

.resiliation-contrat-popin .popin-item {
    display: flex;
    flex-direction: column
}

.resiliation-contrat-popin .popin-item .popin-title {
    font-weight: 700;
    font-size: 17px;
    padding: 20px 0 10px;
    margin: 0 auto;
    text-align: center
}

.resiliation-contrat-popin .popin-item .popin-desc {
    text-align: center
}

.resiliation-contrat-popin .popin-item a {
    text-decoration: underline;
    margin-bottom: 25px
}

.resiliation-contrat-popin .popin-item .btn-primary {
    margin: 25px auto 15px auto;
    cursor: pointer;
    text-decoration: none
}