/*!
 * bnp v0.1.0 Core css desktop file 
 * Last modification: 2025/03/19
 * Author: BNP ERE 
 */
.clear:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.boxed {
    box-sizing: border-box
}

.mask {
    position: relative
}

.mask:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-image: linear-gradient(to right,rgb(0 0 0 / .5) 0,#fff0 100%)
}

.bold {
    font-family: "bnpbold"
}

.light {
    font-family: "bnplight"
}

.drop-shadow {
    -moz-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    -webkit-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    -o-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16)
}

.icon {
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-item {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto
}

.scroll {
    overflow: auto
}

.scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgb(0 0 0 / .2);
    box-shadow: 0 0 1px rgb(255 255 255 / .3)
}

.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.flex-item {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

@-moz-keyframes pop {
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes pop {
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes pop {
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pop {
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes push {
    50% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes push {
    50% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes push {
    50% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes push {
    50% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ul {
    list-style: none
}

strong,b {
    font-weight: 700
}

em,i {
    font-style: italic
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.bnp-form p {
    text-align: left!important;
    color: #333;
    font-family: "bnp"!important;
    font-size: 1rem!important;
    margin-bottom: 15px
}

.bnp-form .bnp-form-set {
    margin-bottom: 35px;
    max-width: 400px
}

.bnp-form .bnp-form-set .bnp-chekbox {
    display: inline-block;
    min-width: 100px;
    padding-left: 36px;
    position: relative
}

.bnp-form .bnp-form-set .bnp-chekbox:before {
    content: "";
    display: inline-block;
    background-color: #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -6px;
    left: 0;
    border: 1px solid #333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.bnp-form .bnp-form-set .bnp-chekbox.active:before {
    background: #00915a;
    border-color: #00915a
}

.bnp-form .bnp-form-set .bnp-chekbox.active:after {
    content: "\e90d";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 17px;
    position: absolute;
    top: -2px;
    left: 5px
}

.bnp-form .bnp-form-set .bnp-text-field {
    position: relative;
    height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #9a9a9a
}

.bnp-form .bnp-form-set .bnp-text-field input {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    border: 0 none;
    font-size: 1rem;
    color: #0f0f0f;
    padding-left: 30px;
    font-weight: 500
}

.bnp-form .bnp-form-set .bnp-text-field .bnp-placeholder {
    position: absolute;
    top: 12px;
    left: 30px
}

.bnp-form .bnp-form-set .bnp-text-field .bnp-placeholder,.bnp-form .bnp-form-set .bnp-text-field input::placeholder {
    font-size: 1rem;
    color: #9a9a9a
}

.bnp-form .bnp-form-set .bnp-text-field.active .bnp-placeholder {
    display: block
}

.bnp-form .bnp-form-set .bnp-text-field.active input {
    height: 30px;
    margin-top: 26px
}

.bnp-form .bnp-form-set .bnp-text-field.bnp-wong-field {
    border-color: #e1677c
}

.bnp-form .bnp-form-set .bnp-text-field.bnp-wong-field .bnp-error-msg {
    color: #e1677c;
    font-size: .875rem;
    display: block;
    margin-top: 6px
}

.bnp-form .bnp-form-set .bnp-select-field {
    position: relative;
    height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #9a9a9a;
    overflow: hidden
}

.bnp-form .bnp-form-set .bnp-select-field select {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    border: 0 none;
    font-size: 1rem;
    color: #0f0f0f;
    padding-left: 30px;
    font-weight: 500
}

.bnp-form .bnp-form-set .bnp-error-msg {
    display: none
}

.bnp-form .bnp-form-set .bnp-placeholder {
    display: none
}

.bnp-form .bnp-form-action {
    text-align: right
}

.bnp-form .bnp-form-action a {
    display: inline-block;
    font-size: 1rem;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    box-sizing: border-box;
    color: #00915a;
    margin-left: 20px;
    height: 48px;
    padding: 16px 14px 10px 14px;
    border: 1px solid #00915a
}

.bnp-form .bnp-form-action a.bnp-buton-validate {
    background-color: #00915a;
    color: #fff
}

body {
    font-family: "bnp";
    font-weight: lighter
}

@font-face {
    font-family: "bnp";
    src: url(../fonts/typos/bnpp_sans-webfont.woff.eot);
    src: url(../fonts/typos/bnpp_sans-webfont.woff.eot) format("embedded-opentype"),url(../fonts/typos/bnpp_sans-webfont.woff) format("woff"),url(../fonts/typos/bnpp_sans-webfont.ttf) format("truetype"),url("../fonts/typos/bnpp_sans-webfont.svg#LatoBold") format("svg")
}

@font-face {
    font-family: "bnpbold";
    src: url(../fonts/typos/bnpp_sans_bold-webfont.eot);
    src: url("../fonts/typos/bnpp_sans_bold-webfont.eot?#iefix") format("embedded-opentype"),url(../fonts/typos/bnpp_sans_bold-webfont.woff) format("woff"),url(../fonts/typos/bnpp_sans_bold-webfont.ttf) format("truetype"),url("../fonts/typos/bnpp_sans_bold-webfont.svg#bnpp_sansbold") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "bnplight";
    src: url(../fonts/typos/bnpp_sans_light-webfont.eot);
    src: url("../fonts/typos/bnpp_sans_light-webfont.eot?#iefix") format("embedded-opentype"),url(../fonts/typos/bnpp_sans_light-webfont.woff) format("woff"),url(../fonts/typos/bnpp_sans_light-webfont.ttf) format("truetype"),url("../fonts/typos/bnpp_sans_light-webfont.svg#bnpp_sanslight") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "bnpcond";
    src: url(../fonts/typos/BNPP-Sans-Cond.eot);
    src: url("../fonts/typos/BNPP-Sans-Cond.eot?#iefix") format("embedded-opentype"),url(../fonts/typos/BNPP-Sans-Cond.woff) format("woff"),url(../fonts/typos/BNPP-Sans-Cond.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "icon";
    src: url(../fonts/typos/icon.eot?5wadq7);
    src: url("../fonts/typos/icon.eot?5wadq7#iefix") format("embedded-opentype"),url(../fonts/typos/icon.ttf?5wadq7) format("truetype"),url(../fonts/typos/icon.woff?5wadq7) format("woff"),url("../fonts/typos/icon.svg?5wadq7#icomoon") format("svg");
    font-weight: 400;
    font-style: normal
}

h1 {
    margin: 0 0 15px;
    font-size: 3.75rem;
    color: #000
}

h2 {
    margin: 0 0 12px;
    font-size: 2rem;
    color: #000
}

h3 {
    margin: 0 0 10px;
    font-size: 1.5rem;
    color: #000
}

h4 {
    margin: 0 0 7px;
    font-size: 1.25rem;
    color: #000
}

h5 {
    margin: 0 0 7px;
    font-size: 1.125rem;
    color: #000
}

h6 {
    margin: 0 0 5px;
    font-size: 1rem;
    font-style: italic
}

p {
    margin: 0 0 10px;
    line-height: 24px
}

strong,b {
    font-weight: 700
}

hr {
    height: 1px;
    border: none;
    color: #d4d4d4;
    background: #d4d4d4
}

.bnp-green {
    color: #00915a
}

ul.bnp-list {
    list-style: disc inside none
}

ul.bnp-list li {
    padding: 2px 0
}

ul.bnp-list li a {
    color: #028abe
}

ul.bnp-list-arrow {
    list-style: none
}

ul.bnp-list-arrow li {
    margin-bottom: 2px;
    padding-left: 20px
}

ul.bnp-list-arrow li:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 7px;
    content: "";
    border-top: 4px solid #fff0;
    border-bottom: 4px solid #fff0;
    border-left: 5px solid #028abe
}

ul.bnp-list-arrow li a:link {
    color: #7d7d7d;
    font-weight: 700
}

ul.bnp-list-arrow li a:visited {
    color: #7d7d7d
}

a {
    text-decoration: none;
    color: #028abe;
    cursor: pointer
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80)
}

a.bnp-action-link {
    font-style: italic;
    font-weight: 700
}

a.bnp-action-link:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 7px;
    content: "";
    border-top: 6px solid #fff0;
    border-bottom: 6px solid #fff0;
    border-left: 5px solid #028abe
}

body #contentRow .bnp-button,.bnp-button {
    display: inline-block;
    padding: 18px 30px;
    color: #fff;
    cursor: pointer;
    background: #00965e;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

body #contentRow .bnp-button:visited,.bnp-button:visited,body #contentRow .bnp-button:hover,.bnp-button:hover {
    color: #fff!important;
    text-decoration: none!important
}

body #contentRow .bnp-button.bnp-button-loadmore,.bnp-button.bnp-button-loadmore {
    font-family: "bnpcond";
    font-size: 1.75rem;
    text-align: center;
    background: #fff;
    color: #00965e;
    border: 2px solid #00965e;
    display: block;
    margin: 0 auto;
    width: 350px;
    margin-bottom: 82px
}

body #contentRow .bnp-button.bnp-dblock,.bnp-button.bnp-dblock {
    display: block;
    padding: 20px 0;
    text-align: center
}

body #contentRow .bnp-button.bnp-cancel,.bnp-button.bnp-cancel {
    background: #1a1a1a
}

body #contentRow .bnp-button.bnp-delete,.bnp-button.bnp-delete {
    background: #ca0f0f
}

body #contentRow .bnp-button.bnp-disabled,.bnp-button.bnp-disabled {
    cursor: default;
    background: #b4b4b4;
    -webkit-animation-name: "";
    animation-name: ""
}

.bnp-video-button {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding: 14px 18px 14px 46px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #fff!important;
    background: #00915a;
    border: 1px solid #00915a;
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3
}

.bnp-video-button:before {
    content: "\e906";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: #fff;
    font-size: 19px;
    top: 12px;
    left: 15px
}

.bnp-rounded-button {
    display: inline-block;
    background: #00915a;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: .875rem;
    padding: 12px 25px 10px 25px
}

.bnp-rounded-button.bnp-white {
    background: #fff;
    color: #00915a;
    border: 1px solid #00915a;
    padding: 12px 12px 10px 12px
}

.bnp-rounded-button.bnp-Download {
    padding: 12px 10px 10px 24px;
    position: relative
}

.bnp-rounded-button.bnp-Download:before {
    content: "\e935";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: #00915a;
    font-size: 19px;
    top: 9px;
    left: 6px
}

#bnp-article .bnp-btn-search,.bnp-btn-search {
    text-align: center;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

#bnp-article .bnp-btn-search a,.bnp-btn-search a {
    display: inline-block;
    min-width: 310px;
    padding: 12px 14px;
    font-size: 1rem;
    font-family: "bnp";
    color: #fff;
    background: #199d69;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

#bnp-article .bnp-btn-search a:hover,.bnp-btn-search a:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

#bnp-article .bnp-btn-search.bnp-void,.bnp-btn-search.bnp-void {
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30);
    pointer-events: none;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

#bnp-article .bnp-btn-search.bnp-void a,.bnp-btn-search.bnp-void a {
    color: #444;
    background-color: #fff;
    pointer-events: none;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

.bnp-button-seemore {
    display: inline-block;
    padding: 12px 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #00915a;
    color: #00915a!important;
    font-size: 1rem
}

.bnp-see-more {
    text-align: center
}

.bnp-action {
    padding: 20px 0;
    text-align: center
}

.bnp-table {
    width: 100%
}

.bnp-table th {
    text-transform: uppercase;
    background-color: #333
}

.bnp-table td,.bnp-table th {
    padding: 2px 5px
}

*:focus,input:focus,select:focus,textarea:focus,button:focus {
    outline: none
}

textarea,input[type="text"],input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0
}

input::-ms-expand {
    display: none
}

input[type="text"]::-ms-clear {
    display: none
}

.bnp-form fieldset {
    margin: 20px 0 0;
    border: none
}

.bnp-form fieldset legend {
    display: block;
    width: 100%;
    margin: 0 0 12px;
    font-size: 1.25rem;
    text-align: center;
    color: #000;
    font-family: inherit
}

.bnp-form-block {
    margin-bottom: 15px
}

.bnp-form-block label {
    display: block;
    float: left;
    width: 120px;
    margin: 3px 10px 0 0;
    font-size: 1.125rem;
    color: #333
}

.bnp-form-block.bnp-form-radio label,.bnp-form-block.bnp-form-cbx label {
    display: inline;
    float: none;
    width: auto;
    margin: 0;
    color: inherit!important;
    font-size: inherit!important
}

.bnp-form-block input[type="text"],.bnp-form-block textarea {
    resize: vertical
}

.bnp-form-block input[type="checkbox"],.bnp-form-block input[type="radio"] {
    vertical-align: text-bottom
}

.bnp-form-block select {
    width: 200px;
    padding: 3px
}

.bnp-select-holder {
    height: 30px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    border: solid 1px #61696e;
    background-color: #fff;
    color: #000;
    font-size: .875rem;
    cursor: pointer
}

.bnp-select-holder select {
    position: relative;
    z-index: 1;
    margin: 0;
    box-sizing: border-box;
    height: 30px;
    border: 0 none;
    padding: 0;
    width: calc(100% + 30px);
    color: #000;
    font-size: .875rem;
    background: #fff0
}

.bnp-select-holder:before {
    content: "\e913";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 8px;
    top: 8px;
    color: #fff;
    font-size: .75rem;
    color: #000;
    font-size: .875rem;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.bnp-clear {
    clear: both;
    line-height: 0
}

.bnp-hidden {
    display: none!important
}

.bnp-align-left {
    text-align: left!important
}

.bnp-align-right {
    text-align: right!important
}

.bnp-align-center {
    text-align: center
}

.bnp-float-left {
    float: left
}

.bnp-float-right {
    float: right
}

.bnp-section {
    width: 1200px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: left
}

.bnp-section:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

#bnp-header {
    padding-top: 30px;
    box-sizing: border-box
}

#bnp-header:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

#bnp-header .bnp-logo {
    float: left;
    width: 300px
}

#bnp-header .bnp-logo IMG {
    height: 40px
}

#bnp-header .bnp-tools {
    float: right
}

#bnp-header #bnp-hub-segment {
    float: right
}

#bnp-tools-helper {
    float: right;
    position: relative
}

#bnp-tools-helper .bnp-helper-header {
    position: relative;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 12px 60px 14px 28px;
    background: #00915a;
    color: #fff;
    font-family: "bnplight"
}

#bnp-tools-helper .bnp-helper-header span {
    cursor: pointer;
    font-family: "bnpbold";
    position: relative;
    display: inline-block;
    padding-right: 22px
}

#bnp-tools-helper .bnp-helper-header span:before {
    content: "\e913";
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: 5px;
    right: 0
}

#bnp-tools-helper .bnp-helper-header .bnp-search-trigger {
    opacity: 1;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    box-sizing: border-box;
    background: #fff;
    border: 2px solid #00915a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#bnp-tools-helper .bnp-helper-header .bnp-search-trigger:before {
    content: "\e903";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #00915a;
    font-size: 18px;
    position: absolute;
    top: 11px;
    left: 11px;
    margin: 0 4px 0 0
}

#bnp-tools-helper .bnp-helper-header .bnp-search {
    -moz-transition-duration: 0.05s;
    -webkit-transition-duration: 0.05s;
    -o-transition-duration: 0.05s;
    transition-duration: 0.05s;
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 40px;
    box-sizing: border-box;
    overflow: hidden
}

#bnp-tools-helper .bnp-helper-header .bnp-search input {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 0 none;
    box-sizing: border-box;
    padding-left: 20px;
    color: #333
}

#bnp-tools-helper .bnp-helper-header .bnp-search input[type="search"]::-webkit-search-cancel-button {
    display: none
}

#bnp-tools-helper .bnp-helper-header .bnp-search .bnp-close {
    position: absolute;
    top: 7px;
    right: 10px;
    cursor: pointer
}

#bnp-tools-helper .bnp-helper-header .bnp-search .bnp-close:before {
    content: "\e926";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #00915a;
    font-size: 18px
}

#bnp-tools-helper .bnp-helper-header .bnp-search .ms-mpSearchBox {
    width: 100%
}

#bnp-tools-helper .bnp-helper-header .bnp-search #searchInputBox {
    margin-bottom: 0;
    margin-top: 4px;
    width: 100%
}

#bnp-tools-helper .bnp-helper-header .bnp-search .ms-srch-sb>.ms-srch-sb-searchLink {
    margin-left: -1px;
    display: none
}

#bnp-tools-helper .bnp-helper-header .bnp-search #searchInputBox {
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
    height: 41px
}

#bnp-tools-helper .bnp-helper-header .bnp-search #SearchBox .ms-srch-sb {
    border: 1px solid #fff;
    background: #fff;
    display: block;
    height: 40px
}

#bnp-tools-helper .bnp-helper-header.active .bnp-search {
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    width: 100%;
    border: 1px solid #00915a
}

#bnp-tools-helper .bnp-helper-header.active .bnp-search-trigger {
    opacity: 0;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-tools-helper .bnp-helper-content {
    padding: 0 30px;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 1;
    -moz-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    position: absolute;
    box-sizing: border-box;
    top: 50px;
    -moz-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    -webkit-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    -o-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    background-color: #fff
}

#bnp-tools-helper .bnp-helper-content .bnp-grid {
    margin-left: 0;
    margin-right: 0
}

#bnp-tools-helper .bnp-helper-content h2 {
    font-size: .875rem;
    font-family: "bnplight"
}

#bnp-tools-helper .bnp-helper-content h3 {
    font-size: 1rem;
    color: #333;
    margin-bottom: 14px;
    font-family: "bnpbold"
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry {
    margin-bottom: 30px
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select {
    border: 1px solid #00915a;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 20px;
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select .bnp-select-header {
    font-size: .875rem;
    color: #00915a;
    cursor: pointer
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select .bnp-select-header a {
    font-size: .875rem;
    color: #00915a
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select .bnp-select-header img {
    height: 14px;
    margin: 0 10px -2px 0
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select .bnp-select-header span {
    color: #333;
    font-size: .75rem;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    padding-right: 24px
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select .bnp-select-header span:before {
    content: "\e913";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #333;
    z-index: -1;
    font-size: 13px;
    position: absolute;
    top: 2px;
    right: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select .bnp-select-content {
    height: 0;
    overflow: hidden;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select .bnp-select-content ul {
    padding: 20px 0 0 0;
    border-top: 1px solid #f0f0f0;
    margin-top: 20px
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select .bnp-select-content ul li {
    margin-bottom: 16px;
    color: #333;
    font-size: .75rem;
    display: inline-block;
    width: calc((100% / 3) - 10px)
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select .bnp-select-content ul li a {
    color: #333;
    font-size: .75rem
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select .bnp-select-content ul li img {
    height: 14px;
    margin: 0 10px -2px 0
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select.active .bnp-select-content {
    height: auto;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry .bnp-helper-select.active .bnp-select-header span:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-tools-helper .bnp-helper-content .bnp-helper-entry:nth-child(3) .bnp-helper-select .bnp-select-header .lang {
    display: none!important
}

#bnp-tools-helper .bnp-rounded-button {
    margin-bottom: 10px
}

#bnp-tools-helper.active .bnp-helper-content {
    height: auto;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    padding: 30px 30px 0 30px
}

#bnp-tools-helper.active .bnp-helper-header {
    position: relative;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 12px 60px 14px 28px;
    background: #00915a;
    color: #fff;
    font-family: "bnplight"
}

#bnp-tools-helper.active .bnp-helper-header span:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-topnav {
    position: relative;
    background: #fff
}

#bnp-topnav ul.root {
    z-index: 11;
    height: 52px;
    padding: 0;
    margin: 0 0 0 0;
    list-style: none
}

#bnp-topnav ul.root li.static {
    float: left;
    height: 52px;
    margin-right: 1px;
    font-size: .8em;
    border-top: 2px solid #fff;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

#bnp-topnav ul.root li.static:first-child a:before {
    display: none
}

#bnp-topnav ul.root li.static>a {
    display: block;
    height: 21px;
    padding: 17px 15px 0 15px;
    color: #484c4e;
    font-family: "bnp"
}

#bnp-topnav ul.root li.static>a:first-child {
    padding-left: 0
}

#bnp-topnav ul.root li.static>a:before {
    display: inline-block;
    margin-right: 15px;
    margin-left: -3px;
    content: "|";
    color: #f0f0f0
}

#bnp-topnav ul.root li.static>a:hover,#bnp-topnav ul.root li.static.bnp-opened>a,#bnp-topnav ul.root li.static.bnp-selected>a {
    text-decoration: none;
    color: #199d69
}

#bnp-topnav ul.root li.static:hover {
    border-bottom: 2px solid #199d69;
    background-color: #fff;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

#bnp-topnav ul.root li.static:hover:first-child {
    background: #fff!important
}

#bnp-topnav ul.root li.static:hover ul {
    display: block
}

#bnp-topnav ul.root li.static:hover ul li {
    border: 0 none!important
}

#bnp-topnav ul.root li.static.selected {
    border-bottom: 2px solid #199d69
}

#bnp-topnav ul.root li.static.selected:hover {
    background-color: #fff
}

#bnp-topnav ul.root li.static.selected>ul.dynamic {
    background-color: #fff
}

#bnp-topnav ul.root li.static>ul.dynamic {
    width: 100%!important;
    min-width: 160px;
    position: absolute;
    left: 0!important;
    padding: 0;
    margin-top: 12px;
    box-sizing: border-box;
    text-align: center;
    box-shadow: none;
    border: none;
    background: #fff;
    box-shadow: 0 -2px 4px rgb(40 41 61 / .04),0 8px 16px rgb(96 97 112 / .16)
}

#bnp-topnav ul.root li.static>ul.dynamic>li {
    display: block;
    padding: 14px;
    float: none;
    position: relative;
    text-align: left;
    box-sizing: border-box;
    border-bottom: 1px solid #e2e2e2!important
}

#bnp-topnav ul.root li.static>ul.dynamic>li>a {
    display: inline-block;
    font-size: .875rem;
    color: #424242;
    font-family: "bnplight"
}

#bnp-topnav ul.root li.static>ul.dynamic>li>a>span {
    padding-bottom: 10px;
    color: #424242
}

#bnp-topnav ul.root li.static>ul.dynamic>li>a:hover {
    color: #199d69
}

#bnp-topnav ul.root li.static>ul.dynamic>li>a:hover>span {
    color: #199d69
}

#bnp-topnav ul.root li.static>ul.dynamic>li>span {
    display: inline-block;
    font-size: .875rem;
    color: #424242;
    font-family: "bnp"
}

#bnp-topnav ul.root li.static>ul.dynamic>li>ul {
    display: table!important;
    vertical-align: top;
    width: auto!important;
    position: static;
    top: 0!important;
    left: 0!important;
    box-shadow: none;
    border: none;
    background: #fff0
}

#bnp-topnav ul.root li.static>ul.dynamic>li>ul li a {
    display: inline-block;
    margin-bottom: 6px;
    font-size: .875rem;
    color: #424242
}

#bnp-topnav ul.root li.static>ul.dynamic>li>ul li a span {
    background: none
}

#bnp-topnav ul.root li.static>ul.dynamic>li>ul li a:hover {
    color: #199d69
}

#bnp-topnav ul.root li.static>ul.dynamic>li>ul li a:hover span {
    color: #199d69
}

#bnp-topnav ul.root li.static>ul.dynamic>li>ul li ul {
    display: inline-block!important;
    position: inherit;
    top: 0!important;
    left: 0!important;
    margin: 0 0 0 32px;
    box-shadow: none;
    border: none;
    background: #fff0
}

#bnp-topnav ul.root li.static>ul.dynamic>li>ul li ul li a {
    font-size: .813em
}

#bnp-topnav ul.root li.static>ul.dynamic>li>ul li ul li a:hover {
    color: #199d69
}

#bnp-topnav ul.root li.static>ul.dynamic>li>ul li ul li a:hover span {
    color: #199d69
}

#bnp-topnav ul.root>li.dynamic-children>a.dynamic-children span {
    padding-right: 0;
    background: none
}

#bnp-topnav ul.root>li.hover>a {
    z-index: 60
}

#bnp-topnav ul.root li.ms-navedit-editArea {
    display: none
}

#bnp-topnav .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
    background: none!important
}

#bnp-topnav .ms-core-listMenu-horizontalBox li.static>.ms-core-listMenu-item {
    margin-right: 0
}

#bnp-topnav .ms-core-listMenu-horizontalBox li.ms-navedit-editArea {
    display: none
}

#bnp-topnav .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
    padding-right: 0!important
}

.bnp-ismobile {
    display: none
}

#bnp-nav-trigger {
    position: absolute;
    right: 0;
    top: 12px;
    z-index: 10;
    float: right;
    width: 30px;
    height: 15px;
    padding: 15px 9px 15px 15px;
    background: #fff0
}

#bnp-nav-trigger span {
    backface-visibility: hidden;
    position: absolute;
    left: 15px;
    border-top: 3px solid #484c4e;
    width: 18px;
    -webkit-transition: 0.55s;
    -o-transition: 0.55s;
    transition: 0.55s;
    -webkit-transition: all 0.55s ease;
    -moz-transition: all 0.55s ease;
    -ms-transition: all 0.55s ease;
    -o-transition: all 0.55s ease;
    transition: all 0.55s ease
}

#bnp-nav-trigger span:first-child {
    top: 14px
}

#bnp-nav-trigger span:first-child+span {
    top: 20px
}

#bnp-nav-trigger span:first-child+span+span {
    top: 26px
}

#bnp-nav-trigger.bnp-opened span:first-child {
    top: 21px;
    transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -webkit-transition: 0.55s 0.5s;
    -o-transition: 0.55s 0.5s;
    transition: 0.55s 0.5s;
    -webkit-transition: all 0.55s 0.5s ease;
    -moz-transition: all 0.55s 0.5s ease;
    -ms-transition: all 0.55s 0.5s ease;
    -o-transition: all 0.55s 0.5s ease;
    transition: all 0.55s 0.5s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#bnp-nav-trigger.bnp-opened span:first-child+span {
    opacity: 0
}

#bnp-nav-trigger.bnp-opened span:first-child+span+span {
    top: 21px;
    transform: rotate(-410deg);
    -webkit-transform: rotate(-410deg);
    -moz-transform: rotate(-410deg);
    -ms-transform: rotate(-410deg);
    -o-transform: rotate(-410deg);
    -webkit-transition: 0.55s 0.5s;
    -o-transition: 0.55s 0.5s;
    transition: 0.55s 0.5s;
    -webkit-transition: all 0.55s 0.5s ease;
    -moz-transition: all 0.55s 0.5s ease;
    -ms-transition: all 0.55s 0.5s ease;
    -o-transition: all 0.55s 0.5s ease;
    transition: all 0.55s 0.5s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.bnp-nomobile {
    display: block
}

.bnp-justmobile {
    display: none!important
}

body#bnp-mobile .bnp-nomobile {
    display: none!important
}

body#bnp-mobile .bnp-justmobile {
    display: block!important
}

body#bnp-mobile .bnp-section {
    width: auto;
    margin: 0 12px
}

body#bnp-mobile .bnp-section-large {
    width: auto;
    margin: 0
}

body#bnp-mobile .bnp-grid-cell {
    width: auto!important;
    float: none
}

body#bnp-mobile h1 {
    font-size: 1.75rem
}

body#bnp-mobile h2 {
    font-size: 1.125rem
}

body#bnp-mobile #bnp-slider {
    height: 200px
}

body#bnp-mobile #bnp-slider .bnp-slider-detail {
    width: calc(100% - 40px);
    right: 20px;
    padding: 17px 32px
}

body#bnp-mobile #bnp-slider .list_carousel li {
    height: 200px!important
}

body#bnp-mobile #bnp-slider .prev,body#bnp-mobile #bnp-slider .next {
    display: none!important
}

body#bnp-mobile #bnp-slider .pager {
    left: 40px
}

body#bnp-mobile #bnp-choose {
    margin-bottom: 35px
}

body#bnp-mobile #bnp-choose h3 {
    display: none
}

body#bnp-mobile #bnp-choose #bnp-dropdown-wish {
    width: 250px;
    float: none;
    margin: 0 auto 20px auto
}

body#bnp-mobile #bnp-choose #bnp-dropdown-order {
    width: 250px;
    float: none;
    margin: 0 auto 35px auto
}

body#bnp-mobile #bnp-choose .bnp-dropdown dt a span {
    padding-left: 0;
    color: #9ba1a6;
    font-family: "bnplight"
}

body#bnp-mobile #bnp-choose .bnp-dropdown dt a span:before {
    color: #199d69
}

body#bnp-mobile #bnp-choose>div>div>a {
    width: 250px;
    float: none;
    margin: 0 auto
}

body#bnp-mobile .bnp-block.bnp-topicality {
    padding: 22px
}

body#bnp-mobile .bnp-block.bnp-topicality .bnp-block-action {
    position: static;
    margin-top: 25px
}

body#bnp-mobile .bnp-block.bnp-topicality .bnp-entry.bnp-listing .bnp-entry-title {
    max-width: 100%;
    float: none;
    margin-bottom: 0
}

body#bnp-mobile .bnp-block.bnp-topicality .bnp-entry.bnp-listing .bnp-entry-date {
    display: block;
    margin-left: 4px;
    float: none
}

body#bnp-mobile .bnp-block.bnp-figure {
    height: 280px;
    overflow: hidden
}

body#bnp-mobile .bnp-block.bnp-figure .bnp-block-content {
    width: 100%;
    height: 280px
}

body#bnp-mobile .bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-image {
    float: none
}

body#bnp-mobile .bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-content {
    width: 180px;
    bottom: 96px
}

body#bnp-mobile .bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-content .bnp-entry-text {
    line-height: 20px;
    max-width: 99%
}

body#bnp-mobile .bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-title,body#bnp-mobile .bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-title a {
    font-size: 1.375rem
}

body#bnp-mobile .bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-image img {
    width: 100%;
    min-height: 280px
}

body#bnp-mobile .bnp-block.bnp-figure .bnp-block-action {
    bottom: 20px
}

body#bnp-mobile .bnp-block.bnp-figure.type1 .bnp-block-content .bnp-entry .bnp-entry-content {
    width: 245px
}

body#bnp-mobile .bnp-block.bnp-figure.type2 h2.bnp-block-title {
    top: 67px;
    font-size: 1.5rem;
    font-family: "bnpbold"
}

body#bnp-mobile .bnp-block.bnp-figure.type2 .bnp-block-content .bnp-entry .bnp-entry-content {
    width: 240px
}

body#bnp-mobile .bnp-block.bnp-figure.type2 .bnp-entry .bnp-entry-title,body#bnp-mobile .bnp-block.bnp-figure.type2 .bnp-entry .bnp-entry-title a {
    font-size: 1rem;
    line-height: 24px
}

body#bnp-mobile .bnp-block.bnp-figure.type3 {
    margin-left: -20px;
    margin-right: -20px
}

body#bnp-mobile .bnp-block.bnp-figure.type3 .bnp-block-content .bnp-entry .bnp-entry-image img {
    width: auto;
    height: 280px
}

body#bnp-mobile #bnp-sharebox ul li {
    height: 40px;
    overflow: hidden
}

body#bnp-mobile #bnp-sharebox ul li h3 {
    display: none
}

body#bnp-mobile #bnp-sharebox ul li:first-child {
    display: block;
    height: auto
}

body#bnp-mobile #bnp-sharebox ul li:first-child h3 {
    display: block;
    padding-top: 15px;
    margin-bottom: 25px;
    text-align: center;
    font-size: 1.25rem;
    font-family: "bnpbold"
}

body#bnp-mobile #bnp-sharebox ul li:hover span {
    display: none!important
}

body#bnp-mobile #bnp-sharebox ul li.mail,body#bnp-mobile #bnp-sharebox ul li.print {
    display: none
}

body#bnp-mobile #bnp-sharebox ul li a {
    margin: 0
}

body#bnp-mobile .bnp-announcement {
    height: 360px
}

body#bnp-mobile .bnp-announcement figure {
    height: 360px
}

body#bnp-mobile .bnp-announcement figure img {
    height: 360px
}

body#bnp-mobile .bnp-announcement article {
    width: auto;
    bottom: -320px;
    top: inherit
}

body#bnp-mobile .bnp-announcement article p {
    width: auto;
    float: none
}

body#bnp-mobile .bnp-announcement article a {
    float: left
}

body#bnp-mobile .bnp-see-more {
    text-align: center
}

body#bnp-mobile .bnp-enquiry-header {
    text-align: center
}

body#bnp-mobile .bnp-enquiry-header .bnp-section-title {
    width: 100%;
    font-size: 1.5rem
}

body#bnp-mobile .bnp-entry.bnp-enquiry .bnp-entry-content {
    padding: 20px
}

body#bnp-mobile #bnp-content {
    padding: 20px 0 20px 0
}

body#bnp-mobile #bnp-breadcrumb {
    display: none
}

body#bnp-mobile #bnp-mainheader-section #bnp-mainheader {
    height: 260px
}

body#bnp-mobile #bnp-mainheader-section #bnp-mainheader article {
    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 16px 25px;
    right: 0;
    bottom: 85px
}

body#bnp-mobile #bnp-mainheader-section #bnp-mainheader article a {
    display: inline-block;
    margin-top: 10px;
    padding: 6px 15px;
    border: 2px solid #fff
}

body#bnp-mobile #bnp-mainheader-section #bnp-mainheader article a:after {
    display: none
}

body#bnp-mobile #bnp-mainheader-section #bnp-mainheader figure img {
    height: 260px
}

body#bnp-mobile #bnp-mainheader-section #bnp-mainheader section {
    top: 85px
}

body#bnp-mobile #bnp-mainheader-section #bnp-mainheader section h1 {
    font-size: 2rem
}

body#bnp-mobile #bnp-mainnav {
    padding: 0 20px
}

body#bnp-mobile #bnp-mainnav #bnp-mainnav-gap {
    display: block;
    padding: 26px 12px;
    text-align: center
}

body#bnp-mobile #bnp-mainnav #bnp-mainnav-gap a {
    display: inline-block;
    font-size: .875rem;
    color: #199d69;
    font-family: "bnpbold"
}

body#bnp-mobile #bnp-mainnav #bnp-mainnav-gap a:after {
    content: "\e908";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    margin-left: 15px;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

body#bnp-mobile #bnp-mainnav #bnp-mainnav-gap a:hover:before,body#bnp-mobile #bnp-mainnav #bnp-mainnav-gap a:before {
    display: none!important
}

body#bnp-mobile #bnp-mainnav ul {
    display: none;
    margin: 0;
    padding: 0
}

body#bnp-mobile #bnp-mainnav ul li {
    display: block;
    margin: 0 auto 16px auto;
    background: transparent!important
}

body#bnp-mobile #bnp-mainnav ul li a {
    color: #fff;
    background-color: #218854;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

body#bnp-mobile #bnp-mainnav ul li a:hover:before,body#bnp-mobile #bnp-mainnav ul li a:before {
    display: none!important
}

body#bnp-mobile #bnp-mainnav .opned #bnp-mainnav-gap a:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

body#bnp-mobile #bnp-mobile-access {
    display: none;
    z-index: 1000;
    text-align: left;
    background-color: #fff
}

body#bnp-mobile #bnp-mobile-access .bnp-access-section {
    padding: 12px 20px;
    border-bottom: 1px solid #f0f0f0
}

body#bnp-mobile #bnp-mobile-access .bnp-access-section h2 {
    margin: 0
}

body#bnp-mobile #bnp-mobile-access .bnp-access-section h2 a {
    display: block;
    font-size: 1rem;
    color: #199a6a;
    font-family: "bnp"
}

body#bnp-mobile #bnp-mobile-access .bnp-access-section h3 {
    display: none;
    position: relative;
    padding-right: 18px;
    margin-bottom: 5px;
    font-size: .75rem;
    color: #a4aeb2;
    font-family: "bnplight"
}

body#bnp-mobile #bnp-mobile-access .bnp-access-section h3:hover {
    cursor: pointer
}

body#bnp-mobile #bnp-mobile-access .bnp-access-section ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none
}

body#bnp-mobile #bnp-mobile-access .bnp-access-section ul li {
    display: inline-block
}

body#bnp-mobile #bnp-mobile-access .bnp-access-section ul li a {
    font-size: .75rem;
    color: #484c4e;
    font-family: "bnplight"
}

body#bnp-mobile #bnp-mobile-access .bnp-access-section ul li a img {
    width: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 5px
}

body#bnp-mobile #bnp-mobile-access .bnp-access-section.opned h3:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

body#bnp-mobile .bnp-entry.bnp-overdraft {
    margin-bottom: 20px
}

body#bnp-mobile .bnp-entry.bnp-overdraft .bnp-entry-image {
    height: 206px;
    float: none;
    overflow: hidden
}

body#bnp-mobile .bnp-facsheet-box .bnp-facsheet-link {
    width: 250px
}

body#bnp-mobile #bnp-keyword {
    padding: 20px 0 24px 0;
    border-top: 0
}

body#bnp-mobile #bnp-keyword h2 {
    font-size: 1.25rem
}

body#bnp-mobile #bnp-keyword ul li {
    margin: 0 10px 20px 0
}

body#bnp-mobile .bnp-linklist {
    margin-bottom: 20px
}

body#bnp-mobile .bnp-linklist .bnp-linklist-title {
    position: relative;
    text-align: left;
    padding: 20px 60px 20px 20px
}

body#bnp-mobile .bnp-linklist .bnp-linklist-title:before {
    content: "\e908";
    position: absolute;
    top: 28px;
    right: 14px;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s
}

body#bnp-mobile .bnp-linklist .bnp-linklist-content {
    display: none;
    overflow: hidden
}

body#bnp-mobile .bnp-linklist.first .bnp-linklist-content {
    display: block
}

body#bnp-mobile .bnp-linklist.opned .bnp-linklist-title:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

body#bnp-mobile #bnp-directory h2 {
    font-size: 1.5rem
}

body#bnp-mobile #bnp-directory ul {
    text-align: left
}

body#bnp-mobile #bnp-directory ul li {
    width: calc(50% - 30px);
    margin: 0 12px 10px 12px
}

body#bnp-mobile #bnp-directory ul li a {
    display: table
}

body#bnp-mobile #bnp-directory ul li a img {
    display: table-cell
}

body#bnp-mobile #bnp-directory ul li a span {
    display: table-cell;
    height: 20px;
    vertical-align: middle;
    padding-left: 15px
}

body#bnp-mobile #bnp-proposal {
    padding: 0
}

body#bnp-mobile #bnp-proposal #bnp-proposal-slide li {
    padding: 0 34px
}

body#bnp-mobile #bnp-proposal .bnp-paginate {
    top: 88px;
    height: 202px;
    width: 18px;
    background-color: #fff
}

body#bnp-mobile #bnp-proposal .bnp-paginate:before {
    display: none
}

body#bnp-mobile #bnp-proposal #prev {
    left: -12px
}

body#bnp-mobile #bnp-proposal #next {
    right: -12px
}

body#bnp-mobile .bnp-notice .bnp-section {
    background-position: -15px -16px
}

body#bnp-mobile .bnp-notice .bnp-notice-choice {
    text-align: center
}

body#bnp-mobile .bnp-notice .bnp-notice-choice a {
    display: inline-block;
    min-width: 95px;
    padding: 5px 18px;
    margin: 10px;
    border: 2px solid #199d69;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

body#bnp-mobile .bnp-notice .bnp-notice-choice a:before {
    display: none
}

body#bnp-mobile .bnp-notice .bnp-notice-choice.type1 a {
    min-width: 144px
}

body#bnp-mobile .bnp-notice .bnp-notice-choice.type2 a {
    min-width: 80%
}

body#bnp-mobile .bnp-notice textarea {
    width: 96%;
    height: 180px
}

body#bnp-mobile #bnp-perf-header {
    width: auto
}

body#bnp-mobile #bnp-perf-header #bnp-perf-caption {
    width: auto
}

body#bnp-mobile #bnp-perf-header #bnp-perf-caption .bnp-grid6 {
    width: 50%!important;
    float: left
}

body#bnp-mobile #bnp-perf-header #bnp-perf-caption p {
    padding: 0 20px;
    box-sizing: border-box;
    text-transform: uppercase
}

body#bnp-mobile #bnp-perf-header #bnp-perf-caption img {
    width: 24px
}

body#bnp-mobile .bnp-perf-entry {
    width: auto
}

body#bnp-mobile .bnp-perf-entry .bnp-perf-title h2 {
    font-size: 1rem
}

body#bnp-mobile .bnp-perf-entry .bnp-perf-title:before {
    top: 42%
}

body#bnp-mobile .bnp-perf-entry .bnp-perf-content {
    padding: 10px 30px;
    text-align: center
}

body#bnp-mobile .bnp-perf-entry .bnp-perf-content h2 {
    display: inline-block;
    margin: 10px auto;
    padding: 10px 30px;
    font-size: .875rem;
    text-transform: uppercase;
    text-align: center;
    font-family: "bnpbold";
    color: #9ba1a3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 0 none;
    background-color: #edefee
}

body#bnp-mobile .bnp-perf-entry .bnp-perf-content .bnp-perf-cell {
    overflow: hidden;
    float: none;
    width: auto
}

body#bnp-mobile .bnp-perf-entry .bnp-perf-content .bnp-perf-cell>div {
    width: 48%
}

body#bnp-mobile .bnp-perf-entry .bnp-perf-content .active h2 {
    color: #fff;
    background: #199d69
}

body#bnp-mobile #bnp-category #bnp-mainnav {
    background: #fff
}

body#bnp-mobile #bnp-category #bnp-mainnav ul {
    display: block;
    text-align: center;
    padding: 0 60px 60px 60px
}

body#bnp-mobile #bnp-category #bnp-mainnav ul li {
    display: inline-block;
    margin: 2px auto
}

body#bnp-mobile #bnp-category #bnp-mainnav ul li a {
    min-width: 0;
    padding-right: 18px;
    color: #9ba1a3;
    background-color: #edefee
}

body#bnp-mobile #bnp-category #bnp-mainnav ul li.active a {
    padding-right: 50px;
    background: #218854;
    color: #fff
}

body#bnp-mobile #bnp-category #bnp-category-selection {
    text-align: center
}

body#bnp-mobile #bnp-category #bnp-category-selection a {
    min-width: 170px;
    text-align: left;
    box-sizing: border-box;
    position: relative
}

body#bnp-mobile #bnp-category #bnp-category-selection a:after {
    content: "\e908";
    display: block;
    font-size: 9px;
    position: absolute;
    right: 13px;
    top: 14px;
    z-index: 111;
    color: #a3a9ab;
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

body#bnp-mobile #bnp-category #bnp-category-selection a.active:after {
    color: #fff;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

body#bnp-mobile #bnp-article figure img {
    max-width: 100%
}

body#bnp-mobile #bnp-faq-section {
    padding: 0 20px 20px 20px
}

body#bnp-mobile #bnp-faq-section .bnp-faq-entry h2 {
    padding-top: 0;
    padding-right: 52px;
    box-sizing: border-box
}

body#bnp-mobile #bnp-faq-section .bnp-faq-entry h2:before {
    top: 49%
}

body#bnp-mobile .bnp-survey .bnp-section {
    padding: 20px 0
}

body#bnp-mobile .bnp-survey h2 {
    margin-bottom: 10px
}

body#bnp-mobile .bnp-survey #bnp-survey-result #bnp-faq-section {
    padding-top: 22px
}

body#bnp-mobile .bnp-survey .bnp-submit {
    margin: 4px 0 24px 0
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery {
    margin: 0 -16px;
    padding: 0
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery h2 {
    margin-bottom: 25px;
    padding: 0 60px;
    text-align: center;
    font-family: "bnpbold";
    font-size: 1.5rem
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery {
    padding: 0 40px;
    background: #fff0
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery .bnp-grid,body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery .bnp-grid-gutter {
    margin: 0
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery section {
    padding: 10px 0
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery>a {
    width: 100%;
    padding: 12px 40px 12px 12px;
    margin-bottom: 16px;
    text-align: left;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background: #199d69;
    box-sizing: border-box
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery>a:before {
    content: "\e908";
    position: absolute;
    top: 41%;
    right: 14px;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery>a.active:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery .bnp-newquery-entry {
    margin: 0 0 16px 0;
    padding: 10px 6px;
    min-height: 0;
    border: 2px solid #199d69;
    text-align: left
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery .bnp-newquery-entry address,body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery .bnp-newquery-entry p,body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery .bnp-newquery-entry>a {
    display: none
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery .bnp-newquery-entry figure {
    display: inline-block;
    width: 45px;
    min-height: 0;
    padding: 0
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery .bnp-newquery-entry figure img {
    width: 22px;
    margin-bottom: -4px
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery .bnp-newquery-entry h2 {
    display: inline-block;
    padding: 0;
    margin: 0;
    color: #199d69;
    font-size: .875rem;
    text-transform: lowercase
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery .bnp-newquery-entry h2 br {
    display: none
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery .bnp-newquery-entry h2 a {
    color: #199d69;
    text-align: left
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery address {
    padding: 15px 10px;
    margin-bottom: 25px;
    text-align: left;
    background: #fff
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery p.bnp-justmobile {
    display: none!important;
    padding: 10px;
    background: #fff
}

body#bnp-mobile .bnp-survey #bnp-survey-newquery .bnp-newquery .bnp-grid-cell:nth-child(3) p.bnp-justmobile {
    display: block!important
}

body#bnp-mobile .bnp-survey.bnp-contact-survey .bnp-section>h2 {
    margin: 30px 0;
    padding: 0 45px;
    font-family: "bnpbold";
    font-size: 1.5rem
}

body#bnp-mobile .bnp-survey.bnp-contact-survey #bnp-survey-newquery .bnp-newquery>a {
    margin-left: 0;
    margin-right: 0
}

body#bnp-mobile #bnp-main-scop #bnp-mainnav {
    background: #fff
}

body#bnp-mobile #bnp-main-scop #bnp-mainnav ul {
    display: block;
    text-align: center;
    padding: 0 10px 20px
}

body#bnp-mobile #bnp-main-scop #bnp-mainnav ul li {
    display: inline-block;
    width: auto;
    margin: 2px 3px
}

body#bnp-mobile #bnp-main-scop #bnp-mainnav ul li a {
    min-width: 0;
    padding-right: 18px;
    color: #9ba1a3;
    background-color: #edefee
}

body#bnp-mobile #bnp-main-scop #bnp-mainnav ul li.active a {
    padding-right: 34px;
    color: #fff;
    text-align: left;
    background: #218854
}

body#bnp-mobile #bnp-main-scop .bnp-scop-search {
    display: none
}

body#bnp-mobile #bnp-main-scop .bnp-scop-action {
    text-align: center;
    float: none
}

body#bnp-mobile #bnp-main-scop .bnp-scop-action a {
    margin: 20px 12px;
    padding-right: 45px;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    color: #199d69;
    background: #fff
}

body#bnp-mobile #bnp-main-scop .bnp-scop-action a:after {
    content: "\e908";
    display: block;
    font-size: 9px;
    position: absolute;
    right: 13px;
    top: 14px;
    z-index: 111;
    color: #199d69;
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

body#bnp-mobile #bnp-main-scop .bnp-scop-action a.active:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

body#bnp-mobile #bnp-main-scop.bnp-research>.bnp-section:first-child {
    margin: 0;
    padding: 28px 12px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

body#bnp-mobile #bnp-main-scop.bnp-research #bnp-mainnav ul {
    padding: 0 20px 60px
}

body#bnp-mobile .bnp-section-lexique {
    padding: 20px;
    margin: 16px 12px 25px 12px
}

body#bnp-mobile .bnp-section-lexique h2 {
    line-height: inherit;
    padding-bottom: 20px;
    font-size: 2rem
}

body#bnp-mobile #bnp-lexique-nav {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999;
    background: #fff
}

body#bnp-mobile #bnp-lexique-nav h2 {
    margin-top: 25px;
    font-family: "bnp";
    text-align: center
}

body#bnp-mobile #bnp-lexique-nav .bnp-section {
    padding: 0
}

body#bnp-mobile #bnp-lexique-nav ul {
    text-align: left
}

body#bnp-mobile #bnp-lexique-nav ul li {
    margin: 10px 13px;
    text-align: center
}

body#bnp-mobile #bnp-lexique-nav ul li:first-child {
    margin: 10px 13px
}

body#bnp-mobile #bnp-lexique-nav #bnp-lexique-navtriger {
    position: absolute;
    bottom: 60px;
    left: 44%;
    padding: 20px;
    margin: 0 auto
}

body#bnp-mobile #bnp-lexique-nav #bnp-lexique-navtriger span {
    position: absolute;
    left: 44%;
    display: block;
    width: 40px;
    height: 2px;
    background: #484c4e
}

body#bnp-mobile #bnp-lexique-nav #bnp-lexique-navtriger span:nth-child(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

body#bnp-mobile #bnp-lexique-nav #bnp-lexique-navtriger span:nth-child(2) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

body#bnp-mobile #bnp-lexique-select {
    position: fixed;
    right: 20px;
    bottom: 65px;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
    font-size: 1.0625rem;
    padding-top: 15px;
    color: #fff;
    z-index: 888;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    background: #199a6a
}

body#bnp-mobile #bnp-research .bnp-research-entry .bnp-research-content.type1 {
    padding: 0 20px 20px 20px
}

body#bnp-mobile #bnp-research .bnp-research-entry .bnp-research-content.type1 .bnp-faq-entry:first-child {
    border-top: 0
}

body#bnp-mobile #bnp-research .bnp-research-entry .bnp-entry.bnp-enquiry figure {
    float: none;
    height: 200px;
    width: 100%
}

body#bnp-mobile #bnp-research .bnp-research-entry .bnp-entry.bnp-enquiry figure img {
    width: 100%
}

body#bnp-mobile #bnp-research .bnp-research-entry .bnp-entry.bnp-enquiry .bnp-entry-content {
    width: auto
}

body#bnp-mobile #bnp-research .bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell {
    display: block;
    width: auto;
    float: none
}

body#bnp-mobile #bnp-research .bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(even) {
    background: #edefee
}

body#bnp-mobile #bnp-research .bnp-see-more {
    text-align: right
}

body#bnp-mobile .bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-title a:before,body#bnp-mobile .bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-title:before {
    right: 0;
    font-size: 45px
}

body#bnp-mobile .bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-title a:after,body#bnp-mobile .bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-title:after {
    height: 48px;
    width: 48px;
    right: 8px
}

body#bnp-mobile .bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-content {
    bottom: 25px;
    left: 25px
}

body#bnp-mobile .bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-image img {
    width: auto;
    min-width: 100%;
    height: 280px
}

body#bnp-mobile .bnp-block.bnp-video.type1 .bnp-block-content {
    bottom: 4px
}

body#bnp-mobile .bnp-block.bnp-video.type1 .bnp-block-content .bnp-entry .bnp-entry-title a:before,body#bnp-mobile .bnp-block.bnp-video.type1 .bnp-block-content .bnp-entry .bnp-entry-title:before {
    right: 16px;
    top: calc(50% - 20px)
}

body#bnp-mobile .bnp-block.bnp-video.type1 .bnp-block-content .bnp-entry .bnp-entry-title a:after,body#bnp-mobile .bnp-block.bnp-video.type1 .bnp-block-content .bnp-entry .bnp-entry-title:after {
    right: 8px;
    top: calc(50% - 26px)
}

body#bnp-mobile .bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry .bnp-entry-image img {
    height: auto;
    width: 100%
}

body#bnp-mobile #bnp-content-preface {
    margin-top: 50px
}

body#bnp-mobile .bnp-iframe {
    margin: 45px -14px
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature {
    padding: 30px 20px
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table {
    display: block;
    text-align: left;
    margin-bottom: 40px!important
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table tr {
    padding: 5px 0
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table td {
    display: inline;
    padding: 10px 0px!important
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table td:first-child {
    min-width: 0
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature .bnp-grid6 {
    width: 50%!important;
    float: left
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature .bnp-fonds-legend-rate {
    text-align: left
}

body#bnp-mobile .bnp-value-box .bnp-value-content {
    padding: 20px
}

body#bnp-mobile .bnp-value-box .bnp-value-content ul li>div {
    width: calc(100% - 85px)
}

body#bnp-mobile .bnp-value-box .bnp-value-content ul li>div h4 {
    font-size: .875rem
}

body#bnp-mobile .bnp-value-box .bnp-value-content ul li>span {
    display: table-cell;
    width: 85px;
    padding-top: 0;
    min-height: 45px;
    vertical-align: middle
}

body#bnp-mobile .bnp-value-box .bnp-value-selector>div {
    width: 100%;
    float: none;
    margin-bottom: 20px
}

body#bnp-mobile .bnp-value-box .bnp-value-selector>div input {
    width: calc(100% -36px)
}

body#bnp-mobile .bnp-value-box .bnp-value-selector a {
    display: block;
    float: none;
    margin: 0 auto
}

body#bnp-mobile .bnp-viewdoc-entry {
    margin-bottom: 20px;
    background-color: #fff
}

body#bnp-mobile .bnp-viewdoc-entry .bnp-viewdoc-detail {
    width: calc(100% - 80px);
    float: left;
    padding: 16px 22px;
    box-sizing: border-box
}

body#bnp-mobile .bnp-viewdoc-entry .bnp-viewdoc-detail h4 {
    font-family: "bnplight";
    font-size: 1rem;
    color: #232222
}

body#bnp-mobile .bnp-viewdoc-entry .bnp-viewdoc-detail span {
    font-family: "bnplight";
    font-size: .9375rem;
    color: #9ba1a3
}

body#bnp-mobile .bnp-viewdoc-entry .bnp-viewdoc-link {
    display: block;
    width: 80px;
    float: left;
    text-align: center;
    background-color: #199d69
}

body#bnp-mobile .bnp-viewdoc-entry .bnp-viewdoc-link a {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    height: 85px;
    text-align: center;
    box-sizing: border-box
}

body#bnp-mobile .bnp-perfactu {
    margin-bottom: 22px
}

body#bnp-mobile .bnp-perfactu h4 {
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
    color: #010101
}

body#bnp-mobile .bnp-perfactu p {
    font-family: "bnplight"
}

body#bnp-mobile .bnp-perfactu p span {
    color: #010101;
    font-family: "bnpbold"
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table.fonds-Perf thead th:first-child {
    min-width: 100px
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table.fonds-Perf thead th {
    padding: 5px 5px 10px;
    box-sizing: border-box;
    text-align: center
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table.fonds-Perf tr {
    display: table-row
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table.fonds-Perf tr td:first-child {
    min-width: 100px;
    text-align: left
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table.fonds-Perf tr td {
    display: table-cell;
    text-align: center
}

body#bnp-mobile .bnp-survey .bnp-survey-option .bnp-dropdown {
    max-width: calc(100% - 20px)
}

body#bnp-mobile #bnp-content.bnp-fonds .bnp-fonds-feature h3,body#bnp-mobile body .bnp-fonds .bnp-fonds-feature h3 {
    font-size: .9rem
}

body#bnp-mobile #bnp-content tbody {
    display: block
}

body#bnp-mobile .bnp-incoming-contact .bnp-contact-choice a:hover,body#bnp-mobile .bnp-incoming-contact .bnp-contact-choice a.active {
    margin: 14px
}

body#bnp-mobile .bnp-incoming-contact .bnp-contact-result {
    padding: 40px 20px
}

body#bnp-mobile .bnp-newquery-section .bnp-newquery-entry {
    width: 100%;
    box-sizing: border-box
}

body#bnp-mobile .bnp-newquery-section {
    display: block
}

body#bnp-mobile .bnp-incoming-contact section .bnp-newquery-entry {
    border-left: none;
    border-bottom: 1px solid #e5e5e5
}

#bnp-mainarea {
    overflow: hidden;
    min-height: calc(100vh - 254px);
    background: #fff;
    box-sizing: border-box
}

#bnp-breadcrumbs {
    margin: 0 0 10px;
    color: #028abe
}

#bnp-breadcrumbs a {
    color: #028abe
}

#bnp-footer {
    background: #484848;
    background: linear-gradient(90deg,#484848 49%,#333 50%);
    color: #fff
}

#bnp-footer h2 {
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 30px
}

#bnp-footer h3 {
    color: #fff;
    font-size: .875rem;
    font-family: "bnplight";
    margin-bottom: 15px
}

#bnp-footer ul li {
    margin-bottom: 8px
}

#bnp-footer ul li a {
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #fff;
    font-size: .875rem;
    font-family: "bnplight"
}

#bnp-footer ul li a:hover {
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-footer a {
    color: #fff
}

#bnp-footer .bnp-button {
    color: #fff
}

#bnp-footer .bnp-rounded-button {
    margin-bottom: 14px
}

#bnp-footer .bnp-lexique-btn {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    margin-bottom: 14px
}

#bnp-footer .bnp-lexique-btn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\e92b";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 16px
}

#bnp-footer .bnp-faq-btn {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    margin-bottom: 14px
}

#bnp-footer .bnp-faq-btn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\e925";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 16px
}

#bnp-footer .bnp-contact-btn {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    margin-bottom: 14px
}

#bnp-footer .bnp-contact-btn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\e92a";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 16px
}

#bnp-footer .bnp-button-download {
    display: inline-block;
    padding-left: 20px;
    position: relative
}

#bnp-footer .bnp-button-download:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\e935";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 18px
}

#bnp-footer .bnp-buton-linkedin {
    display: inline-block;
    padding-right: 20px;
    position: relative
}

#bnp-footer .bnp-buton-linkedin:before {
    position: absolute;
    right: 0;
    top: 0;
    content: "\e91a";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 12px
}

#bnp-footer .bnp-tools {
    min-height: 230px;
    background: #484848;
    padding: 40px 0 20px 0;
    box-sizing: border-box
}

#bnp-footer .bnp-private {
    min-height: 230px;
    background: #3d3d3d;
    padding: 40px 0 20px 40px;
    box-sizing: border-box
}

#bnp-footer .bnp-regulatory {
    min-height: 230px;
    background: #333;
    padding: 40px 0 20px 40px;
    box-sizing: border-box
}

#bnp-footer .bnp-grid {
    margin-left: 0;
    margin-right: 0
}

.bnp-subfooter {
    box-sizing: border-box;
    padding: 30px 0 60px 0;
    border-top: 5px solid#00915A
}

.bnp-subfooter:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-subfooter .bnp-logo {
    float: left
}

.bnp-subfooter .bnp-useful-link {
    float: right
}

.bnp-subfooter .bnp-useful-link:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-subfooter .bnp-useful-link ul:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-subfooter .bnp-useful-link ul li {
    float: left;
    font-size: .875rem
}

.bnp-subfooter .bnp-useful-link ul li a {
    display: inline-block;
    color: #333;
    font-family: "bnplight";
    font-size: .875rem
}

.bnp-subfooter .bnp-useful-link ul li a:before {
    content: " ";
    display: inline-block;
    margin: 0 12px;
    width: 1px;
    height: 12px;
    background: #333
}

.bnp-subfooter .bnp-useful-link ul li:first-child a:before {
    display: none
}

#bnp-hub-footer {
    box-sizing: border-box;
    padding: 30px 0 60px 0;
    border-top: 5px solid#00915A
}

#bnp-hub-footer:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

#bnp-hub-footer .bnp-logo {
    float: left
}

#bnp-hub-footer .bnp-useful-link {
    float: right
}

#bnp-hub-footer .bnp-useful-link:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

#bnp-hub-footer .bnp-useful-link ul:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

#bnp-hub-footer .bnp-useful-link ul li {
    float: left;
    font-size: .875rem
}

#bnp-hub-footer .bnp-useful-link ul li a {
    display: inline-block;
    color: #333;
    font-family: "bnplight";
    font-size: .875rem
}

#bnp-hub-footer .bnp-useful-link ul li a:before {
    content: " ";
    display: inline-block;
    margin: 0 12px;
    width: 1px;
    height: 12px;
    background: #333
}

#bnp-hub-footer .bnp-useful-link ul li:first-child a:before {
    display: none
}

.bnp-grid {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.bnp-grid:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-grid-cell {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    box-sizing: border-box
}

.bnp-grid1 {
    width: 8.33333333%
}

.bnp-grid2 {
    width: 16.66666667%
}

.bnp-grid3 {
    width: 25%
}

.bnp-grid4 {
    width: 33.33333333%
}

.bnp-grid5 {
    width: 41.66666667%
}

.bnp-grid6 {
    width: 50%
}

.bnp-grid7 {
    width: 58.33333333%
}

.bnp-grid8 {
    width: 66.66666667%
}

.bnp-grid9 {
    width: 75%
}

.bnp-grid10 {
    width: 83.33333333%
}

.bnp-grid11 {
    width: 91.66666667%
}

.bnp-grid12 {
    width: 100%
}

.bnp-grid-gutter {
    margin-left: 15px;
    margin-right: 15px
}

.bnp-editmode #bnp-mainarea .bnp-section {
    width: 1400px
}

.bnp-editmode.bnp-withtoolpane #bnp-mainarea .bnp-section {
    width: 1600px
}

.bnp-notice {
    padding-bottom: 20px;
    display: none
}

.bnp-notice.bnp-notice-1 {
    display: block
}

.bnp-notice h2 {
    display: table;
    width: 100%;
    height: 100px;
    margin-bottom: 0;
    vertical-align: middle;
    font-family: "bnpbold";
    font-size: 1.75rem;
    text-align: center;
    color: #232222
}

.bnp-notice h2 span {
    display: table-cell;
    height: 100px;
    width: 100%;
    vertical-align: middle
}

.bnp-notice p {
    margin-bottom: 15px;
    font-family: "bnplight";
    font-size: 1rem;
    text-align: center;
    color: #232222
}

.bnp-notice .bnp-notice-choice {
    text-align: center;
    padding-bottom: 35px
}

.bnp-notice .bnp-notice-choice a {
    margin: 0 10px;
    font-family: "bnplight";
    font-size: 1rem;
    color: #232222
}

.bnp-notice .bnp-notice-choice a:before {
    content: "";
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-right: 4px;
    box-sizing: border-box;
    margin-bottom: -8px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #e0e0e0;
    border: 6px solid #e0e0e0;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

.bnp-notice .bnp-notice-choice a.active:before {
    background-color: #199d69;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

.bnp-notice textarea {
    display: block;
    width: 480px;
    height: 100px;
    margin: 0 auto 20px auto;
    color: #444;
    font-family: "bnplight";
    border: 1px solid #dbd8d8;
    padding: 12px;
    background-color: #f8f8f8;
    box-sizing: border-box
}

.bnp-notice .bnp-submit {
    margin-bottom: 30px
}

#bnp-faq-section {
    padding: 70px 80px
}

#bnp-faq-section h1 {
    font-size: 1.6875rem;
    color: #232222
}

#bnp-faq-section>h2 {
    font-size: 1.375rem;
    color: #00915a;
    font-family: "bnpbold";
    text-align: left;
    max-width: 818px;
    margin: 2px auto 40px auto
}

#bnp-faq-section .bnp-faq-entry {
    max-width: 818px;
    margin: 2px auto;
    box-sizing: border-box;
    padding: 26px 0 18px 0;
    font-family: "bnplight";
    border-top: 1px solid #e9e8e8
}

#bnp-faq-section .bnp-faq-entry:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

#bnp-faq-section .bnp-faq-entry h2 {
    position: relative;
    font-family: "bnp";
    font-size: 1.125rem;
    cursor: pointer;
    color: #232222
}

#bnp-faq-section .bnp-faq-entry h2::before {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 16px;
    z-index: 10;
    font-size: .8125rem;
    color: #fff;
    font-family: "icon"!important;
    font-weight: 400;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "\e913";
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#bnp-faq-section .bnp-faq-entry h2::after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: -14px;
    right: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #00915a;
    z-index: 2;
    border: 8px solid #e4f5ee
}

#bnp-faq-section .bnp-faq-entry p {
    font-family: "bnplight"
}

#bnp-faq-section .bnp-faq-entry ul {
    padding: 0;
    list-style: none;
    font-family: "bnplight"
}

#bnp-faq-section .bnp-faq-entry ul li {
    padding: 2px 20px 10px 30px;
    background: url(../images/puce.png) no-repeat left 1px;
    line-height: 22px
}

#bnp-faq-section .bnp-faq-entry table {
    width: 100%
}

#bnp-faq-section .bnp-faq-entry table tr {
    background-color: #fff;
    border-top: 1px solid #f7f7f7
}

#bnp-faq-section .bnp-faq-entry table tr td {
    width: 20%;
    text-align: center;
    box-sizing: border-box;
    padding: 20px
}

#bnp-faq-section .bnp-faq-entry table tr td:first-child {
    width: 60%;
    text-align: left
}

#bnp-faq-section .bnp-faq-entry .bnp-faq-header table tr {
    border: 0 none;
    background: #fff0
}

#bnp-faq-section .bnp-faq-entry .bnp-faq-content {
    display: none;
    margin-bottom: 20px;
    padding: 10px 0
}

#bnp-faq-section .bnp-faq-entry .bnp-faq-case {
    background-color: #fff;
    border-top: 1px solid #f7f7f7;
    padding: 20px 30px
}

#bnp-faq-section .bnp-faq-entry .bnp-faq-case h3 {
    font-size: 1rem;
    color: #00915a;
    font-family: "bnp"
}

#bnp-faq-section .bnp-faq-entry .bnp-faq-case h4 {
    font-size: 1rem;
    color: #333;
    font-family: "bnp"
}

#bnp-faq-section .bnp-faq-entry h2::before {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

#bnp-faq-section .bnp-faq-entry.opned h2:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg)
}

#bnp-faq-section .bnp-action {
    padding-top: 0
}

.bnp-entry {
    margin: 0 0 10px
}

.bnp-entry .bnp-entry-title {
    margin-bottom: 7px;
    font-size: 1.375rem;
    line-height: 1.1em;
    font-weight: 400
}

.bnp-entry .bnp-entry-title,.bnp-entry .bnp-entry-title a {
    color: #028abe
}

.bnp-entry .bnp-entry-image {
    float: left;
    margin: 0
}

.bnp-entry .bnp-entry-image img {
    margin: 0 10px 0 0;
    border: 0
}

.bnp-entry .bnp-entry-catchline {
    font-size: 1.125rem;
    color: #5b5959;
    margin-bottom: 5px
}

.bnp-entry .bnp-entry-date {
    color: #3a3a3a;
    font-size: .875rem
}

.bnp-entry .bnp-entry-text {
    margin: 0
}

.bnp-entry .bnp-entry-action {
    margin-top: 6px
}

.bnp-entry .bnp-entry-action a {
    display: block;
    color: #028abe!important;
    font-weight: 700
}

.bnp-entry.bnp-listing {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #c1c8d9
}

.bnp-entry.bnp-listing:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.bnp-entry.bnp-listing .bnp-entry-image img {
    width: 70px
}

.bnp-entry.bnp-listing .bnp-entry-content {
    margin-left: 80px
}

#bnp-top-banner {
    padding-bottom: 80px
}

#bnp-top-banner a {
    color: #000
}

#bnp-top-banner .bnp-content {
    margin-top: 108px
}

#bnp-top-banner .bnp-content p {
    font-family: "bnplight";
    margin-bottom: 30px
}

#bnp-top-banner .bnp-frame {
    position: relative
}

#bnp-top-banner .bnp-frame figure {
    overflow: hidden;
    text-align: center;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-top-banner .bnp-frame figure img {
    max-width: 100%;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-component-style h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.375rem;
    color: #00915a;
    margin: 0;
    line-height: 38px
}

.bnp-component-style p {
    font-family: "bnplight";
    font-weight: 300;
    font-size: 1rem;
    color: #333;
    line-height: 21px
}

.bnp-component-style p.bnp-strong {
    font-family: "bnp";
    font-weight: 400;
    font-size: 1rem;
    color: #333;
    line-height: 28px
}

.bnp-component-style figure img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 auto;
    display: block
}

.bnp-component-style.bnp-spaced {
    padding: 80px 0
}

.bnp-component-style.bnp-white-background {
    background: #fff
}

.bnp-component-style.bnp-grey-background {
    background: #f6f6f6
}

.bnp-component-style .bnp-slide-cards {
    position: relative;
    z-index: 1
}

.bnp-component-style .bnp-slide-cards>div {
    -moz-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    -webkit-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    -o-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    padding: 25px 70px;
    box-sizing: border-box;
    width: 100%
}

.bnp-component-style .bnp-slide-cards>div h2 {
    text-transform: none;
    font-size: 1.625rem;
    font-weight: 700;
    color: #333;
    line-height: 30px;
    margin-bottom: 12px
}

.bnp-component-style .bnp-slide-cards>div h3 {
    font-size: 1.375rem;
    font-weight: 700;
    color: #333;
    line-height: 30px;
    margin-bottom: 12px;
    margin-top: 0
}

.bnp-component-style .bnp-slide-cards>div p {
    margin-bottom: 25px;
    color: #333
}

.bnp-component-style .bnp-slide-cards>div .bnp-rounded-button {
    display: block;
    margin-bottom: 16px
}

.bnp-component-style .bnp-slide-cards>div .bnp-app-download {
    color: #fff;
    font-size: .875rem
}

.bnp-component-style .bnp-slide-cards:after {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    left: -4px;
    top: 16px;
    transform: rotate(2deg);
    z-index: -1
}

.bnp-component-style .bnp-slide-cards.bnp-style-green>div {
    background: #00a271;
    background: linear-gradient(90deg,#00a271 0,#02b2b4 100%)
}

.bnp-component-style .bnp-slide-cards.bnp-style-green>div h2,.bnp-component-style .bnp-slide-cards.bnp-style-green>div p {
    color: #fff
}

.bnp-component-style .bnp-slide-cards.bnp-small-cards>div {
    padding: 30px 10px 10px 10px
}

.bnp-component-style .bnp-slide-cards.bnp-small-cards>div h3 {
    font-family: "bnpbold";
    font-size: 1.125rem
}

.bnp-component-style .bnp-slide-cards.bnp-small-cards>div p {
    font-size: 1rem
}

.bnp-component-style .bnp-slide-cards.bnp-slide-action {
    position: relative;
    max-width: 492px
}

.bnp-component-style .bnp-slide-cards.bnp-slide-action>div {
    min-height: 250px;
    box-sizing: border-box;
    padding: 25px 25px 25px 180px;
    background: #00a271;
    background: linear-gradient(90deg,#00a271 0,#02b2b4 100%)
}

.bnp-component-style .bnp-slide-cards.bnp-slide-action>div figure {
    position: absolute;
    left: 0;
    top: 0
}

.bnp-component-style .bnp-slide-cards.bnp-slide-action>div h2,.bnp-component-style .bnp-slide-cards.bnp-slide-action>div p {
    color: #fff
}

.bnp-component-style .bnp-slide-cards.bnp-style-green:after {
    background: #c5e8da
}

.bnp-component-style .bnp-slide-cards.bnp-style-00:after {
    background: #00915a
}

.bnp-component-style .bnp-slide-cards.bnp-style-01:after {
    background: #83add6
}

.bnp-component-style .bnp-slide-cards.bnp-style-02:after {
    background: #5b8ab5
}

.bnp-component-style .bnp-slide-cards.bnp-style-03:after {
    background: #4d7293
}

.bnp-component-style .bnp-slide-cards.bnp-style-04:after {
    background: #3f5b75
}

.bnp-component-style .bnp-slide-cards.bnp-style-05:after {
    background: #26394b
}

.bnp-component-style .bnp-slide-cards.bnp-style-06:after {
    background: #e16937
}

.bnp-component-style .bnp-slide-cards .bnp-target {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    color: #fff;
    height: 22px;
    box-sizing: border-box;
    padding: 4px 12px;
    font-size: .75rem;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px
}

.bnp-component-style .bnp-slide-cards .bnp-target:after {
    content: "\e93b";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: #000;
    top: 1px;
    right: -10px;
    z-index: 1;
    font-size: 22px
}

.bnp-component-style .bnp-slide-cards .bnp-target.type-01 {
    background-color: #5b8ab5
}

.bnp-component-style .bnp-slide-cards .bnp-target.type-01:after {
    color: #5b8ab5
}

.bnp-component-style .bnp-comments-frame {
    position: relative;
    z-index: 1
}

.bnp-component-style .bnp-comments-frame:after {
    content: "\e92e";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: #edf7f3;
    top: 0;
    left: 0;
    z-index: -1;
    font-size: 4rem
}

.bnp-component-style .bnp-comments-frame .bnp-comment {
    padding-top: 25px
}

.bnp-component-style .bnp-comments-frame p {
    margin: 0
}

.bnp-component-style .bnp-items-centred {
    display: flex;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .bnp-component-style {
        margin-bottom:32px
    }

    .bnp-component-style .bnp-comments-frame .bnp-comment {
        padding-top: 0;
        margin-bottom: 30px
    }

    .bnp-component-style .bnp-comments-frame:after {
        top: -22px
    }

    .bnp-component-style.bnp-spaced {
        padding: 20px 0
    }

    .bnp-component-style .bnp-slide-cards {
        margin-bottom: 24px
    }
}

.bnp-simulate-banner .bnp-simulate-content {
    padding: 60px 0
}

.bnp-simulate-banner .bnp-simulate-content .bnp-simulate-paragraph,.bnp-simulate-banner .bnp-simulate-content h3 {
    color: #333;
    font-size: 1.125rem;
    line-height: 24px;
    min-height: 56px;
    margin-bottom: 16px
}

.bnp-simulate-banner .bnp-simulate-content .bnp-rounded-button {
    margin-bottom: 20px;
    color: #fff
}

.bnp-simulate-banner .bnp-simulate-content .bnp-simulate-details {
    display: block;
    font-size: .875rem;
    color: #969696
}

@media screen and (max-width: 1024px) {
    .bnp-component-style .bnp-simulate-content {
        padding:20px 0;
        text-align: center
    }

    .bnp-component-style .bnp-simulate-content .bnp-simulate-paragraph {
        font-family: "bnp";
        min-height: 0
    }
}

.bnp-personeo-banner .bnp-slide-cards {
    max-width: 490px
}

.bnp-solutions-banner p.bnp-strong {
    margin-bottom: 32px
}

.bnp-cards-holder .bnp-slide-cards {
    margin-bottom: 24px
}

.bnp-cards-holder .bnp-slide-cards>div {
    padding: 12px 0
}

.bnp-cards-holder .bnp-slide-cards>div p {
    margin: 0
}

.bnp-cards-holder .bnp-slide-cards:after {
    left: -1px;
    top: 7px;
    width: 97%
}

@media screen and (max-width: 1024px) {
    .bnp-solutions-banner .bnp-grid .bnp-grid-cell.bnp-grid3 {
        width:calc(50% - 32px);
        margin: 0 16px
    }

    .bnp-solutions-banner .bnp-solutions-content {
        margin-bottom: 24px
    }

    .bnp-solutions-banner .bnp-solutions-content p.bnp-strong {
        margin-bottom: 32px
    }

    .bnp-cards-holder .bnp-slide-cards:after {
        left: -1px;
        top: 8px;
        width: 99%;
        transform: rotate(1deg)
    }
}

.bnp-avantages-banner {
    position: relative
}

.bnp-avantages-banner.bnp-spaced {
    padding-bottom: 170px
}

.bnp-avantages-banner h2 {
    margin-bottom: 40px
}

.bnp-avantages-banner h3 {
    font-size: 1rem;
    color: #333;
    margin: 30px 0 12px 0
}

.bnp-avantages-banner .bnp-avantages-entry:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-avantages-banner .bnp-avantages-entry .bnp-entry-title {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding-left: 32px;
    width: 50%;
    box-sizing: border-box;
    padding-right: 20px;
    z-index: 2;
    font-family: "bnplight";
    color: #424242;
    font-size: 1rem;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
    float: left;
    display: block
}

.bnp-avantages-banner .bnp-avantages-entry .bnp-entry-title:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-avantages-banner .bnp-avantages-entry .bnp-entry-title:before {
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e936";
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #424242;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px
}

.bnp-avantages-banner .bnp-avantages-entry .bnp-entry-title:hover:before {
    left: 4px
}

.bnp-avantages-banner .bnp-avantages-entry .bnp-entry-content {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 143px;
    max-width: 600px;
    box-sizing: border-box;
    padding: 0 16px;
    z-index: 2;
    line-height: 21px;
    font-family: "bnplight";
    font-size: 1rem
}

.bnp-avantages-banner .bnp-avantages-entry.active .bnp-entry-content {
    opacity: 1;
    z-index: 10
}

.bnp-avantages-banner .bnp-avantages-entry.active .bnp-entry-title {
    color: #00915a;
    font-family: "bnp"
}

.bnp-avantages-banner .bnp-avantages-entry.active .bnp-entry-title:before {
    color: #00915a
}

.bnp-avantages-banner figure {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.bnp-avantages-holder .bnp-slide-cards {
    display: inline-block;
    margin-top: 24px
}

.bnp-avantages-holder .bnp-slide-cards>div {
    padding: 25px;
    min-width: 280px
}

.bnp-avantages-holder .bnp-slide-cards>div p {
    margin-bottom: 0
}

.bnp-previews-holder h2 {
    text-align: center
}

.bnp-previews-holder p {
    text-align: center;
    margin-bottom: 30px
}

.bnp-previews-holder .bnp-grid {
    justify-content: center
}

.bnp-article-preview {
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -moz-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    -webkit-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    -o-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    background: #fff;
    padding-bottom: 190px;
    margin-bottom: 20px
}

.bnp-article-preview .bnp-tags-holder {
    position: absolute;
    z-index: 10;
    width: 100%;
    padding: 18px;
    box-sizing: border-box
}

.bnp-article-preview .bnp-tags-holder .bnp-article-tag {
    display: inline-block;
    padding: 8px 16px;
    color: #fff;
    font-size: .75rem;
    font-family: "bnpbold";
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px
}

.bnp-article-preview .bnp-tags-holder .bnp-article-tag.style-01 {
    background: #f3b351
}

.bnp-article-preview .bnp-tags-holder .bnp-article-tag.style-02 {
    background: #00a1a3
}

.bnp-article-preview .bnp-tags-holder .bnp-article-tag.style-03 {
    background: #82bc68
}

.bnp-article-preview .bnp-tags-holder .bnp-article-tag.style-04 {
    background: #b46b95
}

.bnp-article-preview .bnp-article-image {
    padding: 0;
    margin: 0;
    display: block;
    overflow: hidden;
    height: 160px
}

.bnp-article-preview .bnp-article-image img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    min-height: 100%
}

.bnp-article-preview .bnp-article-content {
    text-decoration: none!important;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    position: absolute;
    min-height: 190px;
    bottom: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 5;
    background: #fff
}

.bnp-article-preview .bnp-article-content .bnp-article-date {
    display: block;
    color: #a6a6a6;
    font-size: .875rem;
    margin-bottom: 12px;
    background: url(../images/calendar.png) no-repeat top left;
    padding-left: 24px;
    background-position: 0 -1px
}

.bnp-article-preview .bnp-article-content .bnp-article-title {
    color: #333;
    display: block;
    margin-bottom: 12px;
    font-size: 1rem;
    line-height: 24px
}

.bnp-article-preview .bnp-article-content .bnp-article-description {
    font-family: "bnplight";
    color: #333;
    display: block;
    font-size: 1rem;
    line-height: 21px
}

.bnp-article-preview .bnp-article-content:hover {
    opacity: 1
}

.bnp-article-preview.vertical {
    padding-bottom: 249px
}

.bnp-article-preview.vertical .bnp-article-content {
    min-height: 249px
}

.bnp-article-preview.vertical .bnp-article-image {
    height: 460px;
    overflow: hidden
}

.bnp-article-preview.horizontal {
    padding-bottom: 0;
    display: flex;
    align-items: stretch;
    align-content: stretch
}

.bnp-article-preview.horizontal:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-article-preview.horizontal .bnp-article-image {
    width: 50%;
    height: 340px
}

.bnp-article-preview.horizontal .bnp-article-content {
    width: 50%;
    position: relative;
    bottom: auto;
    align-self: stretch
}

.bnp-article-preview.horizontal:hover .bnp-article-content {
    padding-top: 20px
}

.bnp-article-preview.bnp-article-video .bnp-article-image {
    position: relative
}

.bnp-article-preview.bnp-article-video .bnp-article-image:before {
    top: 62px;
    left: calc(50% - 18px);
    content: "\e906";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: #edf7f3;
    z-index: 1;
    font-size: 36px
}

.bnp-article-tag {
    display: inline-block;
    padding: 8px 16px;
    color: #fff;
    font-size: .75rem;
    font-family: "bnpbold";
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px
}

.bnp-article-tag.style-01 {
    background: #f3b351
}

.bnp-article-tag.style-02 {
    background: #00a1a3
}

.bnp-article-tag.style-03 {
    background: #82bc68
}

.bnp-article-tag.style-04 {
    background: #b46b95
}

.bnp-wish-navigation {
    box-sizing: border-box;
    min-height: 500px
}

.bnp-wish-navigation .bnp-section {
    text-align: center;
    margin-top: -64px;
    position: relative
}

.bnp-wish-navigation .bnp-wishes-nav {
    padding: 20px 26px;
    background: #fff;
    -moz-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    -webkit-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    -o-box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    box-shadow: -5px 0 15px 0 rgb(0 0 0 / .16);
    margin-top: -107px;
    display: inline-block;
    text-align: left
}

.bnp-wish-navigation .bnp-wishes-nav:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-nav-intro {
    font-family: "bnplight";
    font-size: 1rem;
    float: left
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option {
    float: left;
    margin-left: 40px
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-title {
    font-size: 1rem;
    color: #333;
    position: relative;
    cursor: pointer
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-title:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -27px;
    box-sizing: border-box;
    border: 10px solid #000;
    border-color: #fff0 #fff0 #fff #fff;
    transform: rotate(-45deg);
    box-shadow: -3px 3px 3px 0 rgb(0 0 0 / .1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    left: calc(50% - 16px);
    opacity: 0
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-content {
    position: absolute;
    top: 64px;
    left: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
    width: 100%
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-content .bnp-strong {
    margin-bottom: 40px
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-content .bnp-reasons-list {
    display: block
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-content .bnp-reasons-list h3 {
    font-size: 1rem;
    font-family: "bnpbold";
    color: #333
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-content .bnp-reasons-list li {
    display: block;
    margin-bottom: 12px;
    padding: 2px 20px 10px 30px;
    box-sizing: border-box;
    font-family: "bnplight";
    color: #333;
    font-size: 1rem;
    line-height: 21px;
    background: url(../images/puce.png) no-repeat left 1px
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-content .bnp-solutions-holder {
    width: calc(50% - 16px)
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-content .bnp-solutions-holder.left {
    float: left
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-content .bnp-solutions-holder.right {
    float: right
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option.active .bnp-option-title {
    color: #00915a
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option.active .bnp-option-title:after {
    opacity: 1
}

.bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option.active .bnp-option-content {
    opacity: 1
}

.bnp-saving-solution {
    text-align: center;
    padding-bottom: 60px
}

.bnp-saving-solution:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-saving-solution .bnp-section {
    text-align: center
}

.bnp-saving-solution h2 {
    margin-bottom: 30px
}

.bnp-saving-solution p {
    margin-bottom: 30px
}

.bnp-saving-solution .bnp-saving-cards {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 20px 60px 20px;
    width: calc((100% / 4) - 45px)
}

.bnp-saving-solution .bnp-saving-cards .bnp-slide-cards div {
    overflow: hidden;
    padding: 25px 14px
}

.bnp-saving-solution .bnp-button:before {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-citation {
    position: relative;
    background: #edf7f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 62px 106px 62px 286px;
    margin-bottom: 80px
}

.bnp-citation figure {
    width: 130px;
    height: 130px;
    overflow: hidden;
    border: 1px solid #fff;
    position: absolute;
    left: 106px;
    top: calc(50% - 60px);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.bnp-citation p {
    font-size: 1.375rem!important;
    font-family: "bnp"!important;
    font-style: italic!important;
    position: relative
}

.bnp-citation p:before {
    content: "\e92e";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #00915a;
    -moz-opacity: .2;
    -khtml-opacity: .2;
    -webkit-opacity: .2;
    opacity: .2;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    filter: alpha(opacity=20);
    font-size: 26px;
    margin-right: 6px;
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-citation p:after {
    content: "\e92e";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #00915a;
    -moz-opacity: .2;
    -khtml-opacity: .2;
    -webkit-opacity: .2;
    opacity: .2;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    filter: alpha(opacity=20);
    font-size: 26px;
    margin-right: 6px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-citation span {
    font-size: 1rem;
    color: #333
}

.bnp-toknow {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 190px;
    padding: 40px 316px 40px 106px;
    margin-bottom: 80px;
    background: url(../images/toknow.png) no-repeat 766px bottom #fff8d9
}

.bnp-toknow h2 {
    font-size: 1.125rem;
    font-family: "bnpbold"
}

.bnp-toknow p {
    font-family: "bnplight"
}

.bnp-article-layouts #bnp-share-article h2,#bnp-share-article h2 {
    text-align: center;
    font-family: "bnplight";
    font-size: 1rem;
    margin-bottom: 20px
}

.bnp-article-layouts #bnp-share-article ul,#bnp-share-article ul {
    text-align: center
}

.bnp-article-layouts #bnp-share-article ul li,#bnp-share-article ul li {
    display: inline-block!important;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    position: relative;
    margin: 0 2px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-article-layouts #bnp-share-article ul li a,#bnp-share-article ul li a {
    display: inline-block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0
}

.bnp-article-layouts #bnp-share-article ul li.facebook:before,#bnp-share-article ul li.facebook:before {
    position: absolute;
    top: 16px;
    left: 21px;
    content: "\e93a";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #000;
    font-size: 30px;
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-article-layouts #bnp-share-article ul li.facebook:hover,#bnp-share-article ul li.facebook:hover {
    color: #fff
}

.bnp-article-layouts #bnp-share-article ul li.twitter:before,#bnp-share-article ul li.twitter:before {
    position: absolute;
    top: 16px;
    left: 16px;
    content: "\e91b";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #000;
    font-size: 26px;
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-article-layouts #bnp-share-article ul li.linkedin:before,#bnp-share-article ul li.linkedin:before {
    position: absolute;
    top: 14px;
    left: 18px;
    content: "\e91a";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #000;
    font-size: 26px;
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-article-layouts #bnp-share-article ul li.mail:before,#bnp-share-article ul li.mail:before {
    position: absolute;
    top: 15px;
    left: 15px;
    content: "\e939";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #000;
    font-size: 26px;
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-article-layouts #bnp-share-article ul li.whatsapp:before,#bnp-share-article ul li.whatsapp:before {
    position: absolute;
    top: 16px;
    left: 18px;
    content: "\e93c";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #000;
    font-size: 26px;
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-article-layouts #bnp-share-article ul li:hover,#bnp-share-article ul li:hover {
    background: #00915a;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-article-layouts #bnp-share-article ul li:hover:before,#bnp-share-article ul li:hover:before {
    color: #fff;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-modal-holder {
    cursor: pointer
}

.bnp-modal-holder .bnp-modal-content {
    display: none;
    position: fixed;
    top: 160px;
    left: calc(50% - (650px / 2));
    z-index: 1200;
    width: 700px;
    height: 400px;
    transition: top 0.5s ease-in;
    -webkit-box-shadow: 0 0 26px 0 rgb(0 0 0 / .3);
    -moz-box-shadow: 0 0 26px 0 rgb(0 0 0 / .3);
    box-shadow: 0 0 26px 0 rgb(0 0 0 / .3)
}

.bnp-modal-holder.active .bnp-modal-content {
    display: block
}

.bnp-modal-overlay {
    cursor: pointer;
    z-index: 10;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .6);
    transition: background-color 0.3s ease-in
}

.modal-active .bnp-modal-overlay {
    display: block
}

#bnp-hub {
    padding-top: 100px
}

#bnp-hub h2 {
    font-size: 2rem;
    line-height: 32px;
    color: #000;
    margin: 0 0 30px 0
}

#bnp-hub .bnp-tag {
    color: #00915a;
    margin-bottom: 40px;
    font-family: "bnpbold";
    font-size: 1.375rem;
    text-transform: uppercase;
    letter-spacing: 1px
}

#bnp-hub-header {
    margin-bottom: 30px;
    padding-top: 30px;
    position: fixed;
    width: 100%;
    height: 74px;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #fff
}

#bnp-hub-header:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

#bnp-hub-header .bnp-logo {
    float: left
}

#bnp-hub-header .bnp-logo img {
    height: 44px
}

#bnp-hub-segment {
    float: right
}

#bnp-hub-segment span {
    display: inline-block;
    font-size: 1rem;
    color: #333
}

#bnp-hub-segment a {
    display: inline-block;
    font-size: 1rem;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #00915a;
    margin-left: 20px;
    box-sizing: border-box;
    height: 48px;
    padding: 16px 14px 10px 14px;
    border: 1px solid #00915a;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

#bnp-hub-segment a.active {
    color: #fff;
    background: #00915a
}

#bnp-hub-segment a:hover {
    color: #fff;
    background: #00915a
}

#bnp-segment {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative
}

#bnp-segment:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

#bnp-segment .bnp-segment-entry {
    text-align: center;
    color: #fff;
    width: 50%;
    box-sizing: border-box;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#bnp-segment .bnp-segment-entry:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

#bnp-segment .bnp-segment-entry h2 {
    color: #fff;
    font-size: 1.375rem;
    font-family: "bnpbold";
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 1px
}

#bnp-segment .bnp-segment-entry p {
    font-size: 1rem;
    font-family: "bnplight";
    margin-bottom: 20px
}

#bnp-segment .bnp-segment-entry a {
    color: #fff
}

#bnp-segment .bnp-segment-entry a:after {
    content: "\e901";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 12px;
    margin: 0 0 0 6px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-segment .bnp-segment-entry a:hover:after {
    margin: 0 0 0 10px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-segment .bnp-segment-entry .bnp-content {
    width: 600px;
    padding: 30px 60px;
    box-sizing: border-box
}

#bnp-segment .bnp-segment-entry.bnp-segment-epargnant {
    background: #00a1a3
}

#bnp-segment .bnp-segment-entry.bnp-segment-epargnant .bnp-content {
    float: right;
    padding-left: 0
}

#bnp-segment .bnp-segment-entry.bnp-segment-entreprise {
    background: #4db28c
}

#bnp-segment .bnp-segment-entry.bnp-segment-entreprise .bnp-content {
    float: left;
    padding-right: 0
}

#bnp-segment .bnp-segment-arrow {
    position: absolute;
    bottom: 0;
    left: calc(50% - 45px);
    height: 45px;
    width: 90px;
    border-radius: 90px 90px 0 0;
    -moz-border-radius: 90px 90px 0 0;
    -webkit-border-radius: 90px 90px 0 0;
    background-color: #fff
}

#bnp-segment .bnp-segment-arrow:after {
    content: "\e913";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #00915a;
    font-size: 22px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    margin: 0 0 0 6px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    position: absolute;
    top: 16px;
    left: 30px
}

#bnp-hub-banner {
    height: calc(100vh - 320px)
}

#bnp-hub-banner .bnp-grid .bnp-grid-cell:nth-child(1) .bnp-grid-gutter {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    height: calc(100vh - 320px)
}

#bnp-hub-banner .bnp-grid .bnp-grid-cell:nth-child(2) .bnp-grid-gutter {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
    height: calc(100vh - 320px)
}

#bnp-hub-banner a {
    color: #000
}

#bnp-hub-banner .bnp-content {
    padding-right: 50px
}

#bnp-hub-banner .bnp-content p {
    margin-bottom: 30px;
    font-family: "bnplight"
}

#bnp-hub-banner .bnp-frame {
    position: relative;
    width: 100%
}

#bnp-hub-banner .bnp-frame figure {
    width: 100%;
    height: 550px;
    text-align: center;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    background: url(../images/forme-woman.png) 54px 40px no-repeat;
    background-size: 100% auto
}

#bnp-hub-banner .bnp-frame figure img {
    height: 100%;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-hub-banner .bnp-frame:hover figure {
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    background: url(../images/forme-woman.png) 40px 45px no-repeat;
    background-size: 100% auto
}

#bnp-hub-banner .bnp-frame:hover figure img {
    margin-left: 5px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-hub-expertise {
    padding: 80px 0;
    color: #333
}

#bnp-hub-expertise .bnp-grid-gutter {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    height: 400px
}

#bnp-hub-expertise .bnp-frame {
    position: relative
}

#bnp-hub-expertise .bnp-frame figure {
    position: relative
}

#bnp-hub-expertise .bnp-frame figure img {
    position: relative;
    z-index: 2
}

#bnp-hub-expertise p {
    font-family: "bnplight"
}

#bnp-hub-engaged {
    padding: 80px 0;
    background: #f8f8f8
}

#bnp-hub-engaged .bnp-tag {
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 2px
}

#bnp-hub-engaged .bnp-section>p {
    text-align: center;
    margin-bottom: 50px
}

#bnp-hub .bnp-card,.bnp-card {
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    cursor: pointer
}

#bnp-hub .bnp-card figure,.bnp-card figure {
    position: relative;
    height: 600px;
    overflow: hidden
}

#bnp-hub .bnp-card figure:before,.bnp-card figure:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(359.79deg,rgb(33 33 33 / .6) .12%,#fff0 52.79%)
}

#bnp-hub .bnp-card .bnp-content,.bnp-card .bnp-content {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    padding: 0 40px;
    color: #fff;
    max-width: calc(100% - 40px)
}

#bnp-hub .bnp-card .bnp-content h2,.bnp-card .bnp-content h2 {
    font-size: 1.375rem;
    color: #fff;
    margin-bottom: 16px
}

#bnp-hub .bnp-card .bnp-content p,.bnp-card .bnp-content p {
    font-size: 1rem;
    color: #fff
}

#bnp-hub .bnp-card .bnp-search-arrow,.bnp-card .bnp-search-arrow {
    position: absolute;
    bottom: 20px;
    right: 24px;
    z-index: 3
}

#bnp-hub .bnp-card .bnp-search-arrow:before,.bnp-card .bnp-search-arrow:before {
    content: "\e903";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 22px
}

#bnp-hub .bnp-card .bnp-detail,.bnp-card .bnp-detail {
    display: block;
    position: absolute;
    bottom: -99999px;
    left: -99999px;
    z-index: 2;
    box-sizing: border-box;
    height: calc(100% - 80px);
    bottom: 0;
    margin: 40px;
    padding: 40px;
    background: #fff0;
    overflow: auto;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out
}

#bnp-hub .bnp-card .bnp-detail::-webkit-scrollbar,.bnp-card .bnp-detail::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px
}

#bnp-hub .bnp-card .bnp-detail::-webkit-scrollbar-thumb,.bnp-card .bnp-detail::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgb(0 0 0 / .2);
    box-shadow: 0 0 1px rgb(255 255 255 / .3)
}

#bnp-hub .bnp-card .bnp-detail h2,.bnp-card .bnp-detail h2 {
    font-size: 1.375rem;
    color: #00915a;
    margin-bottom: 16px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-hub .bnp-card .bnp-detail p,.bnp-card .bnp-detail p {
    font-size: 1rem;
    color: #333;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-hub .bnp-card:hover .bnp-content,.bnp-card:hover .bnp-content,#bnp-hub .bnp-card:hover .bnp-search-arrow,.bnp-card:hover .bnp-search-arrow {
    display: none
}

#bnp-hub .bnp-card:hover .bnp-detail,.bnp-card:hover .bnp-detail {
    bottom: 0;
    left: 0;
    background: rgb(255 255 255 / .9);
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out
}

#bnp-hub .bnp-card:hover .bnp-detail h2,.bnp-card:hover .bnp-detail h2 {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-hub .bnp-card:hover .bnp-detail p,.bnp-card:hover .bnp-detail p {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

#bnp-experience {
    padding: 80px 0
}

#bnp-experience .bnp-tag {
    text-align: center;
    color: #00915a;
    margin-bottom: 6px
}

#bnp-experience .bnp-section>p {
    text-align: center;
    margin-bottom: 50px
}

#bnp-experience h2 {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    color: #00915a;
    text-transform: uppercase;
    text-align: center
}

#bnp-experience .bnp-content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

#bnp-experience .bnp-content .bnp-experience-item {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    text-align: center;
    width: 280px;
    margin-top: 12px
}

#bnp-experience .bnp-content .bnp-experience-item span {
    display: block
}

#bnp-experience .bnp-content .bnp-experience-item .icon {
    margin-bottom: 20px
}

#bnp-experience .bnp-content .bnp-experience-item .label {
    font-family: "bnpbold";
    color: #333;
    font-size: 2rem;
    margin-bottom: 16px
}

#bnp-experience .bnp-content .bnp-experience-item .title {
    color: #333;
    font-size: 1rem
}

#bnp-witness:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

#bnp-witness .bnp-tag {
    margin-bottom: 0
}

#bnp-witness #bnp-witness-left {
    background: #00a1a3;
    width: 50%;
    float: left
}

#bnp-witness #bnp-witness-left .bnp-witness-set {
    float: right;
    padding-right: 60px
}

#bnp-witness #bnp-witness-right {
    background: rgb(0 145 90 / .7);
    width: 50%;
    float: left
}

#bnp-witness #bnp-witness-right .bnp-witness-set {
    float: left;
    padding-left: 60px
}

#bnp-witness .bnp-witness-set {
    min-height: 460px;
    width: 600px;
    padding: 50px 0;
    box-sizing: border-box;
    margin: 0 auto
}

#bnp-witness .bnp-witness-set .bnp-tag {
    color: #fff
}

#bnp-witness .bnp-witness-slider .bnp-slider-show li {
    position: relative;
    height: 270px
}

#bnp-witness .bnp-witness-slider .bnp-slider-show li span {
    display: block
}

#bnp-witness .bnp-witness-slider .bnp-slider-show li .comment {
    position: absolute;
    top: 50px;
    font-size: 1.375rem;
    color: #fff;
    font-style: italic;
    line-height: 30px
}

#bnp-witness .bnp-witness-slider .bnp-slider-show li .comment:before {
    content: "\e92e";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgb(255 255 255 / .4);
    font-size: 35px;
    margin-top: -10px;
    margin: 0 4px 0 0
}

#bnp-witness .bnp-witness-slider .bnp-slider-show li .comment:after {
    content: "\e92e";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgb(255 255 255 / .4);
    font-size: 35px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    margin: 0 0 0 18px
}

#bnp-witness .bnp-witness-slider .bnp-slider-show li .user {
    position: absolute;
    top: 200px
}

#bnp-witness .bnp-witness-slider .bnp-slider-show li .user:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

#bnp-witness .bnp-witness-slider .bnp-slider-show li .user .image {
    float: left;
    height: 60px;
    width: 60px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1.5px solid #fff;
    overflow: hidden
}

#bnp-witness .bnp-witness-slider .bnp-slider-show li .user .image img {
    height: 100%
}

#bnp-witness .bnp-witness-slider .bnp-slider-show li .user .profil {
    float: left;
    color: #fff;
    padding: 24px 4px 4px 20px
}

.hub-navigation-tools {
    position: fixed;
    right: 0;
    bottom: 22px;
    z-index: 100;
    background: #fff;
    padding: 0 20px;
    box-shadow: 0 2px 8px rgb(40 41 61 / .04),0 -5px 24px rgb(96 97 112 / .16)
}

.hub-navigation-tools ul li {
    display: inline-block;
    color: #333
}

.hub-navigation-tools ul li a {
    color: #333;
    font-size: 1rem;
    padding: 20px 12px 16px 12px;
    display: inline-block
}

#bnp-contactus {
    background: #fff;
    padding: 50px 0
}

#bnp-contactus h2 {
    display: block;
    width: 100%;
    margin-bottom: 4px;
    color: #00915a;
    text-transform: uppercase;
    text-align: center
}

#bnp-contactus p {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}

#bnp-contactus .bnp-content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

#bnp-contactus .bnp-content .bnp-contactus-item {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    text-align: center;
    width: 300px
}

#bnp-contactus .bnp-content .bnp-contactus-item span {
    display: block
}

#bnp-contactus .bnp-content .bnp-contactus-item .icon {
    margin-bottom: 18px
}

#bnp-contactus .bnp-content .bnp-contactus-item .tel {
    color: #333;
    margin-bottom: 14px;
    font-size: 1.5rem
}

#bnp-contactus .bnp-content .bnp-contactus-item .title {
    color: #00a1a3;
    font-size: .875rem
}

#bnp-usertools {
    background: #f4f4f4;
    padding: 50px 0
}

#bnp-usertools h2 {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    color: #00915a;
    text-transform: uppercase;
    text-align: center
}

#bnp-usertools .bnp-content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

#bnp-usertools .bnp-content .bnp-usertools-item {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    text-align: center;
    width: calc(100% / 4)
}

#bnp-usertools .bnp-content .bnp-usertools-item span {
    display: block
}

#bnp-usertools .bnp-content .bnp-usertools-item .icon {
    margin-bottom: 18px
}

#bnp-usertools .bnp-content .bnp-usertools-item .title {
    color: #333
}

#bnp-gototop {
    position: fixed;
    bottom: 90px;
    right: 30px;
    cursor: pointer;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    background-color: #008859;
    border-radius: 40px;
     width: 60px;
    height: 60px;
    filter: drop-shadow(0 8px 19px #0000004f);
    bottom: 120px;
    right: 30px;
}

#bnp-gototop:before {
    content: "\e901";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #00915a;
    font-size: 30px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    display: block;
    color: #FFF
}

#bnp-gototop.active {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-hub-set {
    min-height: calc(100vh - 48px);
    box-sizing: border-box;
    position: relative
}

.bnp-discover {
    position: absolute;
    display: block;
    width: 100px;
    bottom: 22px;
    left: calc(50% - 50px);
    text-align: center;
    color: #00915a
}

.bnp-discover:before {
    position: absolute;
    bottom: -45px;
    left: calc(50% - 16px);
    content: "\e901";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 30px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    z-index: 10
}

.bnp-discover::after {
    position: absolute;
    bottom: -22px;
    left: calc(50% - 3px);
    content: "";
    background: #00915a;
    width: 3.5px;
    height: 19px;
    z-index: 11
}

.bnp-basic-layouts .bnp-article-preview {
    min-height: 160px
}

.bnp-mag-layouts .bnp-grid {
    display: block
}

.bnp-mag-layouts .bnp-grid .bnp-grid-cell {
    float: left
}

.bnp-mag-layouts .bnp-grid .bnp-grid-cell:first-child .bnp-article-preview {
    min-height: 518px
}

.bnp-mag-layouts .bnp-grid .bnp-grid-cell:first-child .bnp-article-content {
    min-height: 250px
}

.bnp-mag-layouts .bnp-grid .bnp-grid-cell:first-child .bnp-article-image {
    height: 480px
}

.bnp-mag-filter .bnp-filter-header {
    text-align: center;
    width: 840px;
    margin: 0 auto 40px auto
}

.bnp-mag-filter .bnp-filter-header:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-search {
    float: left;
    margin: 0 10px;
    width: 395px;
    height: 48px;
    text-align: left;
    overflow: hidden;
    border: 1px solid #333;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    box-sizing: border-box
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-search:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-search input {
    width: calc(100% - 60px);
    float: left;
    box-sizing: border-box;
    height: 48px;
    border: 0 none;
    padding-left: 15px
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-search a {
    display: inline-block;
    width: 60px;
    height: 48px;
    color: #fff;
    padding-top: 15px;
    font-size: 1rem;
    background: #00915a;
    float: left;
    box-sizing: border-box;
    text-align: center
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select {
    position: relative;
    float: left;
    width: 395px;
    height: 48px;
    margin: 0 10px;
    text-align: left;
    border: 1px solid #333;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    box-sizing: border-box
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-header {
    padding: 16px 15px 16px 30px;
    font-size: .875rem;
    font-family: "bnplight";
    position: relative;
    cursor: pointer;
    box-sizing: border-box
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-header:before {
    content: "\e913";
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 14px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    font-size: 18px
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content {
    height: 0;
    overflow: hidden;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 100;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 0 20px;
    box-shadow: 0 -2px 4px rgb(40 41 61 / .04),0 8px 16px rgb(96 97 112 / .16);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content h2 {
    font-size: 1.125rem;
    color: #333;
    font-family: "bnpbold";
    margin-bottom: 20px;
    text-align: left
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content .bnp-select-set {
    margin-bottom: 40px
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content .bnp-radio {
    position: relative;
    font-size: .875rem;
    font-family: "bnplight";
    padding-left: 36px;
    margin-bottom: 10px;
    cursor: pointer
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content .bnp-radio:before {
    position: absolute;
    top: -4px;
    left: 0;
    content: "";
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    width: 19px;
    height: 19px;
    background: #fff;
    border: 1px solid #333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content .bnp-radio.active:before {
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content .bnp-radio.active:after {
    position: absolute;
    top: 0;
    left: 4px;
    content: "";
    width: 11px;
    height: 11px;
    background: #00915a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content .bnp-chekbox {
    position: relative;
    font-size: .875rem;
    font-family: "bnplight";
    padding-left: 36px;
    margin-bottom: 10px;
    cursor: pointer
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content .bnp-chekbox:before {
    position: absolute;
    top: -4px;
    left: 0;
    content: "";
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    width: 19px;
    height: 19px;
    background: #fff;
    border: 1px solid #333;
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content .bnp-chekbox.active:before {
    background: #00915a;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content .bnp-chekbox.active:after {
    position: absolute;
    top: 1px;
    left: 3px;
    content: "\e924";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #fff;
    font-size: 10px;
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content a {
    display: block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    text-align: center;
    color: #00915a;
    box-sizing: border-box;
    padding-top: 16px;
    height: 48px;
    border: 1px solid #00915a;
    -webkit-border-radius: 30;
    -moz-border-radius: 30;
    border-radius: 30
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select .bnp-select-content a:hover {
    color: #fff;
    background: #00915a;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-mag-filter .bnp-filter-header .bnp-filter-select.opened .bnp-select-content {
    height: auto;
    padding: 20px
}

.bnp-mag-filter .bnp-filter-result {
    margin-bottom: 80px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.bnp-mag-filter .bnp-filter-result .bnp-tools {
    text-align: left;
    min-width: 90px
}

.bnp-mag-filter .bnp-filter-result .bnp-tools h2 {
    font-size: .875rem;
    font-weight: 400;
    color: #000;
    text-align: left
}

.bnp-mag-filter .bnp-filter-result .bnp-tools a {
    font-size: .75rem;
    color: #a6a6a6
}

.bnp-mag-filter .bnp-filter-result .bnp-filter-entry {
    margin: 0 10px;
    height: 40px;
    background: #e9e9e9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px 40px 4px 15px;
    position: relative;
    box-sizing: border-box
}

.bnp-mag-filter .bnp-filter-result .bnp-filter-entry .text {
    font-size: .875rem;
    color: #333
}

.bnp-mag-filter .bnp-filter-result .bnp-filter-entry .remove {
    position: absolute;
    top: 12px;
    right: 10px;
    cursor: pointer
}

.bnp-mag-filter .bnp-filter-result .bnp-filter-entry .remove:after {
    content: "\e926";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #333;
    font-size: 14px;
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-article-layouts .bnp-figure-article {
    width: 100%;
    height: 360px;
    overflow: hidden
}

.bnp-article-layouts .bnp-figure-article img {
    width: 100%
}

.bnp-article-layouts .bnp-article-content {
    position: relative;
    background: #fff;
    padding: 30px 105px;
    margin-top: -230px
}

.bnp-article-layouts .bnp-article-content .bnp-article-tag-holder {
    margin-bottom: 30px
}

.bnp-article-layouts .bnp-article-content .bnp-article-info {
    margin-bottom: 30px
}

.bnp-article-layouts .bnp-article-content .bnp-article-info:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-article-layouts .bnp-article-content .bnp-article-info .bnp-article-date {
    float: left;
    color: #a6a6a6;
    font-size: .875rem;
    margin-right: 30px
}

.bnp-article-layouts .bnp-article-content .bnp-article-info .bnp-article-date:before {
    content: "\e938";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #a6a6a6;
    font-size: 14px;
    margin-right: 6px;
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-article-layouts .bnp-article-content .bnp-article-info .bnp-article-editor {
    float: left;
    color: #a6a6a6;
    font-size: .875rem;
    margin-right: 30px
}

.bnp-article-layouts .bnp-article-content .bnp-article-info .bnp-article-editor:before {
    content: "\e937";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #a6a6a6;
    font-size: 14px;
    margin-right: 6px;
    box-sizing: border-box;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-article-layouts .bnp-article-content .bnp-article-headline {
    font-size: 1.25rem;
    margin-bottom: 80px
}

.bnp-article-layouts .bnp-article-content .bnp-article-headline p {
    font-size: 1.25rem
}

.bnp-article-layouts .bnp-article-content>img {
    max-width: 100%;
    margin-bottom: 80px
}

.bnp-article-layouts .bnp-article-content h1 {
    font-family: "bnpbold";
    font-size: 2rem;
    color: #333;
    margin-bottom: 30px
}

.bnp-article-layouts .bnp-article-content h2 {
    font-size: 1.375rem;
    font-family: "bnpbold";
    color: #000;
    margin-bottom: 20px
}

.bnp-article-layouts .bnp-article-content h3 {
    font-size: 1rem;
    font-family: "bnpbold";
    color: #000;
    margin-bottom: 20px
}

.bnp-article-layouts .bnp-article-content p {
    font-family: "bnplight";
    font-size: 1rem;
    margin-bottom: 30px
}

.bnp-article-layouts .bnp-article-content ul {
    margin-bottom: 30px
}

.bnp-article-layouts .bnp-article-content ul li {
    display: block;
    margin-bottom: 12px;
    padding: 2px 0 2px 30px;
    box-sizing: border-box;
    font-family: "bnplight";
    color: #333;
    font-size: 1rem;
    line-height: 21px;
    background: url(../images/puce.png) no-repeat left 1px
}

.bnp-article-layouts .bnp-article-content a,.bnp-article-layouts .bnp-article-content p a {
    color: #00915a
}

.bnp-article-layouts .bnp-article-content .bnp-video-button {
    margin-bottom: 80px
}

.bnp-modal-layouts .bnp-modal-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10;
    -moz-opacity: .4;
    -khtml-opacity: .4;
    -webkit-opacity: .4;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter: alpha(opacity=40)
}

.bnp-modal-layouts .bnp-modal-close {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer
}

.bnp-modal-layouts .bnp-modal-close:before {
    content: "\e926";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #000;
    font-size: 20px;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.bnp-modal-layouts .bnp-modal-content {
    background: #f5f5f5;
    margin: 0 auto;
    padding: 60px 106px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    width: 1240px;
    height: calc(100vh - 100px);
    position: fixed;
    top: 60px;
    z-index: 11;
    background-color: #fff;
    overflow: auto
}

.bnp-modal-layouts .bnp-modal-content::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px
}

.bnp-modal-layouts .bnp-modal-content::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgb(0 0 0 / .2);
    box-shadow: 0 0 1px rgb(255 255 255 / .3)
}

.bnp-modal-layouts .bnp-modal-content h2 {
    color: #333;
    font-size: 1.75rem;
    text-align: center;
    margin-bottom: 15px
}

.bnp-modal-layouts .bnp-modal-content p {
    text-align: center;
    font-size: 1.125rem;
    font-family: "bnplight"
}

.bnp-modal-layouts .bnp-modal-content .bnp-comparator .bnp-comparator-header {
    text-align: center
}

.bnp-modal-layouts .bnp-modal-content .bnp-comparator .bnp-comparator-header .bnp-title {
    display: block;
    text-align: center;
    font-family: "bnpbold";
    font-size: 1.375rem;
    margin-bottom: 10px
}

.bnp-modal-layouts .bnp-modal-content .bnp-comparator .bnp-comparator-header a {
    background: #00915a;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    font-size: .875rem;
    color: #fff;
    padding: 8px 14px 8px 14px
}

.bnp-modal-layouts .bnp-modal-content .bnp-comparator .bnp-comparator-content {
    text-align: left
}

.bnp-modal-layouts .bnp-modal-content .bnp-comparator .bnp-comparator-content h2 {
    font-size: 1.375rem;
    color: #00915a;
    font-family: "bnpbold";
    text-align: left;
    margin-bottom: 15x
}

.bnp-modal-layouts .bnp-modal-content .bnp-comparator .bnp-comparator-content h3 {
    font-size: 1rem;
    color: #333;
    font-family: "bnpbold";
    text-align: left;
    margin-bottom: 15px
}

.bnp-modal-layouts .bnp-modal-content .bnp-comparator .bnp-comparator-content .bnp-comparator-entry {
    margin-bottom: 2px;
    background-color: #fff;
    text-align: center;
    margin-bottom: 20px;
    font-family: "bnplight";
    font-size: 1rem
}

.bnp-modal-layouts .bnp-modal-content .bnp-comparator .bnp-comparator-content .bnp-comparator-entry .bnp-grid6,.bnp-modal-layouts .bnp-modal-content .bnp-comparator .bnp-comparator-content .bnp-comparator-entry .bnp-grid-cell:first-child {
    text-align: left
}

.bnp-modal-layouts .bnp-modal-content .bnp-grid {
    margin-top: 30px
}

.bnp-modal-layouts.bnp-modal-confirmation .bnp-modal-content {
    width: 818px;
    text-align: center;
    left: calc(((100% - 818px) / 2))
}

.bnp-modal-layouts.bnp-modal-confirmation .bnp-modal-content img {
    margin-bottom: 30px
}

.bnp-modal-layouts.bnp-modal-confirmation .bnp-modal-content h3 {
    font-size: 1rem;
    margin-bottom: 30px
}

body #contentRow .bnp-avantage-entry,.bnp-avantage-entry {
    text-align: center
}

body #contentRow .bnp-avantage-entry figure,.bnp-avantage-entry figure {
    background: #00915a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding-top: 10px;
    text-align: center;
    width: 44px;
    height: 44px;
    margin: 0 auto 30px auto;
    box-sizing: border-box
}

body #contentRow .bnp-avantage-entry figure img,.bnp-avantage-entry figure img {
    width: 25px
}

body #contentRow .bnp-avantage-entry .bnp-button,.bnp-avantage-entry .bnp-button {
    color: #00915a!important;
    border: 2px solid #00915a;
    background: #fff0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 20px
}

body #contentRow .bnp-avantage-entry .bnp-button:hover,.bnp-avantage-entry .bnp-button:hover {
    color: #fff!important;
    background: #00915a
}

.bnp-article-decouvert {
    text-align: center
}

.bnp-article-decouvert .bnp-link {
    color: #00915a!important;
    border: 2px solid #00915a;
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    background: #fff0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 10px 20px;
    margin-top: 8px
}

.bnp-article-decouvert .bnp-link:hover {
    color: #fff!important;
    background: #00915a
}

.bnp-witness-slider {
    position: relative;
    height: 320px
}

.bnp-witness-slider .list_carousel:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.bnp-witness-slider .list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block
}

.bnp-witness-slider .list_carousel ul li {
    display: block;
    float: left
}

.bnp-witness-slider.responsive {
    width: auto;
    margin-left: 0
}

.bnp-witness-slider .pager {
    position: absolute;
    width: 300px;
    left: 0;
    bottom: 20px
}

.bnp-witness-slider .pager a {
    display: inline-block;
    font-size: 0;
    margin: 0 8px 0 0;
    text-decoration: none;
    width: 6px;
    height: 6px;
    color: #fff;
    border: 1.5px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.bnp-witness-slider .pager a.selected {
    background: #fff
}

.bnp-ddown {
    position: relative;
    z-index: 2;
    display: inline-block
}

.bnp-ddown .bnp-ddown-trigger {
    display: inline-block;
    font-size: 1.125rem
}

.bnp-ddown .bnp-ddown-trigger:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin: 7px 0 0 30px;
    content: "";
    border-left: 7px solid #fff0;
    border-right: 7px solid #fff0;
    border-top: 6px solid #028abe
}

.bnp-ddown .bnp-ddown-target {
    position: absolute;
    top: 30px;
    left: -20px;
    margin: 0;
    padding: 0 20px;
    width: 100%;
    list-style: none;
    background: #fff;
    -webkit-box-shadow: 0 0 30px 0 rgb(50 50 50 / .4);
    box-shadow: 0 0 30px 0 rgb(50 50 50 / .4);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transition: all all 0.3s ease-in ease;
    -moz-transition: all all 0.3s ease-in ease;
    -ms-transition: all all 0.3s ease-in ease;
    -o-transition: all all 0.3s ease-in ease;
    transition: all all 0.3s ease-in ease;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0)
}

.bnp-ddown .bnp-ddown-target li {
    border-top: 1px solid #d4d4d4
}

.bnp-ddown .bnp-ddown-target li:first-child {
    border: 0
}

.bnp-ddown .bnp-ddown-target li a {
    display: block;
    padding: 15px 0;
    color: #666
}

.bnp-ddown .bnp-ddown-target li a:hover {
    text-decoration: none;
    color: #028abe
}

.bnp-ddown.bnp-opened .bnp-ddown-target {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.bnp-toggle {
    position: relative;
    z-index: 2;
    display: inline-block
}

.bnp-toggle .bnp-toggle-trigger {
    display: inline-block
}

.bnp-toggle .bnp-toggle-trigger:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin: 3px 0 0 30px;
    content: "";
    border-left: 7px solid #fff0;
    border-right: 7px solid #fff0;
    border-top: 6px solid #028abe
}

.bnp-toggle .bnp-toggle-target {
    width: 100%;
    padding: 0 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 30px 0 rgb(50 50 50 / .4);
    box-shadow: 0 0 30px 0 rgb(50 50 50 / .4);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transition: all all 0.3s ease-in ease;
    -moz-transition: all all 0.3s ease-in ease;
    -ms-transition: all all 0.3s ease-in ease;
    -o-transition: all all 0.3s ease-in ease;
    transition: all all 0.3s ease-in ease;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0)
}

.bnp-toggle .bnp-toggle-target li {
    border-top: 1px solid #d4d4d4
}

.bnp-toggle .bnp-toggle-target li:first-child {
    border: 0
}

.bnp-toggle .bnp-toggle-target li a {
    display: block;
    padding: 15px 0;
    color: #666
}

.bnp-toggle .bnp-toggle-target li a:hover {
    text-decoration: none;
    color: #028abe
}

.bnp-toggle.bnp-opened .bnp-toggle-target {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.ms-rtestate-field h1,h1.ms-rteElement-H1,.ms-rtestate-field h2,h2.ms-rteElement-H2 {
    color: #000
}

.bnp-admin #bnp-hub-header {
    position: static
}

.bnp-admin #bnp-hub {
    padding-top: 0
}

body.bnp-entreprises-master #bnp-tools-helper {
    margin-left: 20px
}

body.bnp-entreprises-master .bnp-modal-layouts .bnp-modal-content {
    padding: 0
}

body.bnp-entreprises-master .bnp-modal-layouts .bnp-modal-content .bnp-grid {
    margin: 0
}

body.bnp-entreprises-master .bnp-modal-layouts .bnp-modal-overlay {
    display: none
}

body.bnp-entreprises-master .bnp-modal-layouts .bnp-modal-close {
    display: none
}

body.bnp-entreprises-master .ms-dlgFrameContainer {
    padding: 0
}

body.bnp-entreprises-master #FormContent .bnp-form {
    margin-top: 50px
}

body.bnp-entreprises-master #FormContent .bnp-form .bnp-grid {
    margin: 0
}

body.bnp-entreprises-master #FormContent .bnp-form .bnp-grid .bnp-grid-gutter>p {
    text-align: center!important
}

body.bnp-entreprises-master #FormContent .bnp-form .bnp-form .bnp-form-set {
    margin-bottom: 40px
}

body.bnp-entreprises-master #FormContent .bnp-form .bnp-form-set .bnp-chekbox {
    min-width: 70px;
    margin: 0 20px;
    box-sizing: border-box
}

body.bnp-entreprises-master #FormContent .bnp-form .bnp-form-set.ng-scope {
    text-align: left
}

body.bnp-entreprises-master #FormContent .bnp-form div[ng-message~="required"] {
    text-align: left;
    padding-top: 5px;
    font-size: 14px;
    font-family: "bnplight"
}

body.bnp-entreprises-master #SuccessMessageContent img {
    margin: 30px 0
}

#bnp-mobile .bnp-modal-layouts {
    margin: 0 -20px
}

#bnp-mobile .bnp-modal-layouts .bnp-modal-content {
    padding: 0;
    height: auto;
    width: 100%;
    position: initial
}

#bnp-mobile .bnp-modal-layouts .bnp-modal-overlay {
    display: none
}

#bnp-mobile .bnp-modal-layouts .bnp-modal-close {
    display: none
}

#bnp-mobile .ms-dlgFrameContainer {
    padding: 0
}

#bnp-mobile .ms-dlgFrame {
    width: 100%!important;
    box-sizing: border-box
}

#bnp-mobile .bnp-modal-layouts .bnp-modal-content .bnp-comparator .bnp-comparator-header .bnp-grid {
    text-align: center
}

#bnp-mobile .bnp-modal-layouts .bnp-modal-content .bnp-comparator .bnp-comparator-header .bnp-grid .bnp-grid-cell {
    display: inline-block;
    width: auto!important
}

#bnp-mobile .bnp-modal-layouts .bnp-modal-content .bnp-comparator .bnp-comparator-header a {
    padding: 8px;
    margin: 2px 6px 20px 6px
}

#bnp-mobile #FormContent {
    padding: 0 20px
}

#bnp-mobile #FormContent img {
    max-width: 90%
}

#bnp-mobile #FormContent .bnp-form div[ng-message~="required"] {
    text-align: left;
    padding-top: 5px;
    font-size: 14px;
    font-family: "bnplight"
}

#bnp-mobile #FormContent .bnp-form .bnp-form-action {
    text-align: center;
    padding-bottom: 30px
}

#bnp-mobile #FormContent .bnp-form .bnp-form-action a {
    margin: 10px
}

#bnp-mobile .bnp-form .bnp-form-set .bnp-chekbox {
    box-sizing: border-box;
    margin: 0 20px
}

#bnp-mobile #SuccessMessageContent {
    padding: 20px
}

#bnp-mobile #SuccessMessageContent img {
    margin: 30px 0;
    max-width: 100%
}

#bnp-faq-section .bnp-faq-entry.forced-opened h2 {
    pointer-events: none;
    cursor: default
}

#bnp-faq-section .bnp-faq-entry.forced-opened h2::before,#bnp-faq-section .bnp-faq-entry.forced-opened h2::after {
    display: none!important
}

#bnp-faq-section .bnp-faq-entry.forced-opened .bnp-faq-content {
    display: block!important
}

.ms-webpartzone-cell .bnp-article-preview .bnp-article-image img {
    width: 100%
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgb(0 0 0 / .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / .175);
    box-shadow: 0 6px 12px rgb(0 0 0 / .175);
    background-clip: padding-box
}

.ui-autocomplete>li>div {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.ui-state-hover,.ui-state-active,.ui-state-focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
    cursor: pointer
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ms-dialog #bnp-mobile .bnp-comparator {
    line-height: 24px
}

.ms-dialog #bnp-mobile .bnp-comparator .bnp-comparator-header .bnp-title {
    font-size: 12px!important
}

.ms-dialog #bnp-mobile .bnp-comparator .bnp-grid2 {
    width: 33.33%!important;
    float: left!important;
    padding: 10px 0
}

.ms-dialog #bnp-mobile .bnp-comparator .bnp-grid2 li {
    list-style: none!important;
    margin-bottom: 12px;
    padding: 0 10px
}

/*! jQuery UI - v1.13.1 - 2022-01-20
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(97.6%)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    -ms-filter: "alpha(opacity=25)";
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    font-weight: 400
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)";
    background-image: none
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)"
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png)
}

.ui-state-active .ui-icon,.ui-button:active .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon {
    background-image: url(images/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png)
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    -ms-filter: alpha(opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

.ui-widget-header.ui-datepicker-header .ui-icon {
    background: none;
    font-family: "icon";
    text-indent: 0;
    content: ""
}

.ui-widget-header.ui-datepicker-header .ui-datepicker-prev .ui-icon:before {
    content: "\e913"
}

.ui-widget-header.ui-datepicker-header .ui-datepicker-next {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.ui-widget-header.ui-datepicker-header .ui-datepicker-next .ui-icon:before {
    content: "\e913"
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    border: 1px solid #199d69;
    background: #199d69;
    font-weight: 400;
    color: #fff
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
    border: 0 none
}

body#bnp-mobile #bnp-tools-helper .bnp-helper-entry:nth-child(3) .bnp-helper-select .bnp-select-header .lang {
    display: block
}

.scroll2 {
    overflow: auto
}

.scroll2::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px
}

.scroll2::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #868686;
    box-shadow: 0 0 0 #fff
}

.bnp-spinner {
    text-align: center!important
}

.ms-dialog .bnp-entreprises-master #s4-workspace {
    overflow: auto;
    box-sizing: border-box
}

.ms-dialog .bnp-entreprises-master #s4-workspace::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px
}

.ms-dialog .bnp-entreprises-master #s4-workspace::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #868686;
    box-shadow: 0 0 0 #fff
}

.ms-dialog .bnp-entreprises-master #s4-workspace #contentRow {
    padding: 0 20px
}

.ms-dialog .bnp-entreprises-master #s4-workspace #FormContent .bnp-form .bnp-form-set .bnp-chekbox.contact-Answer-check {
    margin: 30px 0 0 0;
    cursor: default;
    pointer-events: none
}

.ms-dialog .bnp-entreprises-master #s4-workspace .bnp-form .bnp-form-set:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

.ms-dialog .bnp-entreprises-master #s4-workspace .bnp-form .bnp-form-set label {
    font-family: "bnplight";
    margin-bottom: 30px;
    margin-right: 30px
}

.ms-dialog .bnp-entreprises-master #s4-workspace #bnp-gototop {
    display: none!important
}

.ms-dialog .bnp-entreprises-master #s4-workspace #FormContent .bnp-form .bnp-form-set textarea {
    box-sizing: border-box;
    height: 100px;
    width: 100%;
    padding: 16px 30px;
    color: #0f0f0f;
    font-size: 1rem
}

.ms-dialog .bnp-entreprises-master #s4-workspace #FormContent .bnp-form .bnp-form-set textarea::-moz-placeholder {
    color: #a1a1a1;
    opacity: 1
}

.ms-dialog .bnp-entreprises-master #s4-workspace #FormContent .bnp-form .bnp-form-set textarea:-ms-input-placeholder {
    color: #a1a1a1
}

.ms-dialog .bnp-entreprises-master #s4-workspace #FormContent .bnp-form .bnp-form-set textarea::-webkit-input-placeholder {
    color: #a1a1a1
}

.ms-dialog .bnp-entreprises-master #s4-workspace #FormContent .bnp-form .bnp-form-set .bnp-text-field.textarea {
    height: 100px
}

.ms-dialog .bnp-entreprises-master #s4-workspace #FormContent .bnp-form .bnp-grid .bnp-grid-gutter>p {
    text-align: left!important
}

.ms-dialog .bnp-entreprises-master #s4-workspace input[type="radio"] {
    margin: 0 3px 0 5px
}

.ms-dialog .bnp-entreprises-master #s4-workspace #SuccessMessageContent {
    text-align: center
}

.ms-dialog .bnp-entreprises-master #s4-workspace #SuccessMessageContent h3 {
    max-width: 80%;
    margin: 0 auto 30px auto
}

.ms-dialog .bnp-entreprises-master #s4-workspace .bnp-form .bnp-form-set.textarea {
    max-width: 90%
}

.ms-dialog .bnp-entreprises-master #s4-workspace .specialMention p {
    font-size: 11px!important;
    line-height: 18px!important
}

.ms-dialog .bnp-entreprises-master #s4-workspace .specialMention p a {
    color: #199d69
}

.ms-dialog .bnp-entreprises-master #s4-workspace textarea {
    border: 0 none
}

.ms-dialog .bnp-entreprises-master #s4-workspace .bnp-form-action {
    padding-bottom: 40px
}

a,.ms-link:visited,.ms-pivotControl-surfacedOpt:hover,.ms-pivotControl-overflowDot:hover,.ms-pivotControl-surfacedOpt-selected {
    color: #444;
    text-decoration: none
}

input[type="button"],input[type="reset"],input[type="submit"],button,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,button:hover,input[type="button"][disabled],input[type="reset"][disabled],input[type="submit"][disabled],body button[disabled][disabled] {
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
    border: 0;
    background: #028672
}

input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,button:hover,input[type="button"][disabled]:hover,input[type="reset"][disabled]:hover,input[type="submit"][disabled]:hover,button[disabled][disabled]:hover {
    background: #007964
}

div.ms-microfeed-fullMicrofeedDiv button[disabled][type="button"] {
    cursor: pointer
}

.ms-lstItmLinkAnchor {
    background: #f2f2f2
}

.ms-core-menu-item:hover,.ms-core-menu-itemSelected,.ms-headerCellStylePressed,.ms-headerCellStyleMenuOpen {
    background-color: #eef1f3
}

.ms-itmHoverEnabled:hover>*,.ms-headerCellStyleHover {
    background-color: #eef1f3
}

.ms-dlgContent {
    border-color: #fff
}

.ms-webpart-chrome-title,.ms-webpart-chrome-title .js-webpart-titleCell {
    color: #000
}

.ms-webpart-chrome-title {
    color: #fff
}

.ms-webpart-titleText {
    display: block;
    font-family: "bnpcond";
    font-size: 31px;
    font-weight: lighter;
    padding: 20px 14px 0 14px
}

.ms-webpart-titleText.ms-webpart-titleText,.ms-webpart-titleText>a {
    font-family: "bnpcond";
    text-transform: uppercase
}

#idStorefrontLayoutRoot .ms-webpart-titleText.ms-webpart-titleText {
    padding: 4px 14px 5px 14px
}

#DeltaPlaceHolderMain>.ms-webpart-zone.ms-fullWidth>.s4-wpcell-plain.ms-webpartzone-cell.ms-webpart-cell-vertical.ms-fullWidth {
    padding: 20px
}

.ms-wpContentDivSpace {
    padding: 10px;
    border: none
}

#s4-titlerow {
    height: auto
}

.ms-SPZone>.s4-wpActive,.ms-rtestate-write>.ms-rte-wpbox>div>.s4-wpActive {
    background-color: #f9f9f9
}

.ms-SPZone {
    border-color: #f9f9f9
}

.ms-SPZone:hover {
    border-color: #eef1f3
}

.ms-WPAddButton {
    border-color: #f9f9f9
}

.ms-WPAddButton:hover {
    border-color: #eef1f3
}

#globalNavBox,.ms-clientcontrol-chromeheader,#suiteBarRight {
    background: #fff0
}

#contentRow {
    background: #fff
}

.ms-webpart-zone {
    background: #fff
}

.ms-webpart-zone.ms-fullWidth {
    padding: 20px
}

.ms-webpartzone-cell {
    margin: auto auto 0 auto
}

#s4-bodyContainer,#contentRow,#s4-titlerow,.wrapper {
    padding-bottom: 0
}

.ms-dialog #s4-bodyContainer,.ms-dialog #contentRow,.ms-dialog #s4-titlerow,.ms-dialog .wrapper {
    background-color: #fff
}

#ms-titlebardiv {
    border-bottom: 1px solid #eef1f3
}

#addDocBlock>div.addDocBlock {
    background: #eef1f3
}

.ms-subtleLink:link,.ms-subtleLink:visited,.ms-atMention:link,.ms-atMention:visited,.ms-hashTag:link,.ms-hashTag:visited {
    color: #444
}

.ms-microfeed-messageFooter>a,.ms-microfeed-messageFooter>a:hover,.ms-microfeed-messageFooter>a:active,.ms-microfeed-mysitemenu-control>span>a {
    color: #444
}

.ms-microfeed-repliesDiv {
    border: 1px solid #eef1f3;
    background: #f5f5f5
}

.ms-microfeed-repliesDiv .ms-microfeed-replyMessage {
    border-top: 1px solid #eef1f3
}

#ms-webpart-chrome {
    background: #fff
}

.ms-microfeed-newReplyDiv .ms-microfeed-focusBox {
    border: 1px solid #eef1f3;
    background: #fff
}

.ms-microfeed-seeMoreThreadsDivContainer .ms-microfeed-seeMoreThreadsDiv button {
    color: #444
}

.ms-subtleLink:link {
    color: #444
}

.ms-socialCommentItem {
    border-bottom: 1px solid #eef1f3
}

.ms-socialCommentItem .socialcomment-top .socialcomment-username,.ms-socialCommentItem .socialcomment-top .socialcomment-username a,.ms-socialCommentItem .socialcomment-cmdlink a,.ms-socialCommentItem .socialcomment-cmdlink a:link,.ms-socialCommentItem .socialcomment-cmdlink a:visited {
    color: #444
}

.ms-tl-mainArea {
    border: 1px solid #eef1f3
}

.ms-tl-mainArea .ms-tl-todayLabel,.ms-tl-mainArea .ms-tl-today {
    border-color: #eef1f3!important;
    background-color: #eef1f3!important
}

.ms-tl-mainArea .ms-tl-mainAreaTitle {
    color: #666
}

.ms-tl-mainArea .ms-tl-timescale span {
    color: #000!important
}

#searchInputBox {
    margin-bottom: 0;
    margin-top: 4px
}

#suiteBar,#s4-ribbonrow {
    height: auto;
    z-index: 20
}

.ms-core-suiteLink-a,.ms-core-suiteLink-a:visited {
    color: #fff
}

a.ms-core-suiteLink-disabled {
    color: #666
}

.ms-core-suiteLink-a:hover {
    color: #f1f1f1;
    background: #007964
}

.ms-core-suiteLinkList li .ms-core-suiteLink-a {
    display: none
}

.ms-cui-topBar2 {
    border-color: #e5e5e5!important
}

#globalNavBox {
    margin-top: 0
}

.ms-clientcontrol-chromeheader {
    margin-top: 10px
}

#s4-workspace {
    background: #fff
}

.ms-core-listMenu-horizontalBox ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ms-core-listMenu-horizontalBox>ul>li>ul>li>.menu-item,.ms-core-listMenu-horizontalBox>ul>li>ul>li.static>.menu-item {
    color: #444
}

.ms-core-listMenu-horizontalBox>ul>li>ul>li.selected .menu-item {
    color: #333
}

.ms-core-listMenu-horizontalBox>ul>li>ul>li>ul>li a:hover,.ms-core-listMenu-horizontalBox>ul>li>ul>li>ul>li a.ms-core-listMenu-item:hover {
    text-decoration: underline;
    background: #fff0
}

.ms-core-listMenu-horizontalBox>ul>li>ul>li>ul>li a.ms-core-listMenu-item.ms-core-listMenu-selected:hover {
    color: #444
}

.ms-core-listMenu-horizontalBox .projectprefix-menu-action,.ms-core-listMenu-horizontalBox .projectprefix-menu-action a {
    color: #444
}

body .ms-srch-item-link {
    color: #444
}

body .ms-srch-item:hover,body .ms-srch-resultHover:hover,body .edisc-SearchResultItemContainer:hover {
    background-color: #eef1f3
}

body .ms-srch-item-path {
    color: #444;
    color: #007964;
    font-size: .8em;
    display: block
}

.ms-srch-hover-actions {
    background: #eef1f3
}

body .ms-srch-hover-actions .ms-calloutLink:hover,body .ms-srch-hover-actions .ms-commandLink:hover,body .ms-srch-hover-actions .ms-secondaryCommandLink:hover {
    text-decoration: underline
}

.ms-srchnav-link-selected:link,.ms-srchnav-link-selected:visited {
    color: #000
}

.ms-srchnav-link:hover,.ms-srchnav-link-selected:hover {
    color: #000;
    text-decoration: underline
}

.ms-core-brandingText {
    display: none
}

#siteIcon {
    line-height: inherit;
    margin-bottom: 32px
}

#s4-titlerow.s-dialogHidden {
    display: none!important
}

.ms-breadcrumb-box {
    height: auto
}

.ms-core-pageTitle {
    font-size: 30px;
    color: #444
}

#bnp-banner-logo {
    padding-left: 6px;
    float: left;
    height: 50px
}

#pageTitle.ms-core-pageTitle {
    display: none
}

#contentBox .ms-searchCenter-result-main {
    padding: 20px 20px 0 20px;
    background-color: #fff;
    margin-bottom: 20px
}

#contentBox .ms-srch-hover-outerContainer {
    visibility: visible
}

#contentBox .ms-srch-item-path {
    color: #007964;
    font-size: .8em;
    display: block
}

.ms-searchCenter-refinement {
    margin-top: 2px
}

.ms-searchCenter-refinement .ms-webpart-zone {
    background-color: #fff0
}

.ms-searchCenter-refinement #refinerExpandCollapseArrow {
    display: block;
    background-color: #fff;
    border: 1px solid #5f5f5f;
    margin-top: 0
}

.ms-searchCenter-refinement .ms-ref-refinername:link,.ms-searchCenter-refinement .ms-ref-refinername:active,.ms-searchCenter-refinement .ms-ref-refinername:visited {
    border: 0;
    display: block;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    font-weight: lighter;
    background-color: #169260;
    padding: 5px 5px 5px 14px
}

.ms-searchCenter-refinement .ms-ref-ctrl {
    border: 1px solid #d4d4d4
}

.ms-searchCenter-refinement .ms-ref-unselSec {
    padding-left: 14px
}

.ms-searchCenter-refinement .ms-ref-ctrl .ms-ref-selSec .ms-ref-filterSel,.ms-searchCenter-refinement .ms-ref-ctrl .ms-ref-allSec .ms-ref-filterSel {
    background-color: #fff0;
    color: #0072c6
}

.ms-searchCenter-refinement .ms-ref-ellipsis,.ms-searchCenter-refinement .ms-entity-resolved,.ms-searchCenter-refinement .ms-entity-unresolved {
    font-size: 12px
}

.ms-searchCenter-refinement .ms-ref-unselSec .slideronly_container,.ms-searchCenter-refinement .ms-ref-unselSec .slider_extent_label_section,.ms-searchCenter-refinement .ms-ref-unselSec .histogram_container {
    margin-left: 14px
}

.ms-searchCenter-refinement #SubmitValue #submit a:first-child {
    background-color: #169260;
    border: 1px solid #ccc;
    color: #fff;
    font: bold 11px Arial;
    margin: 0 4px;
    padding: 2px 4px 2px 6px;
    text-decoration: none
}

.ms-searchCenter-refinement .ms-ref-refiner #AllSection {
    padding-left: 15px!important
}

#suiteBarLeft {
    background: #f3f3f3
}

.ms-cui-topBar2 {
    border-bottom: 0
}

.bnp-ismobile {
    display: none
}

@media all and (max-width: 1199px) {
    .bnp-section {
        width:100%;
        padding: 0 20px
    }
}

.bnp-mobile-tool {
    display: none
}

@media all and (max-width: 1023px) {
    .bnp-grid {
        margin:0
    }

    .bnp-grid .bnp-grid-cell {
        width: 100%;
        float: none
    }

    .bnp-grid .bnp-grid-gutter {
        margin: 0
    }

    .hub-navigation-tools {
        display: none
    }

    .bnp-hub-set {
        min-height: 0
    }

    #bnp-footer {
        padding: 30px 20px 20px 20px
    }

    #bnp-footer .bnp-identity>a img {
        width: 140px
    }

    #bnp-footer .bnp-identity>p {
        font-size: .75rem
    }

    #bnp-footer .bnp-gototop {
        top: 26px
    }

    #bnp-footer .bnp-gototop span {
        width: 30px;
        height: 30px
    }

    #bnp-footer .bnp-gototop span:before {
        font-size: 16px;
        top: 9px;
        left: 10px
    }

    #bnp-footer ul {
        margin: 0
    }

    #bnp-footer ul li {
        font-size: .75rem;
        margin-bottom: 8px
    }

    #bnp-footer ul li a {
        padding: 0 8px
    }

    #bnp-hub-banner .bnp-content {
        margin: 0 0 20px 0;
        padding: 0
    }

    #bnp-hub-banner .bnp-frame {
        max-width: 100%;
        width: 375px;
        margin: 0 auto 60px auto
    }

    #bnp-hub-banner .bnp-frame:hover .figcaption {
        position: absolute;
        transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        top: 220px;
        right: -20px
    }

    #bnp-hub-banner .bnp-frame:hover .figcaption span.type2 {
        margin-left: -10px;
        -moz-transition-duration: 0.35s;
        -webkit-transition-duration: 0.35s;
        -o-transition-duration: 0.35s;
        transition-duration: 0.35s
    }

    #bnp-hub-banner .bnp-frame:hover .figcaption span.type3 {
        margin-left: 30px;
        -moz-transition-duration: 0.35s;
        -webkit-transition-duration: 0.35s;
        -o-transition-duration: 0.35s;
        transition-duration: 0.35s
    }

    #bnp-hub-banner .bnp-grid-cell.bnp-grid5 {
        order: 2
    }

    #bnp-hub-banner .bnp-grid-cell.bnp-grid7 {
        order: 1
    }

    #bnp-witness .bnp-witness-set {
        padding: 50px 20px;
        box-sizing: border-box;
        width: 100%
    }

    #bnp-witness #bnp-witness-left,#bnp-witness #bnp-witness-right {
        float: none;
        width: 100%
    }

    .bnp-card {
        margin-bottom: 30px
    }

    #bnp-hub-expertise {
        overflow: hidden
    }

    #bnp-hub-expertise .bnp-content {
        padding: 0
    }

    #bnp-hub-footer .bnp-logo {
        margin-bottom: 20px
    }

    #bnp-hub-footer .bnp-useful-link ul li {
        margin-bottom: 12px
    }

    #bnp-experience {
        padding: 80px 0 80px 0
    }

    #bnp-experience .bnp-section>p {
        text-align: left
    }

    #bnp-experience .bnp-tag {
        text-align: left
    }

    #bnp-experience .bnp-content {
        display: block;
        text-align: left
    }

    #bnp-experience .bnp-content .bnp-experience-item {
        display: block;
        text-align: left;
        width: 100%
    }

    #bnp-experience .bnp-content .bnp-experience-item:after {
        content: "";
        display: table;
        clear: both;
        line-height: 0
    }

    #bnp-experience .bnp-content .bnp-experience-item span {
        float: left;
        width: calc(100% - 88px)
    }

    #bnp-experience .bnp-content .bnp-experience-item span.icon {
        width: 88px
    }

    #bnp-experience .bnp-content .bnp-experience-item span.icon img {
        max-width: 80%
    }

    #bnp-hub-expertise .bnp-content {
        margin-top: 36px
    }

    #bnp-hub-expertise .bnp-frame {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box
    }

    #bnp-hub-expertise .bnp-frame figure {
        width: 100%
    }

    #bnp-hub-expertise .bnp-frame figure img {
        width: 100%
    }

    #bnp-hub-header #bnp-hub-segment a:first-child {
        margin-left: 0
    }

    #bnp-hub-header #bnp-hub-segment a {
        margin-left: 0
    }

    #bnp-hub-banner .bnp-frame figure {
        width: 100%
    }

    #bnp-hub-banner .bnp-frame {
        width: calc(100% + 40px);
        margin: 0 -20px 0 -20px;
        overflow: hidden;
        max-width: 300%
    }

    #bnp-segment .bnp-segment-entry,#bnp-segment .bnp-segment-entry .bnp-content {
        width: 100%;
        box-sizing: border-box
    }

    #bnp-segment {
        display: block
    }

    #bnp-segment .bnp-segment-arrow {
        display: none
    }

    #bnp-hub .bnp-tag {
        margin-bottom: 22px
    }

    #bnp-gototop {
        right: 14px
    }

    #bnp-hub-header {
        position: static;
        height: auto
    }

    #bnp-hub {
        padding-top: 0
    }

    #bnp-hub-banner {
        height: auto
    }

    #bnp-hub-header #bnp-hub-segment {
        text-align: center
    }

    #bnp-hub-header #bnp-hub-segment a {
        display: inline-block;
        margin-bottom: 12px
    }

    #bnp-hub-banner .bnp-grid .bnp-grid-cell:nth-child(1) .bnp-grid-gutter {
        height: auto
    }

    #bnp-hub-banner .bnp-grid .bnp-grid-cell:nth-child(2) .bnp-grid-gutter {
        height: auto
    }

    #bnp-hub-banner .bnp-frame figure {
        background: none
    }

    #bnp-segment .bnp-segment-entry.bnp-segment-epargnant .bnp-content {
        float: none;
        padding: 30px
    }

    #bnp-segment .bnp-segment-entry.bnp-segment-entreprise .bnp-content {
        float: none;
        padding: 30px
    }

    #bnp-hub-expertise .bnp-grid-gutter {
        height: auto
    }

    #bnp-witness #bnp-witness-right .bnp-witness-set,#bnp-witness #bnp-witness-left .bnp-witness-set {
        float: none;
        padding: 80px 20px
    }

    body #contentRow .bnp-avantage-entry,.bnp-avantage-entry {
        text-align: center;
        margin-bottom: 50px
    }
}

@media all and (max-width: 750px) {
    #bnp-hub-header .bnp-logo {
        float:none;
        margin-bottom: 20px
    }

    #bnp-hub-header #bnp-hub-segment {
        float: none;
        width: 100%;
        box-sizing: border-box
    }

    #bnp-hub .bnp-card figure,.bnp-card figure {
        height: auto
    }
}

#bnp #bnp-mobile .bnp #bnp-section {
    width: auto;
    margin: 0 12px
}

#bnp #bnp-mobile .bnp #bnp-section-large {
    width: auto;
    margin: 0
}

#bnp #bnp-mobile h1 {
    font-size: 1.5rem
}

#bnp #bnp-mobile h2 {
    font-size: 1.375rem
}

#bnp #bnp-mobile #bnp-slider {
    height: 200px
}

#bnp #bnp-mobile #bnp-slider .bnp-slider-detail {
    width: calc(100% - 40px);
    right: 20px;
    padding: 17px 32px
}

#bnp #bnp-mobile #bnp-slider .list_carousel li {
    height: 200px!important
}

#bnp #bnp-mobile #bnp-slider .prev,#bnp #bnp-mobile #bnp-slider .next {
    display: none!important
}

#bnp #bnp-mobile #bnp-slider .pager {
    left: 40px
}

#bnp #bnp-mobile #bnp-choose {
    margin-bottom: 35px
}

#bnp #bnp-mobile #bnp-choose h3 {
    display: none
}

#bnp #bnp-mobile #bnp-choose #bnp-dropdown-wish {
    width: 250px;
    float: none;
    margin: 0 auto 20px auto
}

#bnp #bnp-mobile #bnp-choose #bnp-dropdown-order {
    width: 250px;
    float: none;
    margin: 0 auto 35px auto
}

#bnp #bnp-mobile #bnp-choose .bnp-dropdown dt a span {
    padding-left: 0;
    color: #9ba1a6;
    font-family: "bnplight"
}

#bnp #bnp-mobile #bnp-choose .bnp-dropdown dt a span:before {
    color: #199d69
}

#bnp #bnp-mobile #bnp-choose>div>a {
    width: 250px;
    float: none;
    margin: 0 auto
}

#bnp #bnp-mobile .bnp-block.bnp-figure {
    height: 280px
}

#bnp #bnp-mobile .bnp-block.bnp-figure .bnp-block-content {
    width: 100%;
    height: 280px
}

#bnp #bnp-mobile .bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-image {
    float: none
}

#bnp #bnp-mobile .bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-content {
    width: 180px;
    bottom: 65px
}

#bnp #bnp-mobile .bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-content .bnp-entry-text {
    line-height: 20px
}

#bnp #bnp-mobile .bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-title,#bnp #bnp-mobile .bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-title a {
    font-size: 1.375rem
}

#bnp #bnp-mobile .bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-image img {
    width: 100%
}

#bnp #bnp-mobile .bnp-block.bnp-figure .bnp-block-action {
    bottom: 20px
}

#bnp #bnp-mobile #bnp-content {
    padding: 0 0 20px 0
}

#bnp #bnp-mobile #bnp-breadcrumb {
    display: none
}

#bnp #bnp-mobile #bnp-mainheader-section #bnp-mainheader {
    height: 260px
}

#bnp #bnp-mobile #bnp-mainheader-section #bnp-mainheader article {
    width: calc(100% - 40px);
    margin: 0 20px;
    right: 0
}

#bnp #bnp-mobile #bnp-mainheader-section #bnp-mainheader figure img {
    height: 260px
}

#bnp #bnp-mobile #bnp-mainnav #bnp-mainnav-gap {
    padding: 26px 12px;
    text-align: center
}

#bnp #bnp-mobile #bnp-mainnav #bnp-mainnav-gap a {
    display: inline-block;
    font-size: .875rem;
    color: #199d69;
    font-family: "bnpbold"
}

#bnp #bnp-mobile #bnp-mainnav #bnp-mainnav-gap a:after {
    content: "\e932";
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    margin-left: 15px;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

#bnp #bnp-mobile #bnp-mainnav ul {
    display: none;
    margin: 0;
    padding: 0
}

#bnp #bnp-mobile #bnp-mainnav ul b li {
    display: block;
    margin: 0 auto 16px auto;
    background: transparent!important
}

#bnp #bnp-mobile #bnp-mainnav ul b li a {
    color: #fff;
    background-color: #218854;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

#bnp #bnp-mobile #bnp-mainnav .opned #bnp-mainnav-gap a:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

#bnp #bnp-mobile .bnp-entry.bnp-overdraft {
    margin-bottom: 20px
}

#bnp #bnp-mobile .bnp-entry.bnp-overdraft .bnp-entry-image {
    height: 206px;
    float: none;
    overflow: hidden
}

#bnp #bnp-mobile .bnp-facsheet-box .bnp-facsheet-link {
    width: 250px
}

#bnp #bnp-mobile #bnp-sharebox ul li {
    height: 40px;
    overflow: hidden
}

#bnp #bnp-mobile #bnp-sharebox ul li h3 {
    display: block;
    text-align: center
}

#bnp #bnp-mobile #bnp-sharebox ul li a {
    margin: 0
}

#bnp #bnp-mobile #bnp-sharebox ul li:first-child {
    display: block;
    height: auto
}

#bnp #bnp-mobile #bnp-sharebox ul li:hover span {
    display: none!important
}

#bnp #bnp-mobile #bnp-keyword {
    padding: 44px 0 24px 0
}

#bnp #bnp-mobile #bnp-keyword ul li {
    margin: 0 10px 20px 0
}

#bnp #bnp-mobile .bnp-linklist {
    margin-bottom: 20px
}

#bnp #bnp-mobile .bnp-linklist .bnp-linklist-title {
    position: relative;
    text-align: left;
    padding: 20px 60px 20px 20px
}

#bnp #bnp-mobile .bnp-linklist .bnp-linklist-title:before {
    content: "\e908";
    position: absolute;
    top: 28px;
    right: 14px;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s
}

#bnp #bnp-mobile .bnp-linklist .bnp-linklist-content {
    display: none;
    overflow: hidden
}

#bnp #bnp-mobile .bnp-linklist.first .bnp-linklist-content {
    display: block
}

#bnp #bnp-mobile .bnp-linklist.opned .bnp-linklist-title:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

#bnp #bnp-mobile #bnp-directory h2 {
    font-size: 1.5rem
}

#bnp #bnp-mobile #bnp-directory ul {
    text-align: left
}

#bnp #bnp-mobile #bnp-directory ul li {
    width: calc(50% - 30px);
    margin: 0 12px 10px 12px
}

#bnp #bnp-mobile #bnp-directory ul li a {
    display: table
}

#bnp #bnp-mobile #bnp-directory ul li a img {
    display: table-cell
}

#bnp #bnp-mobile #bnp-directory ul li a span {
    display: table-cell;
    height: 20px;
    vertical-align: middle;
    padding-left: 15px
}

body#bnp-mobile #bnp-mobile-header {
    position: relative
}

body#bnp-mobile #bnp-topbar {
    height: 68px;
    overflow: hidden;
    background-color: #fff
}

body#bnp-mobile #bnp-topbar #bnp-location {
    color: #199d69;
    padding: 8px 15px 0 12px
}

body#bnp-mobile #bnp-logo {
    width: 200px;
    float: left;
    padding: 20px 12px 0
}

body#bnp-mobile #bnp-logo img {
    width: 200px
}

body#bnp-mobile #bnp-header-content {
    position: absolute;
    top: 68px;
    right: 0;
    min-height: 200px;
    width: 0%;
    overflow: hidden;
    z-index: 100;
    background-color: #fff;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s
}

body#bnp-mobile #bnp-header-content #bnp-login {
    display: block;
    height: 58px;
    padding: 18px 5px 0 48px;
    box-sizing: border-box;
    position: relative;
    font-size: .9375rem;
    text-transform: uppercase;
    color: #fff;
    background-color: #199d69
}

body#bnp-mobile #bnp-header-content #bnp-login:before {
    content: "";
    display: block;
    width: 22px;
    height: 30px;
    position: absolute;
    top: 13px;
    left: 16px;
    background: url(../images/bnp-icons.png) no-repeat 0 -87px #fff0
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav {
    min-width: 320px;
    position: relative;
    overflow: hidden
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav .ms-core-listMenu-horizontalBox {
    display: block
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation {
    overflow: hidden
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .level-1 {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .level-1 li {
    border-bottom: 1px solid #e7e8ea;
    display: block
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .level-1 li>a {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 14px 50px 14px 16px;
    text-transform: uppercase;
    font-size: .9375rem;
    colo: #484c4e;
    font-family: "bnplight"
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .level-1 li.dynamic>a,body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .level-1 li.dynamic-children>a {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 14px 50px 14px 16px;
    text-transform: uppercase;
    font-size: .9375rem;
    colo: #484c4e;
    font-family: "bnplight"
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .level-1 li.dynamic>a:before,body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .level-1 li.dynamic-children>a:before {
    content: "\e913";
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 14px;
    color: #444;
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .level-1 li.return {
    display: block;
    position: relative;
    padding: 14px 50px 14px 50px;
    color: #199d69;
    background-color: #edefee
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .level-1 li.return:before {
    content: "\e929";
    position: absolute;
    left: 16px;
    top: 12px;
    margin: 2px 10px 0 0;
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .level-2 {
    position: absolute;
    top: 0;
    left: 750px;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 100;
    list-style: none;
    background-color: #fff;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .dynamic.opned .level-2 {
    display: block;
    left: 0;
    z-index: 1000;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .dynamic.opned .level-2 .level-3 {
    left: 550px;
    display: none
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .dynamic-children.opned .level-3 {
    display: block!important;
    width: 100%;
    left: 0!important;
    position: absolute;
    top: 0;
    z-index: 10001;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #fff
}

body#bnp-mobile #bnp-header-content #bnp-mobile-topnav #DeltaTopNavigation .dynamic-children.opned .level-3 .return {
    position: relative;
    color: #199d69;
    background-color: #edefee
}

body#bnp-mobile #bnp-header-content.bnp-opened {
    width: 100%;
    z-index: 1000;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s
}

body#bnp-mobile #bnp-header-content #bnp-mobile-search {
    padding: 0 15px;
    background: #f2f2f2;
    width: 100%;
    float: left;
    box-sizing: border-box;
    position: relative
}

body#bnp-mobile #bnp-header-content #bnp-mobile-search:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

body#bnp-mobile #bnp-header-content #bnp-mobile-search .ms-tableCell {
    display: block
}

body#bnp-mobile #bnp-header-content #bnp-mobile-search .ms-mpSearchBox {
    width: 100%;
    float: none
}

body#bnp-mobile #bnp-header-content #bnp-mobile-search .ms-mpSearchBox #searchInputBox {
    float: none;
    margin-bottom: 0
}

body#bnp-mobile #bnp-header-content #bnp-mobile-search .ms-mpSearchBox #searchInputBox .ms-srch-sb {
    display: block;
    border: 0 none
}

body#bnp-mobile #bnp-header-content #bnp-mobile-search a {
    position: absolute;
    top: 2px;
    right: 10px;
    display: block;
    width: 40px;
    height: 48px;
    float: right;
    font-size: 0;
    background-color: #f2f2f2
}

body#bnp-mobile #bnp-header-content #bnp-mobile-search a:before {
    content: " ";
    display: block;
    width: 40px;
    height: 28px;
    position: absolute;
    top: 12px;
    left: 3px;
    background: url(../images/bnp-icons.png) no-repeat 5px -29px #fff0
}

body#bnp-mobile #bnp-header-content #bnp-mobile-search a img {
    display: none
}

body#bnp-mobile #bnp-header-content #bnp-mobile-search input {
    width: calc(100% - 60px);
    height: 50px;
    float: left;
    font-size: .9375rem;
    color: #8f9496;
    font-family: "bnplight";
    background-color: #f2f2f2;
    border: 0 none
}

body#bnp-mobile #bnp-header-content #bnp-mobile-choice {
    min-width: 320px;
    padding: 20px 14px;
    border-bottom: 1px solid #393939;
    background-color: #232222
}

body#bnp-mobile #bnp-header-content #bnp-mobile-choice ul {
    margin: 0;
    padding: 0;
    list-style: none
}

body#bnp-mobile #bnp-header-content #bnp-mobile-choice ul li {
    display: inline-block;
    margin-bottom: 10px
}

body#bnp-mobile #bnp-header-content #bnp-mobile-choice ul li a {
    display: inline-block;
    color: #fff
}

body#bnp-mobile #bnp-header-content #bnp-mobile-choice ul li a span:nth-child(1) {
    display: none
}

body#bnp-mobile #bnp-header-content #bnp-mobile-choice ul li a span:nth-child(2) {
    display: inline-block
}

body#bnp-mobile #bnp-header-content #bnp-mobile-choice ul li#bnp-particulier-link {
    border-bottom: 2px solid #199d69
}

body#bnp-mobile #bnp-header-content #bnp-mobile-choice ul li#bnp-courtier-link {
    border-bottom: 2px solid #90285e
}

body#bnp-mobile #bnp-header-content #bnp-mobile-choice ul li#bnp-pro-link {
    border-bottom: 2px solid #247a9f
}

body#bnp-mobile #bnp-header-content #bnp-header-path {
    min-width: 320px;
    padding: 20px 14px 15px 14px;
    border-bottom: 6px solid #199d69;
    background-color: #232222
}

body#bnp-mobile #bnp-header-content #bnp-header-path ul {
    margin: 0;
    padding: 0;
    list-style: none
}

body#bnp-mobile #bnp-header-content #bnp-header-path ul li {
    display: block;
    margin-bottom: 18px
}

body#bnp-mobile #bnp-header-content #bnp-header-path ul li a {
    display: block;
    color: #199d69
}

body#bnp-mobile #bnp-header-content #bnp-header-path ul li ul {
    display: none
}

body#bnp-mobile #bnp-header-content #bnp-header-path ul li ul li {
    margin: 10px 0
}

body#bnp-mobile #bnp-header-content #bnp-header-path ul li ul li a {
    color: #fff;
    font-family: "bnplight"
}

body#bnp-mobile #bnp-hub-segment {
    width: 100%;
    text-align: center
}

body#bnp-mobile #bnp-hub-segment a {
    display: inline-block;
    margin-bottom: 10px
}

body#bnp-mobile #bnp-tools-helper {
    width: 100%;
    padding-right: 0
}

body#bnp-mobile #bnp-tools-helper:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

body#bnp-mobile #bnp-tools-helper .bnp-helper-header {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 12px 20px 14px 28px
}

body#bnp-mobile #bnp-tools-helper .bnp-helper-header span {
    width: calc(100% - 26px)
}

body#bnp-mobile #bnp-tools-helper .bnp-helper-header span:before {
    font-size: 16px;
    top: 1px
}

body#bnp-mobile #bnp-tools-helper .bnp-helper-content {
    position: static;
    box-shadow: none;
    padding: 0 20px 0 20px
}

body#bnp-mobile #bnp-tools-helper .bnp-helper-entry {
    padding-top: 20px
}

body#bnp-mobile #bnp-tools-helper .bnp-helper-entry .bnp-helper-select {
    display: block
}

body#bnp-mobile #bnp-tools-helper .bnp-helper-entry .bnp-helper-select .bnp-select-header span {
    float: right
}

body#bnp-mobile #bnp-footer {
    background: #474747;
    padding: 0
}

body#bnp-mobile #bnp-footer .bnp-tools {
    min-height: 10px;
    padding-bottom: 0
}

body#bnp-mobile #bnp-footer .bnp-private {
    background: #474747;
    padding: 0;
    min-height: 10px
}

body#bnp-mobile #bnp-footer .bnp-regulatory {
    background: #474747;
    padding: 0;
    min-height: 10px
}

body#bnp-mobile #bnp-footer .bnp-entry-header {
    width: 100%;
    position: relative
}

body#bnp-mobile #bnp-footer .bnp-entry-header:before {
    content: "\e913";
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    display: inline-block;
    font-family: "icon"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 15px;
    position: absolute;
    top: 4px;
    right: 0
}

body#bnp-mobile #bnp-footer .bnp-entry-content {
    width: 100%;
    display: none;
    margin-bottom: 40px
}

body#bnp-mobile #bnp-footer .active .bnp-entry-content {
    width: 100%;
    display: block
}

body#bnp-mobile #bnp-footer .active .bnp-entry-header:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

body#bnp-mobile #bnp-mobile-footer {
    border-top: 4px solid #00975d;
    padding: 18px;
    box-sizing: border-box
}

body#bnp-mobile #bnp-mobile-footer #bnp #bnp-footer-logo {
    width: 170px;
    float: left
}

body#bnp-mobile #bnp-mobile-footer #bnp #bnp-footer-logo img {
    width: 170px
}

body#bnp-mobile #bnp-mobile-footer #bnp #bnp-footer-slogan {
    width: calc(100% - 262px);
    float: right;
    line-height: 15px;
    font-size: .75rem;
    text-align: right
}

body#bnp-mobile #bnp-mobile-footer>ul {
    list-style: none;
    padding: 0;
    margin: 0
}

body#bnp-mobile #bnp-mobile-footer>ul li {
    display: inline-block
}

body#bnp-mobile #bnp-mobile-footer>ul li a {
    color: #232222;
    font-size: .75rem;
    font-family: "bnplight"
}

body#bnp-mobile #bnp-mobile-footer>ul li:before {
    content: "|";
    display: inline-block;
    width: 1px;
    margin: 0 10px 0 5px;
    color: #959595
}

body#bnp-mobile #bnp-mobile-footer>ul li:first-child:before {
    display: none
}

body#bnp-mobile .bnp-article-layouts .bnp-article-content {
    padding: 30px 20px
}

body#bnp-mobile .bnp-toknow {
    padding: 20px
}

body#bnp-mobile .bnp-citation {
    padding: 20px
}

body#bnp-mobile .bnp-citation figure {
    width: 100px;
    height: 100px;
    position: static;
    border: 0 none;
    margin: 0 auto 20px auto
}

body#bnp-mobile .bnp-avantages-banner .bnp-avantages-entry .bnp-entry-title {
    width: 100%;
    box-sizing: border-box
}

body#bnp-mobile .bnp-avantages-banner .bnp-avantages-entry.active .bnp-entry-content {
    position: static;
    margin-bottom: 22px
}

body#bnp-mobile .bnp-mag-filter .bnp-filter-header {
    width: 100%
}

body#bnp-mobile .bnp-mag-filter .bnp-filter-header .bnp-filter-search {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px
}

body#bnp-mobile .bnp-mag-filter .bnp-filter-header .bnp-filter-select {
    width: 100%;
    box-sizing: border-box
}

body#bnp-mobile .bnp-mag-filter .bnp-filter-result .bnp-filter-entry {
    margin: 10px
}

body#bnp-mobile .bnp-wish-navigation .bnp-wishes-nav {
    padding: 14px;
    margin: 0 -10px
}

body#bnp-mobile .bnp-modal-holder .bnp-modal-content {
    width: 96%;
    left: 2%;
    top: 20%
}

body#bnp-mobile .bnp-component-style.bnp-spaced {
    padding: 0;
    padding-top: 40px;
    overflow: hidden
}

body#bnp-mobile .bnp-component-style .bnp-slide-cards {
    margin-bottom: 48px
}

body#bnp-mobile #bnp-top-banner {
    padding-bottom: 20px
}

body#bnp-mobile #bnp-top-banner .bnp-content {
    margin-top: 40px
}

body#bnp-mobile #bnp-top-banner .bnp-video-button {
    margin: 24px auto;
    display: block;
    text-align: center
}

body#bnp-mobile #bnp-top-banner .bnp-video-button:before {
    left: 30px
}

body#bnp-mobile .bnp-slide-cards.bnp-slide-action>div {
    padding: 25px 40px
}

body#bnp-mobile .bnp-slide-cards.bnp-slide-action>div figure {
    display: none
}

body#bnp-mobile .bnp-avantages-banner .bnp-avantages-holder {
    padding-bottom: 280px
}

body#bnp-mobile .bnp-avantages-banner .bnp-avantages-holder .bnp-slide-cards {
    z-index: 2;
    width: 100%
}

body#bnp-mobile .bnp-previews-holder .bnp-article-preview {
    padding-bottom: 0
}

body#bnp-mobile .bnp-previews-holder .bnp-article-preview .bnp-article-image {
    max-height: 260px;
    overflow: hidden
}

body#bnp-mobile .bnp-previews-holder .bnp-article-preview .bnp-article-content {
    position: relative;
    top: auto;
    min-height: auto
}

body#bnp-mobile .bnp-previews-holder .bnp-article-preview.horizontal {
    display: block
}

body#bnp-mobile .bnp-previews-holder .bnp-article-preview.horizontal .bnp-article-image {
    height: auto;
    width: auto
}

body#bnp-mobile .bnp-previews-holder .bnp-article-preview.horizontal .bnp-article-content {
    width: auto
}

body#bnp-mobile .bnp-wish-navigation {
    min-height: 920px
}

body#bnp-mobile .bnp-wish-navigation .bnp-grid-cell {
    margin-bottom: 24px
}

body#bnp-mobile .bnp-wish-navigation .bnp-wishes-nav {
    margin-top: 0
}

body#bnp-mobile .bnp-wish-navigation .bnp-wishes-nav .bnp-nav-intro {
    float: none;
    margin-bottom: 16px
}

body#bnp-mobile .bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option {
    float: none;
    margin: 0 16px 16px
}

body#bnp-mobile .bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-content {
    top: 240px
}

body#bnp-mobile .bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-content .bnp-strong {
    margin-bottom: 16px
}

body#bnp-mobile .bnp-wish-navigation .bnp-wishes-nav .bnp-wish-option .bnp-option-title:after {
    display: none
}

body#bnp-mobile .bnp-saving-solution .bnp-saving-cards {
    margin: 0 8px 48px 8px;
    width: 100%;
    box-sizing: border-box
}

body#bnp-mobile .bnp-saving-solution .bnp-saving-cards .bnp-slide-cards div {
    padding: 40px 8px 24px 8px
}

body#bnp-mobile #bnp-faq-section .bnp-faq-entry h2:before {
    top: 3px
}

body#bnp-mobile .bnp-title-holder {
    padding: 0 20px
}

body#bnp-mobile .bnp-article-layouts .bnp-figure-article {
    height: auto
}

body#bnp-mobile .bnp-grid-cell {
    width: 100%!important
}

body#bnp-mobile #bnp-mobile-footer .bnp-logo {
    display: none
}

body#bnp-mobile #bnp-mobile-footer .bnp-useful-link ul li {
    display: inline-block;
    margin-bottom: 6px
}

body#bnp-mobile #bnp-mobile-footer .bnp-useful-link ul li:first-child::before {
    display: none
}

body#bnp-mobile #bnp-mobile-footer .bnp-useful-link ul li:before {
    content: "|";
    display: inline-block;
    width: 1px;
    margin: 0 10px 0 5px;
    color: #959595
}

body#bnp-mobile #bnp-mobile-footer .bnp-useful-link ul li a {
    color: #232222;
    font-size: .75rem;
    font-family: "bnplight"
}

body#bnp-mobile #bnp-mobile-footer .bnp-section {
    padding: 0;
    margin: 0
}

body#bnp-mobile #bnp-mainnav #bnp-mainnav-gap a:after {
    content: "\e932"
}

body#bnp-mobile #bnp-mainheader-section #bnp-mainheader figure {
    height: 264px
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table td {
    display: inline-block;
    padding: 10px 7px!important;
    line-height: 24px
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature ul li,body#bnp-mobile #bnp-content.bnp-fonds .bnp-fonds-feature ul li {
    margin-bottom: 16px
}

body#bnp-mobile .bnp-fonds-checkbox h3 {
    font-size: .9rem;
    margin-bottom: 10px;
    cursor: pointer;
    line-height: 28px
}

body#bnp-mobile #bnp-content.bnp-fonds .bnp-fonds-feature h3,body#bnp-mobile body .bnp-fonds .bnp-fonds-feature h3 {
    font-size: .9rem;
    min-height: 32px;
    margin: 12px 3px
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature .bnp-fonds-legend-rate {
    text-align: center
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature {
    padding: 30px 20px
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table {
    display: block;
    margin-bottom: 40px!important;
    text-align: left
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table tr {
    padding: 5px 0
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table td:first-child {
    min-width: 0
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature .bnp-grid6 {
    float: left;
    width: 50%!important
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table.fonds-Perf thead th:first-child {
    min-width: 100px
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table.fonds-Perf thead th {
    box-sizing: border-box;
    padding: 5px 5px 10px;
    text-align: center
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table.fonds-Perf tr {
    display: table-row
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table.fonds-Perf tr td:first-child {
    min-width: 100px;
    text-align: left
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature table.fonds-Perf tr td {
    display: table-cell;
    text-align: center
}

body#bnp-mobile .bnp-survey .bnp-survey-option .bnp-dropdown {
    max-width: calc(80%)
}

body#bnp-mobile #bnp-content.bnp-fonds .bnp-fonds-feature h3,body#bnp-mobile body .bnp-fonds .bnp-fonds-feature h3 {
    font-size: .9rem
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature ul {
    float: left;
    width: 33.33%;
    margin: 0;
    padding: 0;
    list-style: none
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature ul li {
    height: 20px;
    padding: 0;
    padding: 8px 4px;
    list-style: none;
    text-align: center;
    vertical-align: middle
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature ul li:first-child {
    box-sizing: border-box;
    min-height: 65px;
    font-family: "bnplight";
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #010101;
    border-bottom: 1px solid #dedede
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature ul li:before {
    display: none
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature ul:first-child li {
    min-width: 100px;
    font-size: 14px;
    text-align: left!important
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature ul li:nth-child(2) {
    padding-top: 20px
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature ul li:last-child {
    padding-bottom: 20px
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature ul li.green {
    font-family: bnp;
    color: #199d69
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature ul li.red {
    font-family: bnp;
    color: #d32b2b
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature .Perf-footer {
    clear: both;
    padding: 16px 0;
    font-family: bnplight;
    font-size: 10px;
    text-align: right;
    border-top: 1px solid #dedede
}

body#bnp-mobile #bnp-mainnav ul li.active a {
    color: #fff;
    background-color: #218854
}

body#bnp-mobile .bnp-value-box .bnp-value-selector a {
    padding: 12px 0 14px 0!important
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature ul li:before,body#bnp-mobile #bnp-content.bnp-fonds .bnp-fonds-feature ul li:before {
    display: none!important
}

body#bnp-mobile .bnp-fonds .bnp-fonds-feature,body#bnp-mobile #bnp-content.bnp-fonds .bnp-fonds-feature {
    margin-bottom: 45px;
    padding: 14px;
    background-color: #fff
}

#bnp-content table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff
}

#bnp-content table th {
    padding: 22px;
    color: #fff;
    background-color: #199a6a
}

#bnp-content table th span.sortable:after {
    display: inline-block;
    width: 8px;
    height: 17px;
    margin: 0 0 -2px 15px;
    content: "";
    background: url(../images/bnp-icons.png) no-repeat -61px -91px #fff0
}

#bnp-content table th span.sortable.asc:after {
    height: 10px
}

#bnp-content table th span.sortable.desc:after {
    height: 10px;
    background-position: -61px -99px
}

#bnp-content table th span.sortable:hover {
    cursor: pointer
}

#bnp-content table tr {
    margin: 0 22px
}

#bnp-content table td {
    padding: 18px 22px;
    border-bottom: 1px solid #f0f0f0
}
td.ng-binding.invalid-date {
         padding-left: 8% !important;
}

#bnp-content table a {
    text-decoration: none;
    border: 0!important
}

#bnp-content table a img {
    height: 32px
}

.bnp-form fieldset {
    margin: 20px 0 0;
    border: none
}

.bnp-form fieldset legend {
    display: block;
    width: 100%;
    margin: 0 0 12px;
    font-family: inherit;
    font-size: 1.25rem;
    text-align: center;
    color: #000
}

.bnp-form-block {
    margin-bottom: 15px
}

.bnp-form-block label {
    display: block;
    float: left;
    width: 120px;
    margin: 3px 10px 0 0;
    font-size: 1.125rem;
    color: #333
}

.bnp-form-block.bnp-form-radio label,.bnp-form-block.bnp-form-cbx label {
    display: inline;
    float: none;
    width: auto;
    margin: 0;
    font-size: inherit!important;
    color: inherit!important
}

.bnp-form-block input[type="text"],.bnp-form-block textarea {
    resize: vertical
}

.bnp-form-block input[type="checkbox"],.bnp-form-block input[type="radio"] {
    vertical-align: text-bottom
}

.bnp-form-block select {
    width: 200px;
    padding: 3px
}

.bnp-clear {
    float: none!important;
    clear: both;
    width: 0!important;
    height: 0!important;
    line-height: 0
}

.bnp-hidden {
    display: none!important
}

.bnp-align-left {
    text-align: left!important
}

.bnp-align-right {
    text-align: right!important
}

.bnp-align-center {
    text-align: center
}

.bnp-float-left {
    float: left
}

.bnp-float-right {
    float: right
}

.bnp-section-Middle {
    width: 984px;
    margin: 0 auto;
    text-align: left
}

.bnp-section-large {
    width: 1440px;
    margin: 0 auto;
    text-align: left
}

.bnp-editmode #bnp-mainarea .bnp-section {
    width: 1400px
}

.bnp-editmode.bnp-withtoolpane #bnp-mainarea .bnp-section {
    width: 1600px
}

.bnp-block {
    margin: 0 0 28px 0
}

.bnp-block-content {
    padding: 10px;
    border-bottom: 1px solid #000;
    background: #fff
}

.bnp-block.bnp-nomargin {
    margin: 0
}

.bnp-block.bnp-nopadding .bnp-block-content {
    padding: 0
}

.bnp-block.bnp-noborder .bnp-block-content {
    border: 0
}

.bnp-block-title {
    margin: 0 0 10px;
    font-size: 2rem;
    color: #484c4e
}

.bnp-block-action {
    margin: 10px 0 0;
    text-align: right
}

.bnp-block-action .bnp-button {
    margin-left: 15px
}

.bnp-block.bnp-color1 .bnp-block-title {
    color: #db467d
}

.bnp-block.bnp-color1 .bnp-block-content {
    border-color: #db467d
}

.bnp-entry {
    margin: 0 0 10px
}

.bnp-entry .bnp-entry-title {
    margin-bottom: 7px;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.1em
}

.bnp-entry .bnp-entry-title,.bnp-entry .bnp-entry-title a {
    color: #3b3b3b
}

.bnp-entry .bnp-entry-image {
    float: left;
    margin: 0
}

.bnp-entry .bnp-entry-image img {
    margin: 0 10px 0 0;
    border: 0
}

.bnp-entry .bnp-entry-catchline {
    margin-bottom: 5px;
    font-size: 1.125rem;
    color: #5b5959
}

.bnp-entry .bnp-entry-date {
    font-size: .875rem;
    color: #3a3a3a
}

.bnp-entry .bnp-entry-text {
    margin: 0
}

.bnp-entry .bnp-entry-action {
    margin-top: 6px
}

.bnp-entry .bnp-entry-action a {
    display: block;
    font-weight: 700;
    color: #3b3b3b!important
}

.bnp-entry.bnp-listing {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #c1c8d9
}

.bnp-entry.bnp-listing:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.bnp-entry.bnp-listing .bnp-entry-image img {
    width: 70px
}

.bnp-entry.bnp-listing .bnp-entry-content {
    margin-left: 80px
}

#bnp-choose {
    margin-bottom: 55px;
    padding: 20px 0;
    background: #fff
}

#bnp-choose h3 {
    display: inline-block;
    float: left;
    padding-top: 15px;
    font-family: "bnplight";
    font-size: 1rem;
    color: #484c4e
}

#bnp-choose>div>div>a {
    display: block;
    float: right;
    box-sizing: border-box;
    width: 170px;
    min-width: 170px;
    height: 54px;
    padding: 14px 10px 5px 10px;
    text-align: center;
    color: #fff;
    border: 2px solid #199d69;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #199d69
}

#bnp-choose #bnp-dropdown-wish {
    float: left;
    width: 232px;
    margin: 15px 15px 0 0
}

#bnp-choose #bnp-dropdown-order {
    float: left;
    width: 285px;
    margin: 15px 0 0 0
}

#bnp-choose .bnp-dropdown dd {
    outline: none
}

#bnp-choose .bnp-dropdown dd ul {
    position: static;
    z-index: 100;
    box-sizing: border-box;
    width: 100%!important;
    margin-top: -3px;
    outline: none;
    background: #fff
}

#bnp-choose .bnp-dropdown dd ul li {
    outline: none
}

#bnp-choose .bnp-dropdown dd ul li a {
    padding: 5px 24px 5px 0;
    font-family: "bnpbold";
    color: #87c3a7;
    outline: none
}

#bnp-choose .bnp-dropdown dt {
    outline: none
}

#bnp-choose .bnp-dropdown dt a {
    font-family: "bnplight";
    color: #199d69;
    outline: none
}

#bnp-choose .bnp-dropdown dt a span {
    padding: 0 8px 10px 8px;
    font-family: "bnpbold";
    color: #199d69;
    border-bottom: 2px solid #199d69;
    outline: none
}

#bnp-choose .bnp-dropdown dt a span:before {
    display: inline-block;
    float: right;
    width: 14px;
    height: 25px;
    margin-top: 8px;
    font-family: "icon"!important;
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "\e932";
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#bnp-choose a:hover {
    text-decoration: none
}

#bnp-choose .bnp-survey-option {
    margin-bottom: 0!important
}

.bnp-block.bnp-topicality {
    position: relative;
    min-height: 453px;
    padding: 20px 40px;
    border-top: 3px solid #199d69;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff
}

.bnp-block.bnp-topicality .bnp-block-title {
    font-family: "bnpbold";
    font-size: 1.75rem
}

.bnp-block.bnp-topicality .bnp-block-content {
    margin-bottom: 5px;
    padding: 0;
    border: 0 none
}

.bnp-block.bnp-topicality .bnp-entry.bnp-listing {
    margin-top: 16px;
    border: 0 none
}

.bnp-block.bnp-topicality .bnp-entry.bnp-listing .bnp-entry-content {
    margin-left: 0
}

.bnp-block.bnp-topicality .bnp-entry.bnp-listing .bnp-entry-title {
    overflow: hidden;
    max-width: 185px;
    padding: 8px 8px 6px
}

.bnp-block.bnp-topicality .bnp-entry.bnp-listing .bnp-entry-title,.bnp-block.bnp-topicality .bnp-entry.bnp-listing .bnp-entry-title a {
    display: inline-block;
    float: left;
    box-sizing: border-box;
    height: 32px;
    font-family: "bnplight";
    font-size: .75rem;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    background: #199d69
}

.bnp-block.bnp-topicality .bnp-entry.bnp-listing .bnp-entry-date {
    display: inline-block;
    float: left;
    margin-left: 12px;
    padding-top: 7px;
    font-size: .75rem;
    color: #a4aeb2
}

.bnp-block.bnp-topicality .bnp-entry.bnp-listing .bnp-entry-text {
    overflow: hidden;
    height: 42px;
    min-height: 42px;
    margin: 6px 0;
    font-family: "bnp"
}

.bnp-block.bnp-topicality .bnp-block-action {
    display: inline-block;
    position: absolute;
    bottom: 44px;
    font-size: .9375rem;
    font-style: normal;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    text-align: left;
    color: #199d69
}

.bnp-block.bnp-topicality .bnp-block-action a {
    box-sizing: border-box;
    height: 50px;
    padding: 15px 30px;
    font-family: "bnplight";
    font-style: normal;
    color: #199d69;
    border: 2px solid #199d69;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.bnp-block.bnp-topicality .bnp-block-action a:before {
    display: none
}

.bnp-block.bnp-topicality:hover .bnp-block-action a {
    color: #fff;
    background-color: #199d69
}

.bnp-enquiry-header {
    margin-bottom: 30px
}

.bnp-enquiry-header .bnp-section-title {
    float: left;
    box-sizing: border-box;
    width: calc(100% - 200px);
    padding: 0 10px 0 0;
    line-height: 12px
}

.bnp-enquiry-header .bnp-enquiry-sort {
    float: left;
    width: 199px
}

.bnp-enquiry-header .bnp-enquiry-sort span {
    display: inline-block;
    float: right;
    padding: 1px 10px 0 0;
    font-family: "bnpbold";
    font-size: .875rem;
    text-align: right;
    text-transform: uppercase;
    color: #9ba1a3
}

.bnp-enquiry-header .bnp-enquiry-sort div {
    position: relative;
    float: right;
    width: 30px;
    height: 20px;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    background: #fff0
}

.bnp-enquiry-header .bnp-enquiry-sort div:before {
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 8px;
    font-family: "icon"!important;
    font-size: 8px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "";
    text-transform: none;
    color: #9ba1a3;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bnp-enquiry-header .bnp-enquiry-sort div.top {
    cursor: pointer;
    border: 1px solid #9ba1a3;
    -webkit-border-top-right-radius: 40px;
    -moz-border-radius-topright: 40px;
    border-top-right-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-bottomright: 40px;
    border-bottom-right-radius: 40px
}

.bnp-enquiry-header .bnp-enquiry-sort div.top:before {
    content: "\e909"
}

.bnp-enquiry-header .bnp-enquiry-sort div.bottom {
    cursor: pointer;
    border: 1px solid #9ba1a3;
    -webkit-border-top-left-radius: 40px;
    -moz-border-radius-topleft: 40px;
    border-top-left-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-bottom-left-radius: 40px
}

.bnp-enquiry-header .bnp-enquiry-sort div.bottom:before {
    content: "\e932"
}

.bnp-enquiry-header .bnp-enquiry-sort div.avtive,.bnp-enquiry-header .bnp-enquiry-sort div:hover {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    background-color: #9ba1a3
}

.bnp-enquiry-header .bnp-enquiry-sort div.avtive:before,.bnp-enquiry-header .bnp-enquiry-sort div:hover:before {
    color: #f0f0f0
}

.bnp-entry.bnp-enquiry {
    margin-bottom: 26px;
    border: 0 none;
    background-color: #fff
}

.bnp-entry.bnp-enquiry .bnp-entry-content {
    margin-left: 0;
    padding: 35px
}

.bnp-entry.bnp-enquiry .bnp-entry-title,.bnp-entry.bnp-enquiry .bnp-entry-title a {
    display: inline-block;
    float: left;
    padding: 6px 8px 7px 8px;
    font-family: "bnplight";
    font-size: .75rem;
    color: #fff;
    background: #199d69
}

.bnp-entry.bnp-enquiry .bnp-entry-subtitle,.bnp-entry.bnp-enquiry .bnp-entry-subtitle a {
    font-family: "bnp";
    font-size: 1.125rem;
    color: #484c4e
}

.bnp-entry.bnp-enquiry .bnp-entry-date {
    display: inline-block;
    float: left;
    margin-left: 12px;
    padding-top: 7px;
    font-size: .75rem;
    color: #a4aeb2
}

.bnp-entry.bnp-enquiry .bnp-entry-text {
    margin: 8px 0;
    color: #444
}

.bnp-block.bnp-figure {
    position: relative;
    overflow: hidden;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.bnp-block.bnp-figure .bnp-block-content {
    position: relative;
    width: 265px;
    padding: 0;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    border: 0 none;
    background: #fff0
}

.bnp-block.bnp-figure .bnp-block-content .bnp-entry {
    margin: 0
}

.bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-image img {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-content {
    padding: 0;
    position: absolute;
    bottom: 120px;
    left: 40px
}

.bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-content .bnp-entry-text {
    float: left;
    font-family: "bnplight";
    font-weight: lighter;
    line-height: 1.6em;
    color: #fff
}

.bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-title,.bnp-block.bnp-figure .bnp-block-content .bnp-entry .bnp-entry-title a {
    font-family: "bnpbold";
    font-size: 1.75rem;
    font-style: normal;
    color: #ffffff!important;
    border: 0 none!important
}

.bnp-block.bnp-figure .bnp-block-action {
    display: inline-block;
    position: absolute;
    bottom: 40px;
    left: 40px;
    box-sizing: border-box;
    width: 230px;
    font-size: .9375rem;
    font-style: normal;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    text-align: left;
    color: #fff
}

.bnp-block.bnp-figure .bnp-block-action a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 14px 20px;
    font-family: "bnplight";
    font-style: normal;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.bnp-block.bnp-figure .bnp-block-action a:before {
    display: none
}

.bnp-block.bnp-figure:hover .bnp-block-action a {
    color: #444;
    background-color: #fff
}

.bnp-block.bnp-figure.bnp-animate:hover figure img {
    margin-top: -5px;
    margin-bottom: 5px;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-block.bnp-figure.type1 .bnp-block-content {
    width: 264px
}

.bnp-block.bnp-figure.type2 {
    overflow: visible
}

.bnp-block.bnp-figure.type2 .bnp-block-title {
    position: absolute;
    z-index: 100;
    top: 30px;
    left: 40px;
    font-family: "bnpbold";
    font-size: 1.75rem;
    font-style: normal;
    color: #fff
}

.bnp-block.bnp-figure.type2 .bnp-block-content .bnp-entry .bnp-entry-image {
    float: none
}

.bnp-block.bnp-figure.type2 .bnp-block-content .bnp-entry .bnp-entry-content .bnp-entry-title,.bnp-block.bnp-figure.type2 .bnp-block-content .bnp-entry .bnp-entry-content .bnp-entry-title a {
    font-family: "bnp";
    font-size: 1.125rem
}

.bnp-block.bnp-video {
    overflow: hidden;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.bnp-block.bnp-video .bnp-block-content {
    position: relative;
    padding: 0;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    border: 0 none;
    background: #fff0
}

.bnp-block.bnp-video .bnp-block-content .bnp-entry {
    margin: 0
}

.bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-image {
    display: block;
    float: none;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-image img {
    width: 100%;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-content {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 72px 20px 20px;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    background: rgb(0 0 0 / .5)
}

.bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-title,.bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-title a {
    display: block;
    font-family: "bnpbold";
    font-size: 1.75rem;
    font-style: normal;
    color: #fff
}

.bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-title:after,.bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-title a:after {
    display: block;
    position: absolute;
    top: calc(50% - 32px);
    right: 26px;
    width: 55px;
    height: 56px;
    content: "";
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px
}

.bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-title:before,.bnp-block.bnp-video .bnp-block-content .bnp-entry .bnp-entry-title a:before {
    display: block;
    display: inline-block;
    position: absolute;
    top: calc(50% - 28px);
    right: 24px;
    width: 56px;
    height: 56px;
    font-family: "icon"!important;
    font-size: 50px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "\e906";
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    text-transform: none;
    color: #fff;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bnp-block.bnp-video .bnp-block-content:hover .bnp-entry-content {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    background: rgb(0 0 0 / .5)
}

.bnp-block.bnp-video .bnp-block-content:hover .bnp-entry-title:after,.bnp-block.bnp-video .bnp-block-content:hover .bnp-entry-title a:after {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    opacity: .8;
    background: #fff
}

.bnp-block.bnp-video .bnp-block-content:hover .bnp-entry-title:before,.bnp-block.bnp-video .bnp-block-content:hover .bnp-entry-title a:before {
    z-index: 10;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #444
}

.bnp-block.bnp-video.type1 .bnp-block-content .bnp-entry-title,.bnp-block.bnp-video.type1 .bnp-block-content .bnp-entry-title a {
    font-size: 1rem
}

.bnp-block.bnp-video.type1 .bnp-block-content .bnp-entry-title:before,.bnp-block.bnp-video.type1 .bnp-block-content .bnp-entry-title a:before {
    top: calc(50% - 22px);
    right: 25px;
    width: 36px;
    height: 36px;
    font-size: 33px;
    line-height: 39px
}

.bnp-block.bnp-video.type1 .bnp-block-content .bnp-entry-title:after,.bnp-block.bnp-video.type1 .bnp-block-content .bnp-entry-title a:after {
    top: calc(50% - 22px);
    right: 25px;
    width: 36px;
    height: 36px
}

.bnp-block.bnp-video.type2 .bnp-block-content .bnp-entry-content {
    padding: 22px 100px 22px 20px
}

.bnp-block.bnp-video.type2 .bnp-block-content .bnp-entry-title,.bnp-block.bnp-video.type2 .bnp-block-content .bnp-entry-title a {
    font-size: 1rem
}

.bnp-block.bnp-video.type2 .bnp-block-content .bnp-entry-title:before,.bnp-block.bnp-video.type2 .bnp-block-content .bnp-entry-title a:before {
    top: calc(50% - 28px)
}

.bnp-block.bnp-video.type2 .bnp-block-content .bnp-entry-title:after,.bnp-block.bnp-video.type2 .bnp-block-content .bnp-entry-title a:after {
    top: calc(50% - 32px)
}

.bnp-block.bnp-video.type2 .bnp-block-content .bnp-entry-text {
    font-family: "bnp";
    font-size: 1rem;
    color: #fff
}

.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-content {
    position: static;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    background: #fff
}

.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 170px
}

.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-image:after {
    display: block;
    position: absolute;
    top: 60px;
    right: calc(50% - 22px);
    width: 36px;
    height: 36px;
    content: "";
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px
}

.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-image:before {
    display: block;
    display: inline-block;
    position: absolute;
    top: 62px;
    right: calc(50% - 21px);
    width: 36px;
    height: 36px;
    font-family: "icon"!important;
    font-size: 36px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "\e906";
    text-transform: none;
    color: #fff;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-title,.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-title a {
    display: inline-block;
    padding: 6px 4px 7px;
    font-family: "bnpbold";
    font-size: .6875rem;
    text-transform: uppercase;
    color: #fff;
    background: #199d69
}

.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-title:before,.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-title a:before {
    display: none
}

.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-title:after,.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-title a:after {
    display: none
}

.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-title {
    margin-bottom: 10px
}

.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-subtitle {
    margin-bottom: 10px;
    font-size: 1.125rem;
    color: #484c4e
}

.bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-text {
    font-size: .875rem;
    color: #484c4e
}

.bnp-entry.bnp-overdraft {
    overflow: hidden;
    margin-bottom: 40px;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    border-bottom: 3px solid #fff;
    background-color: #fff
}

.bnp-entry.bnp-overdraft .bnp-entry-image {
    float: none
}

.bnp-entry.bnp-overdraft .bnp-entry-image img {
    width: 100%;
    margin: 0
}

.bnp-entry.bnp-overdraft .bnp-entry-content {
    box-sizing: border-box;
    width: 100%;
    padding: 22px
}

.bnp-entry.bnp-overdraft .bnp-entry-content h2 {
    font-family: "bnp";
    color: #484c4e
}

.bnp-entry.bnp-overdraft .bnp-entry-content h2 a {
    display: block;
    margin-bottom: 0;
    font-family: "bnp";
    font-size: 1.125rem;
    line-height: 24px;
    color: #484c4e
}

.bnp-entry.bnp-overdraft a.bnp-entry-action {
    display: inline-block;
    margin-top: 15px;
    padding: 6px 14px;
    font-family: "bnp";
    font-size: 1.125rem;
    color: #65b65a;
    border: 2px solid #65b65a
}

.bnp-entry.bnp-overdraft:hover {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    border-color: #199d69
}

.bnp-case-box {
    margin-bottom: 40px;
    padding: 22px 28px;
    background-color: #199d69
}

.bnp-case-box .bnp-facsheet-title {
    margin-bottom: 20px;
    font-family: "bnpbold";
    font-size: .875rem;
    text-transform: uppercase;
    color: #fff
}

.bnp-case-box .bnp-facsheet-link a {
    font-family: "bnplight";
    font-size: .875rem;
    color: #fff;
    margin: 6px 0;
    display: inline-block
}

.bnp-facsheet-box {
    margin-bottom: 40px;
    padding: 22px 14px;
    background-color: #199d69
}

.bnp-facsheet-box .bnp-facsheet-title {
    margin-bottom: 20px;
    font-family: "bnplight";
    font-size: 1.125rem;
    color: #fff
}

.bnp-facsheet-box .bnp-facsheet-link {
    position: relative;
    padding-left: 36px;
    font-family: "bnpbold";
    font-size: 1.125rem;
    color: #fff
}

.bnp-facsheet-box .bnp-facsheet-link a {
    color: #fff
}

.bnp-facsheet-box .bnp-facsheet-link a:before {
    display: inline-block;
    position: absolute;
    top: calc(24%);
    left: 0;
    width: 22px;
    height: 23px;
    content: " ";
    background: url(../images/bnp-icons.png) no-repeat -31px -61px #fff0
}

.bnp-value-box .bnp-value-content {
    margin-bottom: 54px;
    padding: 40px;
    background-color: #fff
}

.bnp-value-box .bnp-value-content ul {
    display: block;
    margin: 0;
    padding: 0
}

.bnp-value-box .bnp-value-content ul li {
    display: block;
    padding: 15px;
    font-family: "bnplight";
    font-size: 1rem;
    color: #232222;
    background-color: #edefee
}

.bnp-value-box .bnp-value-content ul li:nth-child(even) {
    background-color: #fff
}

.bnp-value-box .bnp-value-content ul li:before {
    display: none
}

.bnp-value-box .bnp-value-content ul li>div {
    float: left;
    width: calc(100% - 150px)
}

.bnp-value-box .bnp-value-content ul li>span {
    display: inline-block;
    float: left;
    width: 150px;
    padding-top: 22px;
    text-align: right
}

.bnp-value-box .bnp-value-selector>div {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 198px;
    height: 56px;
    margin-right: 20px;
    padding: 0 0 0 20px;
    border: 1px solid #d3d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff
}

.bnp-value-box .bnp-value-selector>div span {
    font-family: "bnpbold";
    font-size: 1rem;
    color: #232222
}

.bnp-value-box .bnp-value-selector>div input {
    width: 140px;
    height: 50px;
    border: 0 none
}

.bnp-value-box .bnp-value-selector>div:before {
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    height: 22px;
    content: "";
    background: url(../images/bnp-icons.png) no-repeat -31px -91px #fff0
}

.bnp-value-box .bnp-value-selector a {
    display: inline-block;
    width: 200px;
    padding: 6px 0 21px 0!important;
    font-family: "bnplight";
    font-size: 1rem;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #199d69
}

.bnp-value-box .bnp-value-selector a span:after {
    display: inline-block;
    width: 22px;
    height: 23px;
    margin-left: 15px;
    content: "";
    background: url(../images/bnp-icons.png) no-repeat -31px -61px #fff0
}

.bnp-value-box .bnp-value-selector a:hover {
    color: #ffffff!important
}

.bnp-linklist {
    background-color: #f3f3f3
}

.bnp-linklist .bnp-linklist-title {
    padding: 15px;
    font-family: "bnpbold";
    font-size: .875rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #199d69
}

.bnp-linklist .bnp-linklist-content {
    box-sizing: border-box;
    padding: 22px 30px 22px 30px
}

.bnp-linklist .bnp-linklist-content ul {
    margin: 0;
    padding: 0
}

.bnp-linklist .bnp-linklist-content ul li {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 0 18px;
    line-height: 1.6
}

.bnp-linklist .bnp-linklist-content ul li:before {
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    content: " ";
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    background-color: #484c4e
}

.bnp-linklist .bnp-linklist-content ul li ul {
    margin: 0 0 0 -20px;
    padding: 0
}

.bnp-linklist .bnp-linklist-content ul li ul li {
    padding: 0 0 0 18px
}

.bnp-linklist .bnp-linklist-content ul li ul li:before {
    top: 2px;
    content: " - ";
    background: #fff0
}

.bnp-linklist.type1 .bnp-linklist-title {
    background-color: #199d69
}

.bnp-linklist.type2 .bnp-linklist-title {
    background-color: #199d69
}

#bnp-directory {
    padding: 26px 0;
    background-color: #199a6a
}

#bnp-directory h2 {
    display: block;
    margin-bottom: 32px;
    font-family: "bnpbold";
    font-size: 1.75rem;
    text-align: center;
    color: #fff
}

#bnp-directory ul {
    margin: 0;
    padding: 0;
    text-align: center
}

#bnp-directory ul li {
    display: inline-block;
    margin: 0 30px
}

#bnp-directory ul li a {
    font-family: "bnpbold";
    font-size: .875rem;
    text-transform: uppercase;
    color: #fff
}

#bnp-directory ul li a img {
    border: 0
}

#bnp-directory ul li a span {
    display: inline-block;
    width: 100%
}

#bnp-keyword {
    padding: 44px 0;
    border-top: 1px solid #f0f0f0;
    background-color: #fff
}

#bnp-keyword h2 {
    display: block;
    margin-bottom: 32px;
    font-family: "bnpbold";
    font-size: 1.75rem;
    text-align: left;
    text-align: center;
    color: #232222
}

#bnp-keyword ul {
    margin: 0;
    padding: 0;
    text-align: center
}

#bnp-keyword ul li {
    display: inline-block;
    margin: 0 30px 0 0;
    border-bottom: 2px solid #199d69
}

#bnp-keyword ul li a {
    font-family: "bnplight";
    font-size: 1rem;
    color: #232222
}

.bnp-announcement {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 277px;
    margin-bottom: 50px
}

.bnp-announcement .bnp-section {
    position: relative
}

.bnp-announcement figure {
    position: absolute;
    top: 0;
    left: 0;
    height: 150px;
    margin: 0;
    padding: 0
}

.bnp-announcement article {
    position: absolute;
    top: 70px;
    width: 100%
}

.bnp-announcement article h2 {
    font-family: "bnpbold";
    font-size: .875rem;
    color: #fff
}

.bnp-announcement article p {
    float: left;
    width: 570px;
    font-size: 1rem;
    color: #fff
}

.bnp-announcement article a {
    display: block;
    float: right;
    padding: 8px 25px;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

#bnp-proposal {
    padding: 60px 0
}

#bnp-proposal .bnp-section {
    position: relative
}

#bnp-proposal h2 {
    margin-bottom: 38px;
    font-family: "bnpbold";
    font-size: 1.75rem;
    text-align: center;
    color: #232222
}

#bnp-proposal .bnp-enquiry {
    overflow: hidden;
    box-sizing: border-box;
    height: 208px;
    margin-bottom: 0;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    border-bottom: 5px solid #fff
}

#bnp-proposal .bnp-enquiry:hover {
    border-bottom: 5px solid #199d69
}

#bnp-proposal .bnp-enquiry:hover .bnp-entry-subtitle,#bnp-proposal .bnp-enquiry:hover .bnp-entry-subtitle a {
    color: #199d69
}

.bnp-rate {
    position: relative;
    overflow: hidden;
    width: 44px;
    height: 22px
}

.bnp-rate div {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    box-sizing: border-box;
    width: 42px;
    height: 21px;
    border-bottom: none!important;
    -webkit-border-radius: 90px 90px 0 0;
    -moz-border-radius: 90px 90px 0 0;
    border-radius: 90px 90px 0 0
}

.bnp-rate div:nth-child(1) {
    z-index: 1;
    border: 10px solid #c6c6c7
}

.bnp-rate div:nth-child(2) {
    z-index: 10;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    transform: rotateZ(-180deg);
    transform-origin: center bottom 0;
    border: 10px solid #606060
}

#bnp-mainheader-section {
    background-color: #fff
}

#bnp-mainheader-section #bnp-mainheader {
    overflow: hidden
}

#bnp-mainheader-section #bnp-mainheader .bnp-section-large {
    position: relative
}

#bnp-mainheader-section #bnp-mainheader figure {
    overflow: hidden;
    height: 352px;
    margin: 0!important
}

#bnp-mainheader-section #bnp-mainheader article {
    position: absolute;
    right: calc((100% - 984px) / 2);
    bottom: 0;
    box-sizing: border-box;
    width: 400px;
    min-height: 170px;
    margin: 0;
    padding: 40px 35px;
    background-color: #199d69
}

#bnp-mainheader-section #bnp-mainheader article p {
    font-family: "bnplight";
    font-size: 1.5rem;
    color: #fff
}

#bnp-mainheader-section #bnp-mainheader article a {
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff
}

#bnp-mainheader-section #bnp-mainheader article a:after {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 0 0 -14px 15px;
    content: " ";
    background: url(../images/bnp-icons.png) no-repeat -91px -1px #fff0
}

#bnp-mainheader-section #bnp-mainheader section {
    position: absolute;
    top: 135px;
    right: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0 40px;
    text-align: center
}

#bnp-mainheader-section #bnp-mainheader section h1 {
    font-size: 3.125rem;
    color: #fff
}

#bnp-mainheader-section #bnp-mainheader section p {
    color: #fff
}

#bnp-mainheader-section #bnp-mainheader #bnp-breadcrumb {
    position: absolute;
    top: 35px;
    left: 150px
}

#bnp-mainheader-section #bnp-mainheader #bnp-breadcrumb a {
    color: #fff
}

#bnp-mainheader-section #bnp-mainheader #bnp-breadcrumb span {
    color: #fff
}

#bnp-mainnav {
    border-bottom: 1px solid #e5e5e5
}

#bnp-mainnav ul {
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center
}

#bnp-mainnav ul li {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 12px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #edefee
}

#bnp-mainnav ul li a {
    display: inline-block;
    z-index: 10;
    padding: 12px 16px;
    font-size: .875rem;
    color: #a3a9ab
}

#bnp-mainnav ul li a:hover {
    opacity: 1;
    color: #fff;
    background-color: #218854;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1
}

#bnp-mainnav ul li a span {
    position: relative;
    z-index: 10;
    text-transform: uppercase
}

#bnp-mainnav ul li.active {
    background-color: #218854
}

#bnp-mainnav ul li.active a {
    color: #fff
}

#bnp-mainnav #bnp-mainnav-gap {
    display: none
}

#bnp-page-produit #bnp-mainnav ul li {
    background-color: #218854
}

#bnp-page-produit #bnp-mainnav ul li a {
    color: #fff
}

#bnp-page-produit #bnp-mainnav ul li a:hover {
    color: #218854;
    background-color: #edefee
}

#bnp-page-produit #bnp-mainnav ul li.active {
    background-color: #edefee
}

#bnp-page-produit #bnp-mainnav ul li.active a {
    color: #a3a9ab
}

#bnp-category #bnp-category-selection {
    text-align: center
}

#bnp-category #bnp-category-selection a {
    display: inline-block;
    z-index: 10;
    margin: 30px 12px;
    padding: 9px 18px 5px;
    font-size: .875rem;
    text-transform: uppercase;
    color: #a3a9ab;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #edefee
}

#bnp-category #bnp-category-selection a.active {
    color: #fff;
    background-color: #199d69
}

#bnp-category #bnp-category-selection a:nth-child(2) {
    position: relative;
    box-sizing: border-box;
    min-width: 170px;
    text-align: left
}

#bnp-category #bnp-category-selection a:nth-child(2):after {
    display: block;
    display: inline-block;
    position: absolute;
    z-index: 111;
    top: 14px;
    right: 13px;
    font-family: "icon"!important;
    font-size: 9px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "\e932";
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-transform: none;
    color: #a3a9ab;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#bnp-category #bnp-category-selection a:nth-child(2).active:after {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #fff
}

#bnp-category #bnp-mainnav {
    display: none;
    background-color: #e5e5e5
}

#bnp-category #bnp-mainnav ul {
    margin: 0;
    padding: 20px 0 30px 0;
    text-align: left
}

#bnp-category #bnp-mainnav ul li {
    margin: 20px 22px 0 0
}

#bnp-category #bnp-mainnav ul li a {
    box-sizing: border-box;
    min-width: 220px;
    padding-right: 50px;
    background: #fff0
}

#bnp-category #bnp-mainnav ul li a:hover {
    z-index: 100;
    opacity: 1;
    color: #fff;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

#bnp-category #bnp-mainnav ul li a:hover:before {
    width: 100%;
    transform: scale3d(25,10,10)
}

#bnp-category #bnp-mainnav ul li a:before {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: -33px;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 1px;
    content: "";
    transition-delay: 0s,0s;
    transition-timing-function: cubic-bezier(.7,0,.9,1);
    transition-duration: 0.7s,0.5s;
    transition-property: transform,opacity;
    transform: scale3d(1,2,1);
    transform-origin: 0 50% 0;
    border-radius: 50%;
    background: #218854 none repeat scroll 0 0
}

#bnp-category #bnp-mainnav ul li a span {
    position: relative;
    z-index: 10
}

#bnp-category #bnp-mainnav ul li.active {
    background: #218854
}

#bnp-category #bnp-mainnav ul li.active a {
    color: #fff
}

#bnp-category #bnp-mainnav ul li.active a:after {
    display: block;
    display: inline-block;
    position: absolute;
    z-index: 111;
    top: 12px;
    right: 13px;
    font-family: "icon"!important;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "\f00c";
    text-transform: none;
    color: #fff;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#bnp-main-scop {
    background: #fff
}

#bnp-main-scop .bnp-section {
    position: relative
}

#bnp-main-scop .bnp-scop-action {
    float: left
}

#bnp-main-scop .bnp-scop-action a {
    display: inline-block;
    z-index: 10;
    margin: 30px 12px;
    padding: 12px 16px;
    font-size: .875rem;
    text-transform: uppercase;
    color: #a3a9ab;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #edefee
}

#bnp-main-scop .bnp-scop-action a.active {
    color: #fff;
    background-color: #199d69
}

#bnp-main-scop .bnp-scop-action a:nth-child(2) {
    position: relative;
    box-sizing: border-box;
    min-width: 170px;
    text-align: left
}

#bnp-main-scop .bnp-scop-action a:nth-child(2):after {
    display: block;
    display: inline-block;
    position: absolute;
    z-index: 111;
    top: 14px;
    right: 13px;
    font-family: "icon"!important;
    font-size: 9px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "\e932";
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-transform: none;
    color: #a3a9ab;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#bnp-main-scop .bnp-scop-action a:nth-child(2).active:after {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #fff
}

#bnp-main-scop .bnp-scop-search {
    position: absolute;
    z-index: 10;
    right: 0;
    float: right;
    width: 300px;
    margin-top: 30px;
    font-family: "bnplight";
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    color: #9ba1a3;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #e5e5e5
}

#bnp-main-scop .bnp-scop-search input {
    float: left;
    box-sizing: border-box;
    width: calc((100% - 45px));
    height: 36px;
    padding-left: 10px;
    font-family: "bnplight";
    font-size: 1rem;
    color: #9ba1a3;
    border: 0 none;
    background: #fff0
}

#bnp-main-scop .bnp-scop-search a {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 38px;
    float: right
}

#bnp-main-scop .bnp-scop-search a:before {
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 12px;
    font-family: "icon"!important;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "\e903";
    text-transform: none;
    color: #b7b7b7;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#bnp-main-scop .bnp-scop-search.active {
    width: 100%;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s
}

#bnp-main-scop #bnp-mainnav {
    display: none;
    background-color: #e5e5e5
}

#bnp-main-scop #bnp-mainnav ul {
    margin: 0;
    padding: 20px 0 30px 0;
    text-align: left
}

#bnp-main-scop #bnp-mainnav ul li {
    margin: 20px 22px 0 0
}

#bnp-main-scop #bnp-mainnav ul li a {
    box-sizing: border-box;
    min-width: 220px;
    font-size: .75rem;
    background: #fff0
}

#bnp-main-scop #bnp-mainnav ul li a:hover {
    z-index: 100;
    opacity: 1;
    color: #fff;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

#bnp-main-scop #bnp-mainnav ul li a:hover:before {
    transform: scale3d(25,10,10)
}

#bnp-main-scop #bnp-mainnav ul li a:before {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: -33px;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 1px;
    content: "";
    transition-delay: 0s,0s;
    transition-timing-function: cubic-bezier(.7,0,.9,1);
    transition-duration: 0.7s,0.5s;
    transition-property: transform,opacity;
    transform: scale3d(1,2,1);
    transform-origin: 0 50% 0;
    border-radius: 50%;
    background: #199d69 none repeat scroll 0 0
}

#bnp-main-scop #bnp-mainnav ul li a span {
    position: relative;
    z-index: 10
}

#bnp-main-scop #bnp-mainnav ul li.active {
    background: #199d69
}

#bnp-main-scop #bnp-mainnav ul li.active a {
    color: #fff
}

#bnp-main-scop #bnp-mainnav ul li.active a:after {
    display: block;
    display: inline-block;
    position: absolute;
    z-index: 111;
    top: 12px;
    right: 13px;
    font-family: "icon"!important;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "\f00c";
    text-transform: none;
    color: #fff;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#bnp-main-scop.bnp-research h2 {
    font-family: "bnplight";
    font-size: 1.75rem;
    text-align: center;
    color: #232222
}

#bnp-main-scop.bnp-research #bnp-breadcrumb {
    padding: 30px 0 20px 0
}

#bnp-main-scop.bnp-research .bnp-scop-action {
    float: none;
    width: 350px;
    margin: 0 auto
}

#bnp-content {
    padding: 50px 0
}

#bnp-content-preface {
    margin-bottom: 50px;
    text-align: center
}

#bnp-content-preface p {
    font-family: "bnplight";
    font-size: 1rem;
    color: #232222
}

#bnp-content-preface a {
    font-family: "bnpbold";
    font-size: 1rem;
    text-decoration: underline;
    color: #199d69
}

#bnp-breadcrumb a {
    font-family: "bnplight";
    font-size: .75rem;
    color: #484c4e
}

#bnp-breadcrumb a:after {
    display: inline-block;
    margin: 0 6px 0 9px;
    font-size: 14px;
    content: " > "
}

#bnp-breadcrumb span {
    font-family: "bnplight";
    font-size: .75rem
}

#bnp-lexique-nav {
    border-bottom: 1px solid #e5e5e5
}

#bnp-lexique-nav .bnp-section {
    box-sizing: border-box;
    padding: 0 74px
}

#bnp-lexique-nav ul {
    margin: 26px 0;
    padding: 0;
    text-align: center
}

#bnp-lexique-nav ul li {
    display: inline-block;
    margin: 6px 10px
}

#bnp-lexique-nav ul li a {
    display: inline-block;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    padding: 9px 14px;
    font-family: "bnpbold";
    font-size: .875rem;
    cursor: default;
    text-transform: uppercase;
    pointer-events: none;
    color: #a3a9ab;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background-color: #edefee
}

#bnp-lexique-nav ul li.active a {
    cursor: pointer;
    pointer-events: auto;
    color: #484c4e
}

#bnp-lexique-nav ul li:first-child {
    margin-left: -30px
}

.bnp-section-lexique {
    margin-bottom: 50px;
    padding: 4px 84px 4px 84px;
    background-color: #fff
}

.bnp-section-lexique h2 {
    display: block;
    font-family: "bnpbold";
    font-size: 3.125rem;
    line-height: 66px;
    color: #199d69;
    border-bottom: 1px solid #e5e5e5
}

.bnp-section-lexique h3 {
    font-size: 1.125rem;
    color: #199d69
}

.bnp-section-lexique p {
    margin: 0 0 18px 0;
    padding: 0;
    font-family: "bnplight";
    font-size: 1rem;
    color: #232222
}

.bnp-section-lexique .bnp-section {
    position: relative
}

#bnp-article h1 {
    margin-top: 25px;
    font-family: "bnpbold";
    color: #232222
}

#bnp-article #bnp-article-date {
    font-family: "bnplight";
    font-size: .875rem;
    color: #a4aeb2
}

#bnp-article h2 {
    margin-bottom: 20px;
    font-family: "bnp";
    font-size: 1.25rem;
    color: #232222
}

#bnp-article figure {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    margin: 40px 0;
    text-align: center
}

#bnp-article p {
    margin-bottom: 20px;
    font-family: "bnplight";
    line-height: 25px;
    color: #232222
}

#bnp-article header p {
    font-size: 1.25rem;
    color: #232222
}

#bnp-article a {
    display: inline;
    padding-bottom: 0;
    text-decoration: none!important;
    border-bottom: 2px solid #199d69
}

#bnp-article a:hover {
    opacity: 1;
    color: #199d69;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

#bnp-article a img {
    position: relative
}

#bnp-article a.no-link-border {
    border: 0 none!important
}

.bnp-salvage #bnp-article h2 {
    margin-bottom: 20px;
    font-family: "bnp";
    font-size: 1.125rem;
    color: #199d69
}

#bnp-perf-header {
    width: 70%;
    margin: 0 auto;
    text-align: center
}

#bnp-perf-header h1 {
    font-size: 1.75rem;
    color: #232222
}

#bnp-perf-header p {
    margin-bottom: 40px;
    font-family: "bnpbold";
    font-size: .875rem;
    text-transform: uppercase
}

#bnp-perf-header #bnp-perf-caption {
    width: 70%;
    margin: 30px auto 50px auto;
    padding: 25px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #e5e5e5
}

#bnp-perf-header #bnp-perf-caption p {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "bnp";
    text-align: center
}

#bnp-perf-header #bnp-perf-caption .bnp-rate {
    margin: 0 auto 8px auto
}

.bnp-perf-entry {
    width: 80%;
    margin: 0 auto 28px auto
}

.bnp-perf-entry .bnp-perf-title {
    position: relative;
    margin-bottom: 1px;
    padding: 15px 65px 15px 20px;
    cursor: pointer;
    background-color: #fff
}

.bnp-perf-entry .bnp-perf-title h2 {
    margin: 0;
    font-family: "bnp";
    font-size: 1.125rem;
    color: #199d69
}

.bnp-perf-entry .bnp-perf-title h2 span {
    font-family: "bnplight";
    color: #232222
}

.bnp-perf-entry .bnp-perf-title:before {
    display: inline-block;
    position: absolute;
    top: 27px;
    right: 20px;
    font-family: "icon"!important;
    font-size: 9px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "\e932";
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    text-transform: none;
    color: #199d69;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bnp-perf-entry .bnp-perf-content {
    display: none;
    padding: 40px 60px 50px 70px;
    background-color: #fff
}

.bnp-perf-entry .bnp-perf-content h2 {
    padding: 30px 0 20px 0;
    font-family: "bnp";
    font-size: 1.125rem;
    color: #232222;
    border-bottom: 1px solid #bdbcbc
}

.bnp-perf-entry .bnp-perf-content .bnp-perf-cell {
    display: block;
    padding: 20px;
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(even) {
    background-color: #fff
}

.bnp-perf-entry .bnp-perf-content .bnp-perf-cell h3 {
    font-family: "bnplight";
    font-size: 1rem;
    color: #232222;
    min-height: 36px
}

.bnp-perf-entry .bnp-perf-content .bnp-perf-cell>div {
    width: 115px
}

.bnp-perf-entry .bnp-perf-content .bnp-perf-cell .left {
    float: left;
    margin-top: 8px;
    text-align: left;
    color: #199d69
}

.bnp-perf-entry .bnp-perf-content .bnp-perf-cell .left img {
    margin: 0 5px -5px 0
}

.bnp-perf-entry .bnp-perf-content .bnp-perf-cell .left>span {
    display: inline-block;
    line-height: 14px
}

.bnp-perf-entry .bnp-perf-content .bnp-perf-cell .left.type2 {
    color: #de1129
}

.bnp-perf-entry .bnp-perf-content .bnp-perf-cell .right {
    float: left;
    padding-top: 6px
}

.bnp-perf-entry .bnp-perf-content .bnp-perf-cell .right .bnp-rate {
    float: left
}

.bnp-perf-entry .bnp-perf-content .bnp-perf-cell .right>span {
    display: inline-block;
    margin: 10px 0 0 16px;
    line-height: 14px;
    color: #606060
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell {
    float: left;
    width: calc(50% - 72px);
    margin: 0 16px;
    background: #fff
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(3) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(4) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(7) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(8) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(11) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(12) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(15) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(16) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(19) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(20) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(23) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(24) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(27) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(28) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(31) {
    background-color: #f2f2f2
}

.bnp-perf-entry .bnp-perf-content>div>.bnp-perf-cell:nth-child(32) {
    background-color: #f2f2f2
}

.bnp-perf-entry.opned .bnp-perf-title:before {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bnp-survey {
    min-height: 300px;
    background: url(../images/faq-bg.png) top center no-repeat #ebe9e6
}

.bnp-survey .bnp-section {
    padding: 100px 0
}

.bnp-survey h2 {
    margin-bottom: 20px;
    font-family: "bnpbold";
    font-size: 1.75rem;
    text-align: center;
    color: #232222
}

.bnp-survey .bnp-survey-option {
    margin-bottom: 20px
}

.bnp-survey .bnp-survey-option .bnp-dropdown {
    width: 310px;
    margin: 0 auto;
    background-color: #fff
}

.bnp-survey .bnp-survey-option .bnp-dropdown dd ul {
    z-index: 100;
    box-sizing: border-box;
    width: 100%;
    background: #fff
}

.bnp-survey .bnp-survey-option .bnp-dropdown dd ul li a {
    padding: 16px 25px;
    border-bottom: 1px solid #e9e8e8
}

.bnp-survey .bnp-survey-option .bnp-dropdown dd ul li a:hover {
    color: #199d69
}

.bnp-survey .bnp-survey-option .bnp-dropdown dt a span {
    padding: 16px 15px;
    color: #232222;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.bnp-survey .bnp-survey-option .bnp-dropdown dt a span:before {
    display: inline-block;
    float: right;
    width: 14px;
    height: 25px;
    margin-top: 8px;
    font-family: "icon"!important;
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "\e932";
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bnp-survey .bnp-survey-option .bnp-dropdown.active dt a span {
    color: #199d69
}

.bnp-survey .bnp-survey-option .bnp-dropdown.active dt a span:before {
    color: #232222
}

.bnp-survey .bnp-btn-search {
    margin-bottom: 20px
}

.bnp-survey .bnp-btn-search>a {
    display: block;
    width: 310px;
    margin: 0 auto
}

.bnp-survey .bnp-submit {
    margin: 55px 0
}

.bnp-survey #bnp-survey-result {
    margin: 40px 0;
    text-align: left
}

.bnp-survey #bnp-survey-result h2 {
    text-align: left
}

.bnp-survey #bnp-survey-result h2 span {
    font-family: "bnplight";
    font-size: 1rem
}

.bnp-survey #bnp-survey-newquery {
    padding: 80px 0;
    background-color: #f0f0f0
}

.bnp-survey #bnp-survey-newquery .bnp-newquery {
    position: relative;
    padding-top: 65px;
    background: #fff
}

.bnp-survey #bnp-survey-newquery .bnp-newquery>a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    width: 50%;
    padding: 22px;
    font-size: 1.125rem;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    text-align: center;
    color: #9ba1a3;
    background: #e5e5e5
}

.bnp-survey #bnp-survey-newquery .bnp-newquery>a.active,.bnp-survey #bnp-survey-newquery .bnp-newquery>a:hover {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #199d69;
    background: #fff
}

.bnp-survey #bnp-survey-newquery .bnp-newquery>a:first-child {
    left: 0
}

.bnp-survey #bnp-survey-newquery .bnp-newquery nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.bnp-survey #bnp-survey-newquery .bnp-newquery nav ul li {
    float: left;
    box-sizing: border-box;
    text-align: center
}

.bnp-survey #bnp-survey-newquery .bnp-newquery nav ul li a {
    display: block;
    box-sizing: border-box;
    padding: 22px;
    font-size: 1.125rem;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    text-align: center;
    color: #9ba1a3
}

.bnp-survey #bnp-survey-newquery .bnp-newquery nav ul li.active,.bnp-survey #bnp-survey-newquery .bnp-newquery nav ul li:hover {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    background: #fff
}

.bnp-survey #bnp-survey-newquery .bnp-newquery nav ul li.active a,.bnp-survey #bnp-survey-newquery .bnp-newquery nav ul li:hover a {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #199d69
}

.bnp-survey #bnp-survey-newquery .bnp-newquery section {
    padding: 44px 30px;
    text-align: center
}

.bnp-survey #bnp-survey-newquery .bnp-newquery section .bnp-newquery-entry {
    box-sizing: border-box;
    min-height: 275px;
    padding: 35px 10px 10px 10px;
    border: 1px solid #e5e5e5
}

.bnp-survey #bnp-survey-newquery .bnp-newquery section .bnp-newquery-entry figure {
    display: block;
    box-sizing: border-box;
    min-height: 66px;
    margin: 0;
    padding: 0 0 14px 0;
    text-align: center
}

.bnp-survey #bnp-survey-newquery .bnp-newquery section .bnp-newquery-entry h2 {
    margin-bottom: 12px;
    font-family: "bnpbold";
    font-size: .875rem;
    color: #199d69
}

.bnp-survey #bnp-survey-newquery .bnp-newquery section .bnp-newquery-entry address,.bnp-survey #bnp-survey-newquery .bnp-newquery section .bnp-newquery-entry p {
    margin: 0 0 8px 0;
    padding: 0;
    font-family: "bnplight";
    font-size: .875rem;
    color: #232222
}

.bnp-survey #bnp-survey-newquery .bnp-newquery section .bnp-newquery-entry address a,.bnp-survey #bnp-survey-newquery .bnp-newquery section .bnp-newquery-entry p a {
    border-bottom: 2px solid #199d69
}

.bnp-survey #bnp-survey-newquery .bnp-newquery section .bnp-newquery-entry address a:hover,.bnp-survey #bnp-survey-newquery .bnp-newquery section .bnp-newquery-entry p a:hover {
    color: #199d69
}

.bnp-survey #bnp-survey-newquery .bnp-newquery.bnp-contact-newquery {
    margin-top: 35px;
    background: #fff0
}

.bnp-survey #bnp-survey-newquery .bnp-newquery.bnp-contact-newquery>a {
    box-sizing: border-box;
    width: 410px;
    margin: 0 -10px;
    padding: 10px;
    font-size: 1.125rem;
    color: #484c4e;
    background: #fff
}

.bnp-survey #bnp-survey-newquery .bnp-newquery.bnp-contact-newquery>a.active,.bnp-survey #bnp-survey-newquery .bnp-newquery.bnp-contact-newquery>a:hover {
    color: #fff;
    background: #199d69
}

.bnp-survey #bnp-survey-newquery .bnp-newquery.bnp-contact-newquery section h2 {
    color: #199d69
}

.bnp-survey #bnp-survey-newquery .bnp-newquery.bnp-contact-newquery section h2 a {
    color: #199d69
}

.bnp-survey.bnp-contact-survey .bnp-survey-option .bnp-dropdown.bnp-void {
    visibility: hidden
}

.bnp-incoming-contact {
    min-height: 300px;
    background: url(../images/faq-bg.png) top center no-repeat #ebe9e6
}

.bnp-incoming-contact .bnp-section {
    padding: 100px 0
}

.bnp-incoming-contact h2 {
    margin: 0 0 32px 0;
    font-family: "bnpbold";
    font-size: 1.75rem;
    text-align: center;
    color: #232222
}

.bnp-incoming-contact .bnp-contact-request-section {
    margin: 0 -10px 62px -10px;
    cursor: pointer;
    text-align: center
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 320px;
    min-height: 130px;
    margin: 0 8px 20px 8px;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    color: #232222;
    border: 3px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request.active {
    border: 3px solid #199a6a
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request.active:hover {
    -webkit-box-shadow: 0 0 15px 0 #cfcfcf;
    -moz-box-shadow: 0 0 15px 0 #cfcfcf;
    box-shadow: 0 0 15px 0 #cfcfcf;
    -o-box-shadow: 0 0 15px 0 #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf,Direction=NaN,Strength=15)
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request.active:hover figure img {
    width: 50px;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request:hover {
    -webkit-box-shadow: 0 0 15px 0 #cfcfcf;
    -moz-box-shadow: 0 0 15px 0 #cfcfcf;
    box-shadow: 0 0 15px 0 #cfcfcf;
    -o-box-shadow: 0 0 15px 0 #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf,Direction=NaN,Strength=15)
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request:hover figure img {
    width: 45px;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request:before {
    display: block;
    display: inline-block;
    position: absolute;
    top: 14px;
    right: calc(50% - 16px);
    width: 36px;
    height: 36px;
    font-family: "icon2"!important;
    font-size: 36px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request.type1:before {
    content: "\e90d"
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request.type2:before {
    content: "\e90e"
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request.type3:before {
    content: "\e90f"
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request.type4:before {
    content: "\e903"
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request figure {
    height: 60px;
    margin: 10px;
    text-align: center
}

.bnp-incoming-contact .bnp-contact-request-section .bnp-contact-request figure img {
    width: 50px;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s
}

.bnp-incoming-contact .bnp-contact-choice {
    margin-bottom: 62px;
    text-align: center
}

.bnp-incoming-contact .bnp-contact-choice a {
    display: inline-grid;
    width: 480px;
    max-width: 90%;
    min-height: 100px;
    text-align: center;
    align-items: center;
    margin: 0 14px;
    padding: 10px 16px;
    font-size: 1rem;
    color: #232222;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff
}

.bnp-incoming-contact .bnp-contact-choice a:hover,.bnp-incoming-contact .bnp-contact-choice a.active {
    color: #fff;
    background: #199a6a
}

.bnp-incoming-contact .bnp-contact-result {
    margin-bottom: 62px;
    padding: 70px 80px;
    text-align: left;
    background: #fff
}

.bnp-incoming-contact .bnp-contact-result h2 {
    margin-top: 0;
    text-align: left
}

.bnp-incoming-contact .bnp-contact-result h3 {
    color: #199a6a
}

.bnp-incoming-contact .bnp-contact-result p {
    font-family: "bnplight"
}

.bnp-incoming-contact .bnp-contact-result p b {
    font-family: "bnp"
}

.bnp-incoming-contact section {
    padding: 44px 30px;
    text-align: center;
    background: #fff
}

.bnp-incoming-contact section .bnp-grid,.bnp-incoming-contact section .bnp-grid-gutter {
    margin: 0
}

.bnp-incoming-contact section .bnp-newquery-entry {
    box-sizing: border-box;
    min-height: 275px;
    padding: 35px 10px 10px 10px;
    border-left: 1px solid #e5e5e5
}

.bnp-incoming-contact section .bnp-newquery-entry figure {
    display: block;
    box-sizing: border-box;
    min-height: 66px;
    margin: 0;
    padding: 0 0 14px 0;
    text-align: center
}

.bnp-incoming-contact section .bnp-newquery-entry h2 {
    margin-bottom: 12px;
    font-family: "bnpbold";
    font-size: .875rem;
    color: #199d69
}

.bnp-incoming-contact section .bnp-newquery-entry address,.bnp-incoming-contact section .bnp-newquery-entry p {
    margin: 0 0 8px 0;
    padding: 0;
    font-family: "bnplight";
    font-size: .875rem;
    color: #232222
}

.bnp-incoming-contact section .bnp-newquery-entry address a,.bnp-incoming-contact section .bnp-newquery-entry p a {
    border-bottom: 2px solid #199d69
}

.bnp-incoming-contact section .bnp-newquery-entry address a:hover,.bnp-incoming-contact section .bnp-newquery-entry p a:hover {
    color: #199d69
}

.bnp-incoming-contact section .bnp-grid-cell:first-child .bnp-newquery-entry {
    border: 0 none
}

.bnp-newquery-section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch
}

.bnp-newquery-section .bnp-newquery-entry {
    width: calc(100% / 3)
}

.bnp-newquery-section .bnp-newquery-entry:first-child {
    border: 0 none
}

#bnp-research .bnp-research-entry {
    margin-bottom: 40px
}

#bnp-research .bnp-research-entry>h2 {
    margin-bottom: 20px;
    font-family: "bnpbold";
    font-size: 1.75rem;
    color: #232222
}

#bnp-research .bnp-research-entry .bnp-research-content.type1 {
    padding: 70px;
    background: #fff
}

#bnp-research .bnp-research-entry .bnp-research-content.type1 #bnp-faq-section {
    padding: 0
}

#bnp-research .bnp-research-entry .bnp-research-content.type1 .bnp-perf-entry {
    width: auto;
    margin: 0
}

#bnp-research .bnp-research-entry .bnp-research-content.type1 .bnp-perf-entry .bnp-perf-content {
    display: block;
    padding: 0;
    padding: 35px 35px 0 35px
}

#bnp-research .bnp-research-entry .bnp-research-content.type1 .bnp-perf-entry .bnp-perf-content .bnp-perf-cell {
    float: left;
    box-sizing: border-box;
    width: 50%;
    background: #fff
}

#bnp-research .bnp-research-entry .bnp-research-content.type1 .bnp-perf-entry .bnp-perf-content .bnp-perf-cell .bnp-entry-text {
    overflow: hidden;
    max-height: 80px
}

#bnp-research .bnp-research-entry .bnp-entry.bnp-enquiry.type1 figure {
    float: left;
    overflow: hidden;
    width: 215px;
    height: 215px;
    margin: 0
}

#bnp-research .bnp-research-entry .bnp-entry.bnp-enquiry.type1 .bnp-entry-content {
    float: left;
    box-sizing: border-box;
    width: calc(100% - 215px)
}

#bnp-research .bnp-research-entry .bnp-entry.bnp-enquiry.type2 figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 368px;
    height: 215px;
    margin: 0
}

#bnp-research .bnp-research-entry .bnp-entry.bnp-enquiry.type2 figure:after {
    display: block;
    position: absolute;
    top: 75px;
    right: calc(50% - 27px);
    width: 51px;
    height: 51px;
    content: "";
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px
}

#bnp-research .bnp-research-entry .bnp-entry.bnp-enquiry.type2 figure:before {
    display: block;
    display: inline-block;
    position: absolute;
    top: 78px;
    right: calc(50% - 14px);
    width: 36px;
    height: 36px;
    font-family: "icon"!important;
    font-size: 48px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    content: "\e906";
    text-transform: none;
    color: #fff;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#bnp-research .bnp-research-entry .bnp-entry.bnp-enquiry.type2 .bnp-entry-content {
    float: left;
    box-sizing: border-box;
    width: calc(100% - 370px)
}

.bnp-depth {
    display: inline-block;
    font-family: "bnpbold"!important;
    color: #199d69!important
}

.bnp-video-main #bnp-main-scop #bnp-mainnav ul li {
    width: calc(50% - 14px)
}

.bnp-video-main #bnp-main-scop #bnp-mainnav ul li a {
    box-sizing: border-box;
    width: 100%
}

.bnp-video-main #bnp-main-scop #bnp-mainnav ul li:nth-child(2n) {
    margin-right: 5px
}

.bnp-video-main .bnp-see-more {
    margin-right: 14px
}

.bnp-video-main .bnp-grid {
    display: block
}

.bnp-video-main .bnp-grid .bnp-grid-cell {
    display: block;
    float: left
}

.bnp-video-main .bnp-block.bnp-video.type3 .bnp-block-content .bnp-entry-content {
    min-height: 176px;
    background-color: #f7f7f7
}

.bnp-iframe {
    margin-top: 50px;
    margin-bottom: 0;
    background: url(../images/loading.gif) center center no-repeat
}

body .bnp-fonds h1,body #bnp-content.bnp-fonds h1 {
    margin-top: 0
}

body .bnp-fonds h2,body #bnp-content.bnp-fonds h2 {
    font-family: "bnp";
    font-size: 1.125rem
}

body .bnp-fonds .bnp-fonds-feature,body #bnp-content.bnp-fonds .bnp-fonds-feature {
    margin-bottom: 45px;
    padding: 40px;
    background-color: #fff
}

body .bnp-fonds .bnp-fonds-feature h3,body #bnp-content.bnp-fonds .bnp-fonds-feature h3 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-family: "bnp";
    font-size: 1.125rem;
    color: #232222;
    border-bottom: 1px solid #dedede
}

body .bnp-fonds .bnp-fonds-feature table,body #bnp-content.bnp-fonds .bnp-fonds-feature table {
    margin-bottom: 60px
}

body .bnp-fonds .bnp-fonds-feature table tr,body #bnp-content.bnp-fonds .bnp-fonds-feature table tr {
    margin: 0
}

body .bnp-fonds .bnp-fonds-feature table td,body #bnp-content.bnp-fonds .bnp-fonds-feature table td {
    max-width: 100px;
    padding: 8px 4px;
    font-family: "bnplight";
    font-size: 1rem;
    vertical-align: top;
    border: 0
}

body .bnp-fonds .bnp-fonds-feature table td:first-child,body #bnp-content.bnp-fonds .bnp-fonds-feature table td:first-child {
    min-width: 116px;
    font-family: "bnpbold";
    font-size: .875rem;
    text-align: right
}

body .bnp-fonds .bnp-fonds-feature table.fonds-Perf,body #bnp-content.bnp-fonds .bnp-fonds-feature table.fonds-Perf {
    margin-bottom: 0;
    font-family: "bnplight"
}

body .bnp-fonds .bnp-fonds-feature table.fonds-Perf th,body #bnp-content.bnp-fonds .bnp-fonds-feature table.fonds-Perf th {
    padding: 0;
    font-family: "bnp";
    font-size: 1.125rem;
    color: #010101;
    background: #fff
}

body .bnp-fonds .bnp-fonds-feature table.fonds-Perf tr,body #bnp-content.bnp-fonds .bnp-fonds-feature table.fonds-Perf tr {
    margin: 0
}

body .bnp-fonds .bnp-fonds-feature table.fonds-Perf td,body #bnp-content.bnp-fonds .bnp-fonds-feature table.fonds-Perf td {
    box-sizing: border-box;
    font-family: "bnplight";
    text-align: center
}

body .bnp-fonds .bnp-fonds-feature table.fonds-Perf td:first-child,body #bnp-content.bnp-fonds .bnp-fonds-feature table.fonds-Perf td:first-child {
    min-width: 0;
    max-width: 160px;
    font-family: "bnplight";
    text-align: right
}

body .bnp-fonds .bnp-fonds-feature table.fonds-Perf thead th,body #bnp-content.bnp-fonds .bnp-fonds-feature table.fonds-Perf thead th {
    padding-bottom: 16px;
    font-family: "bnplight";
    font-size: 1.125rem;
    text-align: center
}

body .bnp-fonds .bnp-fonds-feature table.fonds-Perf tbody,body #bnp-content.bnp-fonds .bnp-fonds-feature table.fonds-Perf tbody {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}

body .bnp-fonds .bnp-fonds-feature table.fonds-Perf tbody tr:first-child td,body #bnp-content.bnp-fonds .bnp-fonds-feature table.fonds-Perf tbody tr:first-child td {
    padding: 20px 0 0 0
}

body .bnp-fonds .bnp-fonds-feature table.fonds-Perf tbody tr:last-child td,body #bnp-content.bnp-fonds .bnp-fonds-feature table.fonds-Perf tbody tr:last-child td {
    padding: 0 0 20px 0
}

body .bnp-fonds .bnp-fonds-feature table.fonds-Perf tbody tr td.red,body #bnp-content.bnp-fonds .bnp-fonds-feature table.fonds-Perf tbody tr td.red {
    font-family: "bnp";
    color: #d32b2b
}

body .bnp-fonds .bnp-fonds-feature table.fonds-Perf tbody tr td.green,body #bnp-content.bnp-fonds .bnp-fonds-feature table.fonds-Perf tbody tr td.green {
    font-family: "bnp";
    color: #199d69
}

body .bnp-fonds .bnp-fonds-feature table.fonds-Perf tfoot tr th,body #bnp-content.bnp-fonds .bnp-fonds-feature table.fonds-Perf tfoot tr th {
    padding: 16px 0;
    font-family: "bnplight";
    font-size: .625rem;
    text-align: right;
    color: #000
}

body .bnp-fonds .bnp-fonds-feature p,body #bnp-content.bnp-fonds .bnp-fonds-feature p {
    font-family: "bnplight"
}

body .bnp-fonds .bnp-fonds-feature ul,body #bnp-content.bnp-fonds .bnp-fonds-feature ul {
    margin: 0;
    padding: 0;
    list-style: none
}

body .bnp-fonds .bnp-fonds-feature ul li,body #bnp-content.bnp-fonds .bnp-fonds-feature ul li {
    position: relative;
    padding-left: 20px;
    font-family: "bnplight"
}

body .bnp-fonds .bnp-fonds-feature ul li:before,body #bnp-content.bnp-fonds .bnp-fonds-feature ul li:before {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 8px;
    height: 1px;
    content: " ";
    background-color: #232222
}

body .bnp-fonds .bnp-fonds-legend-perf,body #bnp-content.bnp-fonds .bnp-fonds-legend-perf {
    font-family: "bnpbold";
    font-size: 1.25rem;
    text-align: center;
    color: #199d69
}

body .bnp-fonds .bnp-fonds-legend-perf span,body #bnp-content.bnp-fonds .bnp-fonds-legend-perf span {
    display: inline-block;
    margin: 0 10px
}

body .bnp-fonds .bnp-fonds-legend-perf img,body #bnp-content.bnp-fonds .bnp-fonds-legend-perf img {
    margin-bottom: -2px
}

body .bnp-fonds .bnp-fonds-legend-perf.type2 span,body #bnp-content.bnp-fonds .bnp-fonds-legend-perf.type2 span {
    color: #de1129
}

body .bnp-fonds .bnp-fonds-legend-rate,body #bnp-content.bnp-fonds .bnp-fonds-legend-rate {
    font-size: 1.25rem;
    text-align: center
}

body .bnp-fonds .bnp-fonds-legend-rate .bnp-rate,body #bnp-content.bnp-fonds .bnp-fonds-legend-rate .bnp-rate {
    display: inline-block
}

body .bnp-fonds .bnp-fonds-legend-rate>span,body #bnp-content.bnp-fonds .bnp-fonds-legend-rate>span {
    margin-left: 6px
}

body .bnp-fonds .bnp-fonds-simple,body #bnp-content.bnp-fonds .bnp-fonds-simple {
    padding: 20px;
    font-family: "bnplight";
    background: #fff
}

.bnp-dropdown {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    opacity: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

.bnp-dropdown dd,.bnp-dropdown dt,.bnp-dropdown ul {
    margin: 0;
    padding: 0
}

.bnp-dropdown dd {
    position: relative;
    margin: 0;
    padding: 0
}

.bnp-dropdown dt a {
    display: block
}

.bnp-dropdown dt a span {
    display: block;
    padding: 2px 8px;
    cursor: pointer
}

.bnp-dropdown dd ul {
    display: none;
    position: absolute;
    top: 2px;
    left: 0;
    width: auto;
    min-width: 170px;
    padding: 8px!important;
    list-style: none
}

.bnp-dropdown span.value {
    display: none
}

.bnp-dropdown dd ul li a {
    display: block;
    padding: 5px;
    color: #444
}

.bnp-dropdown img.flag {
    margin-left: 10px;
    vertical-align: middle;
    border: none
}

.bnp-dropdown.bnp-void {
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    pointer-events: none;
    opacity: .3;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30)
}

.bnp-toggle {
    display: inline-block;
    position: relative;
    z-index: 2
}

.bnp-toggle .bnp-toggle-trigger {
    display: inline-block
}

.bnp-toggle .bnp-toggle-trigger:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin: 3px 0 0 30px;
    content: "";
    border-top: 6px solid #3b3b3b;
    border-right: 7px solid #fff0;
    border-left: 7px solid #fff0
}

.bnp-toggle .bnp-toggle-target {
    width: 100%;
    padding: 0 20px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    background: #fff;
    -webkit-box-shadow: 0 0 30px 0 rgb(50 50 50 / .4);
    box-shadow: 0 0 30px 0 rgb(50 50 50 / .4)
}

.bnp-toggle .bnp-toggle-target li {
    border-top: 1px solid #d4d4d4
}

.bnp-toggle .bnp-toggle-target li:first-child {
    border: 0
}

.bnp-toggle .bnp-toggle-target li a {
    display: block;
    padding: 15px 0;
    color: #666
}

.bnp-toggle .bnp-toggle-target li a:hover {
    text-decoration: none;
    color: #3b3b3b
}

.bnp-toggle.bnp-opened .bnp-toggle-target {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

a,.ms-link:visited,.ms-pivotControl-surfacedOpt:hover,.ms-pivotControl-overflowDot:hover,.ms-pivotControl-surfacedOpt-selected {
    text-decoration: none;
    color: #3b3b3b
}

input[type="button"],input[type="reset"],input[type="submit"],button,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,button:hover,input[type="button"][disabled],input[type="reset"][disabled],input[type="submit"][disabled],body button[disabled][disabled] {
    padding: 5px 10px;
    cursor: pointer;
    color: #fff;
    border: 0;
    background: #758cb5
}

input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,button:hover,input[type="button"][disabled]:hover,input[type="reset"][disabled]:hover,input[type="submit"][disabled]:hover,button[disabled][disabled]:hover {
    background: #758cb5
}

div.ms-microfeed-fullMicrofeedDiv button[disabled][type="button"] {
    cursor: pointer
}

body,.ms-core-defaultFont,.js-callout-body {
    color: #333
}

.ms-lstItmLinkAnchor {
    background: #f7f7f7
}

.ms-core-menu-item:hover,.ms-core-menu-itemSelected {
    background-color: #eef1f3
}

.ms-headerCellStylePressed {
    background-color: #eef1f3
}

.ms-headerCellStyleMenuOpen {
    background-color: #eef1f3
}

.ms-itmHoverEnabled:hover>*,.ms-headerCellStyleHover {
    background-color: #eef1f3
}

.js-callout-mainElement {
    border-color: #eef1f3
}

.js-callout-beakLeft,.js-callout-beakRight,.js-callout-beakTop,.js-callout-beakBottom {
    border-color: #eef1f3
}

.js-callout-footerArea .ms-calloutLink,.js-callout-footerArea .ms-calloutLink:hover,.js-callout-footerArea .ms-calloutLink:visited {
    color: #fff
}

.ms-core-needIEfilter .ms-srch-hover-actions,.ms-srch-hover-actions,.js-callout-footerArea {
    background: #e20b41!important
}

.js-callout-ecbActionDownArrow .ms-calloutLink {
    background: #f7f7f7
}

.ms-dlgContent {
    border-color: #fff
}

.ms-webpart-chrome-title,.ms-webpart-chrome-title .js-webpart-titleCell {
    color: #000
}

.ms-webpart-chrome-title {
    color: #fff
}

.ms-webpart-titleText.ms-webpart-titleText,.ms-webpart-titleText>a {
    color: #000
}

.js-webpart-menuCell {
    width: 12px
}

.ms-wpContentDivSpace {
    padding: 10px;
    border: none
}

.ms-SPZone>.s4-wpActive,.ms-rtestate-write>.ms-rte-wpbox>div>.s4-wpActive {
    background-color: #f9f9f9
}

.ms-SPZone {
    border-color: #f9f9f9
}

.ms-SPZone:hover {
    border-color: #eef1f3
}

.ms-WPAddButton {
    border-color: #f9f9f9
}

.ms-WPAddButton:hover {
    border-color: #eef1f3
}

.ms-microfeed-siteFeedTitleArea,.ms-microfeed-siteFeedTitleArea a,.ms-microfeed-siteFeedTitleArea a:hover {
    color: #000
}

#ms-titlebardiv {
    border-bottom: 1px solid #eef1f3
}

#addDocBlock>div.addDocBlock {
    background: #eef1f3
}

.ms-subtleLink:link,.ms-subtleLink:visited,.ms-atMention:link,.ms-atMention:visited,.ms-hashTag:link,.ms-hashTag:visited {
    color: #3b3b3b
}

.ms-microfeed-messageFooter>a,.ms-microfeed-messageFooter>a:hover,.ms-microfeed-messageFooter>a:active,.ms-microfeed-mysitemenu-control>span>a {
    color: #3b3b3b
}

.ms-microfeed-repliesDiv {
    border: 1px solid #eef1f3;
    background: #f5f5f5
}

.ms-microfeed-repliesDiv .ms-microfeed-replyMessage {
    border-top: 1px solid #eef1f3
}

.ms-microfeed-newReplyDiv .ms-microfeed-focusBox {
    border: 1px solid #eef1f3;
    background: #fff
}

.ms-microfeed-seeMoreThreadsDivContainer .ms-microfeed-seeMoreThreadsDiv button {
    color: #3b3b3b
}

.ms-subtleLink:link {
    color: #3b3b3b
}

.ms-socialCommentItem {
    border-bottom: 1px solid #eef1f3
}

.ms-socialCommentItem .socialcomment-top .socialcomment-username,.ms-socialCommentItem .socialcomment-top .socialcomment-username a {
    color: #3b3b3b
}

.ms-socialCommentItem .socialcomment-cmdlink a,.ms-socialCommentItem .socialcomment-cmdlink a:link,.ms-socialCommentItem .socialcomment-cmdlink a:visited {
    color: #3b3b3b
}

.ms-tl-mainArea {
    border: 1px solid #eef1f3
}

.ms-tl-mainArea .ms-tl-todayLabel,.ms-tl-mainArea .ms-tl-today {
    border-color: #eef1f3!important;
    background-color: #eef1f3!important
}

.ms-tl-mainArea .ms-tl-mainAreaTitle {
    color: #666
}

.ms-tl-mainArea .ms-tl-timescale span {
    color: #000000!important
}

.ms-ToolPaneOuter a {
    color: #222
}

#suiteBarLeft {
    font-family: "bnplight";
    font-size: 12;
    color: #ffffff!important;
    background: #218754
}

.ms-core-suiteLink-a,.ms-core-suiteLink-a:visited {
    color: #fff
}

a.ms-core-suiteLink-disabled {
    color: #fff
}

.ms-core-suiteLink-a:hover {
    color: #fff
}

#Suite_ActiveLinkIndicator_Clip {
    top: 14px
}

.ms-core-listMenu-horizontalBox ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ms-core-listMenu-horizontalBox>ul>li>ul>li>.menu-item,.ms-core-listMenu-horizontalBox>ul>li>ul>li.static>.menu-item {
    color: #3b3b3b
}

.ms-core-listMenu-horizontalBox>ul>li>ul>li.selected .menu-item {
    color: #333
}

.ms-core-listMenu-horizontalBox>ul>li>ul>li>ul>li a:hover,.ms-core-listMenu-horizontalBox>ul>li>ul>li>ul>li a.ms-core-listMenu-item:hover,.ms-core-listMenu-horizontalBox>ul>li>ul>li>ul>li a.ms-core-listMenu-item.ms-core-listMenu-selected:hover {
    color: #3b3b3b
}

.ms-core-listMenu-horizontalBox .projectprefix-menu-action,.ms-core-listMenu-horizontalBox .projectprefix-menu-action a {
    color: #3b3b3b
}

#sideNavBox .ms-core-sideNavBox-removeLeftMargin {
    margin: 0;
    color: #474747
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>.ms-core-listMenu-item:hover {
    background: #eef1f3
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>.ms-core-listMenu-selected:link,#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>.ms-core-listMenu-selected:visited,#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>.ms-core-listMenu-selected {
    background: #474747
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>.ms-core-listMenu-selected span {
    color: #fff
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>ul {
    margin-bottom: 7px
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>ul>li>.ms-core-listMenu-item {
    margin-left: 22px;
    padding-left: 0;
    font-size: .9em;
    color: #474747
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>ul>li>.ms-core-listMenu-item:hover {
    text-decoration: underline;
    background: none
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>ul>li>.ms-core-listMenu-selected:link,#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>ul>li>.ms-core-listMenu-selected:visited,#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>ul>li>.ms-core-listMenu-selected {
    font-weight: 700;
    border-bottom: 1px solid #474747;
    background: none
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>ul>li>ul {
    margin-bottom: 10px
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>ul>li>ul>li>.ms-core-listMenu-item {
    margin-left: 34px;
    padding: 2px 5px 2px 0;
    font-size: .9em;
    color: #2c2c2c
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>ul>li>ul>li>.ms-core-listMenu-item:hover {
    text-decoration: underline;
    background: none
}

#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>ul>li>ul>li>.ms-core-listMenu-selected:link,#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>ul>li>ul>li>.ms-core-listMenu-selected:visited,#sideNavBox .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root>li>ul>li>ul>li>.ms-core-listMenu-selected {
    font-weight: 700;
    background: none
}

.ms-navedit-editSpan {
    display: none
}

.ms-navedit-editLinksText .ms-navedit-editLinksIconWrapper span {
    color: #474747
}

.ms-navedit-editLinksText:hover span {
    color: #333
}

.ms-ref-refiner #Value>a:hover,.ms-ref-unsel-toggle:hover {
    color: #474747
}

#idStorefrontManagementLeftNavBar {
    margin: 0 0 15px;
    background: #fff
}

#idStorefrontManagementLeftNavBar ul#idStorefrontListManageFilter {
    list-style: none
}

#idStorefrontManagementLeftNavBar ul#idStorefrontListManageFilter li a:hover {
    background: #eef1f3
}

#idStorefrontManagementLeftNavBar ul#idStorefrontListManageFilter li.ms-storefront-divider {
    margin: 0 20px
}

#SearchBox .ms-srch-sb {
    border: 1px solid #eef1f3;
    background: #f9f9f9
}

#SearchBox .ms-srch-sb-borderFocused {
    background: #fff
}

#contentBox {
    min-width: 0!important
}

body .ms-srch-item-link {
    color: #3b3b3b
}

body .ms-srch-item:hover,body .ms-srch-resultHover:hover,body .edisc-SearchResultItemContainer:hover {
    background-color: #eef1f3
}

body .ms-srch-item-path {
    color: #3b3b3b
}

.histogram_bar_active {
    border-top: 2px solid #eef1f3;
    border-right: 1px solid #eef1f3;
    border-left: 1px solid #eef1f3;
    background-color: #eef1f3
}

.ajax__multi_slider_default .inner_rail_horizontal {
    border-top: 1px solid #eef1f3;
    border-bottom: 1px solid #eef1f3;
    background-color: #eef1f3
}

.slider_tick_active {
    border: 1px solid #eef1f3;
    background-color: #eef1f3
}

.ms-srch-hover-actions {
    background: #eef1f3
}

body .ms-srch-hover-actions,body .ms-srch-hover-actions a,body .ms-srch-hover-actions .ms-calloutLink:link,body .ms-srch-hover-actions a.ms-calloutLink:visited,body .ms-srch-hover-actions .ms-calloutLinkDisabled,body .ms-srch-hover-actions .ms-commandLink,body .ms-srch-hover-actions .ms-commandLink:visited,body .ms-srch-hover-actions .ms-secondaryCommandLink,body .ms-srch-hover-actions .ms-secondaryCommandLink:visited {
    color: #fff
}

body .ms-srch-hover-actions .ms-calloutLink:hover,body .ms-srch-hover-actions .ms-commandLink:hover,body .ms-srch-hover-actions .ms-secondaryCommandLink:hover {
    text-decoration: underline;
    color: #fff
}

.ms-srchnav-link-selected:link,.ms-srchnav-link-selected:visited {
    color: #000
}

.ms-srchnav-link:hover,.ms-srchnav-link-selected:hover {
    text-decoration: underline;
    color: #000
}

.ms-rtestate-field h1 {
    color: #000
}

.ms-rtestate-field h2 {
    color: #000
}

.ms-rtestate-field h3 {
    color: #000
}

.ms-rtestate-field h4 {
    color: #000
}

h1.ms-rteElement-H1B {
    color: #995fd5
}

h2.ms-rteElement-H2B {
    color: #995fd5
}

h3.ms-rteElement-H3B {
    color: #995fd5
}

h4.ms-rteElement-H4B {
    color: #995fd5
}

.ms-rtestate-field a {
    text-decoration: none;
    color: #3b3b3b
}

.ms-rtestate-field a:hover {
    text-decoration: none
}

.ms-rtestate-field span[style="text-decoration:underline"],.ms-rtestate-field span[style="text-decoration: underline;"],.ms-rtestate-field span[style="text-decoration:underline;"],.ms-rtestate-field p[style="text-decoration:underline"],.ms-rtestate-field p[style="text-decoration: underline;"],.ms-rtestate-field p[style="text-decoration:underline;"] {
    display: inline;
    margin-bottom: 2px;
    padding-bottom: 0;
    text-decoration: none!important;
    border-bottom: 2px solid #232222
}

#bnp-mainheader figure {
    margin: 0
}

.bnp-desactived {
    cursor: progress;
    opacity: .2;
    background-color: #444
}

.ms-rteStyle-Quote {
    display: block;
    position: relative;
    padding: 30px 50px;
    font-style: normal
}

.ms-rteStyle-Quote:before,.ms-rteStyle-Quote:after {
    display: inline-block;
    position: absolute;
    top: -42px;
    left: 0;
    font-size: 7em;
    content: "“";
    color: #cdcdcd
}

.ms-rteStyle-Quote:after {
    top: auto;
    right: 0;
    bottom: -24px;
    left: auto;
    content: "„"
}

.ms-rteStyle-IntenseQuote {
    display: block;
    position: relative;
    padding: 30px 60px;
    font-style: normal;
    text-decoration: none;
    background: #c4c4c4
}

.ms-rteStyle-IntenseQuote:before,.ms-rteStyle-IntenseQuote:after {
    display: inline-block;
    position: absolute;
    top: -42px;
    left: 10px;
    font-size: 7em;
    content: "“";
    color: #fff
}

.ms-rteStyle-IntenseQuote:after {
    top: auto;
    right: 10px;
    bottom: -24px;
    left: auto;
    content: "„"
}

.ms-rteStyle-Emphasis {
    font-weight: 700;
    font-style: normal;
    color: inherit
}

.ms-rteStyle-IntenseEmphasis {
    font-weight: 700;
    font-style: normal;
    text-decoration: underline;
    color: inherit
}

.ms-rteStyle-References,.ms-rteStyle-References * {
    font-weight: 700;
    font-style: normal;
    color: #8c8c8c
}

.ms-rteStyle-IntenseReferences,.ms-rteStyle-IntenseReferences * {
    font-weight: 700;
    font-style: normal;
    text-decoration: underline;
    color: #8c8c8c
}

.ms-rteTable-default,.ms-rteTable-default>tbody>tr>td,.ms-rteTable-default>tbody>tr>th,td.ms-rteTable-default,th.ms-rteTable-default,.ms-rtetablecells {
    border: 1px solid #c6c6c6
}

.ms-rteTable-6 tr.ms-rteTableHeaderRow-6,.ms-rteTable-6 tr.ms-rteTableFooterRow-6,.ms-rteTable-6 tr.ms-rteTableHeaderRow-6>th,.ms-rteTable-6 tr.ms-rteTableFooterRow-6>th,.ms-rteTable-6 tr.ms-rteTableFooterRow-6>td {
    background-color: #995fd5
}

.ms-rteTable-6 tr.ms-rteTableOddRow-6 {
    background: #f9f9f9
}

#contentRow {
    padding-top: 0!important
}

#siteIcon {
    height: 52px
}

#siteIcon {
    line-height: auto
}

.ms-siteicon-a {
    max-width: 220px;
    max-height: 220px
}

.ms-siteicon-img {
    max-width: 500px;
    max-height: 220px
}

.bnp-title-holder {
    margin-bottom: -60px;
    text-align: center
}

.bnp-action {
    margin-top: 40px
}

.bnpere-socialbox-content .bnp-submit {
    text-align: center
}

#bnp-content.bnp-fonds {
    background: #f3f3f3
}

#bnp-content.bnp-fonds h1 {
    font-size: 1.5rem
}

.bnp-perf-entry .bnp-perf-content {
    background: #f3f3f3
}

.bnp-fonds-checkbox h3 {
    font-size: .9rem;
    margin-bottom: 0;
    cursor: pointer
}

.bnp-fonds-checkbox span.date {
    font-size: .8rem;
    font-family: "bnplight";
    margin-left: 25px
}

.bnp-fonds-checkbox h3:before {
    user-select: none;
    font-family: "icon";
    content: "\e924";
    padding: 3px;
    border-radius: 3px;
    margin-right: 10px;
    font-size: .62rem
}

.bnp-fonds-checkbox h3.share {
    color: #199d69
}

.bnp-fonds-checkbox h3.share.active:before {
    color: #fff
}

.bnp-fonds-checkbox h3.share:before {
    background-color: #199d69;
    color: #199d69
}

.bnp-fonds-checkbox h3.bench {
    color: #90285e;
    margin-top: 10px
}

.bnp-fonds-checkbox h3.bench span {
    font-family: "bnplight";
    color: #000
}

.bnp-fonds-checkbox h3.bench.active:before {
    color: #fff
}

.bnp-fonds-checkbox h3.bench:before {
    background-color: #90285e;
    color: #90285e
}

#bnp-research #bnp-page.bnp-research-entry>h2 {
    margin-bottom: 30px
}

#bnp-research #bnp-page.bnp-research-entry .bnp-grid {
    margin: 0
}

#bnp-research #bnp-page.bnp-research-entry .bnp-grid .ng-scope {
    margin-bottom: 16px
}

#bnp-research #bnp-page.bnp-research-entry .bnp-grid .ng-scope {
    font-family: "bnplight"
}

#bnp-research #bnp-page.bnp-research-entry .bnp-grid .ng-scope h5 {
    font-family: "bnp";
    font-size: 20px
}

#bnp-research #bnp-page.bnp-research-entry .bnp-grid .ng-scope h5 a {
    color: #3b3b3b!important
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-research-content.type1 {
    background-color: #f2f2f2;
    padding: 10px;
    margin-bottom: 30px
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content {
    background: transparent!important;
    width: 856px;
    margin: 0 auto;
    max-width: 100%
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content:after {
    content: "";
    display: table;
    clear: both;
    line-height: 0
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell {
    margin: 20px;
    width: calc(50% - 40px)
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(3) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(4) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(7) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(8) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(11) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(12) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(15) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(16) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(19) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(20) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(23) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(24) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(27) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(28) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(31) {
    background-color: #f2f2f2
}

#bnp-research #bnp-fond.bnp-research-entry .bnp-perf-entry .bnp-perf-content .bnp-perf-cell:nth-child(32) {
    background-color: #f2f2f2
}

#bnp-faq-section .bnp-faq-entry h2 {
    padding-right: 46px
}

@media print {
    .bnp-article-tools,.bnp-article-footer,.bnp-podcast,.s4-notdlg,#s4-statusbarcontainer {
        display: none
    }

    #bnp-header,#bnp-topnav,#bnp-footer {
        display: none
    }

    body {
        background: none!important
    }
}
body .bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .ActionLinks,
body #bnp-content.bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .ActionLinks {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px;
}

body .bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .tab,
body #bnp-content.bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .tab {
    display: inline-block;
    padding: 5px 12px;
    background-color: white;
    color: #218854;
    text-align: center;
    border-radius: 15px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #ccc;
    font-weight: bold;
    font-size: 13px;
    transition: all 0.3s ease;
}

body .bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .tab.active,
body #bnp-content.bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .tab.active {
    background-color: #218854;
    color: white;
    border: 1px solid #218854;
}

body .bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .tab:hover,
body #bnp-content.bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .tab:hover {
    background-color: #e6f2eb;
}

body .bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .tab.active:hover,
body #bnp-content.bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .tab.active:hover {
    background-color: #218854;
}

body .bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .date-inputs,
body #bnp-content.bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .date-inputs {
    display: none;
    gap: 15px;
    margin-top: 20px;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 8px;
    border: 1px solid #ccc;
    width: fit-content;
}

body .bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .date-inputs.active,
body #bnp-content.bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .date-inputs.active {
    display: flex;
    flex-direction: column;
}

body .bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .date-field,
body #bnp-content.bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .date-field {
    display: flex;
    align-items: center;
}

body .bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .ms-error,
body #bnp-content.bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .ms-error {
    color: red;
    font-size: 14px;
    margin-top: 10px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
}

body .bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances #chart-containerGP,
body #bnp-content.bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances #chart-containerGP {
    height: 500px;
    margin-top: 20px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.ActionLinks {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px
}

.FilterChart .tab {
    display: inline-block;
    padding: 5px 12px;
    background-color: white;
    color: #218854;
    text-align: center;
    border-radius: 15px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #ccc;
    font-weight: bold;
    font-size: 13px;
    transition: all 0.3s ease;
}

.FilterChart .tab.active {
    background-color: #218854;
    color: white;
    border: 1px solid #218854;
}

.FilterChart .tab:hover {
    background-color: #e6f2eb;
}

.FilterChart .tab.active:hover {
    background-color: #218854;
}
:root {
    --primary-color: #218854; /* Couleur principale (vert) */
    --secondary-color: #e6f2eb; /* Couleur secondaire (vert clair) */
    --accent-color: #ff6b6b; /* Couleur d'accent (rouge) */
    --text-color: #333; /* Couleur du texte */
    --background-color: white; /* Couleur de fond */
    --border-color: #ccc; /* Couleur de la bordure */
    --font-size: 14px; /* Taille de police par défaut */
    --border-radius: 8px; /* Rayon des bordures arrondies */
    --transition-duration: 0.3s; /* Durée des transitions */
}

/* Conteneur principal */
.bnp-fonds-Performances {
    font-family: Arial, sans-serif;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: var(--background-color);
    border-radius: var(--border-radius);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Ombre douce */
}

/* Titre */
.bnp-fonds-Performances h2 {
    font-size: 24px;
    color: var(--text-color);
    margin-bottom: 20px;
    text-align: left; /* Alignement à gauche */
    text-transform: uppercase; /* Texte en majuscules */
    letter-spacing: 1px; /* Espacement des lettres */
}

/* Onglets de filtre */
.ActionLinks {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    justify-content: flex-start; /* Alignement à gauche */
}
body .bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .ActionLinks,body #bnp-content.bnp-fonds .bnp-fonds-feature .bnp-fonds-Performances .FilterChart .ActionLinks {display: flex;justify-content: flex-start;align-items: center;gap: 5px;margin-bottom: 15px;}
.tab {
    padding: 10px 15px; /* Padding réduit */
    background-color: var(--background-color);
    color: var(--text-color);
    border: 2px solid var(--primary-color); /* Bordure plus épaisse */
    border-radius: var(--border-radius);
    text-decoration: none;
    cursor: pointer;
    font-size: var(--font-size);
    font-weight: bold;
    text-transform: uppercase; /* Texte en majuscules */
    letter-spacing: 1px; /* Espacement des lettres */
    transition: all var(--transition-duration) ease;
    width: auto; /* Largeur automatique (s'adapte au contenu) */
    min-width: 80px; /* Largeur minimale pour éviter des boutons trop étroits */
    text-align: center; /* Centrer le texte dans le bouton */
}

.tab.active {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}

.tab:hover {
    background-color: var(--secondary-color);
    transform: translateY(-2px); /* Effet de levée au survol */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombre au survol */
}

/* Champs de date personnalisée */
.date-inputs {
    display: none;
    gap: 15px;
    margin-top: 20px;
    padding: 15px;
    background-color: #f9f9f9; /* Fond légèrement gris */
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    width: fit-content; /* Largeur adaptée au contenu */
}

.date-inputs.active {
    display: flex;
    flex-direction: column;
}

.date-field {
    display: flex;
    align-items: center;
    /* gap: 10px; */
}


.date-picker {
    padding: 8px;
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
    font-size: var(--font-size);
    transition: border-color var(--transition-duration) ease;
    width: 150px; /* Largeur réduite des champs de date */
}

.date-picker:focus {
    border-color: var(--primary-color);
    outline: none;
}

/* Bouton "Appliquer" */
.tab.apply-btn {
    padding: 10px 20px;
    background-color: var(--accent-color);
    color: white;
    border: none;
    border-radius: var(--border-radius);
    cursor: pointer;
    font-size: var(--font-size);
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase; /* Texte en majuscules */
    letter-spacing: 1px; /* Espacement des lettres */
    transition: background-color var(--transition-duration) ease;
    margin-top: 10px; /* Espacement par rapport aux champs de date */
    width: auto; /* Largeur automatique */
}

.tab.apply-btn:hover {
    background-color: darken(var(--accent-color), 10%);
    transform: translateY(-2px); /* Effet de levée au survol */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombre au survol */
}

/* Message d'erreur */
.ms-error {
    color: red;
    font-size: var(--font-size);
    margin-top: 10px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px; 
}

/* Conteneur du graphique */
#chart-containerGP {
    height: 500px;
    margin-top: 20px;
    background-color: white;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Ombre douce */
}

.date-inputs => .date-inputs
.FilterChart => FilterChart


.FilterChart .date-inputs>div:before {
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    height: 22px;
    content: "";
    background: url(../images/bnp-icons.png) no-repeat -31px -91px #fff0
}

.FilterChart .date-inputs>div {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 198px;
    height: 56px;
    margin-right: 20px;
    padding: 0 0 0 20px;
    border: 1px solid #d3d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff
}

.FilterChart .date-inputs>div span {
    font-family: "bnpbold";
    font-size: 1rem;
    color: #232222
}

.FilterChart .date-inputs>div input {
    width: 140px;
    height: 50px;
    border: 0 none
}

.FilterChart .date-inputs>div:before {
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    height: 22px;
    content: "";
    background: url(../images/bnp-icons.png) no-repeat -31px -91px #fff0
}

.FilterChart .bnp-value-content {
    margin-bottom: 54px;
    padding: 40px;
    background-color: #fff
}

.FilterChart .date-inputs a {
    display: inline-block;
    width: 200px;
    padding: 7px 0 12px 0!important;
    font-family: "bnplight";
    font-size: 1rem;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #199d69
}
.bnp-fonds-HistoPerf {
    margin-top: -25px;
    margin-bottom: 5px;
}