@import url(/partners/common/statics/common.css?date=20190617);
@font-face {
    font-family: 'bnpp_sansregular';
    font-display : fallback;
    src: url('/partners/cib/statics/fonts/bnpp_sansregular/bnppsans-webfont.eot');
    src: url('/partners/cib/statics/fonts/bnpp_sansregular/bnppsans-webfont.eot?#iefix') format('embedded-opentype'),
    url('/partners/cib/statics/fonts/bnpp_sansregular/bnppsans-webfont.woff') format('woff'),
    url('/partners/cib/statics/fonts/bnpp_sansregular/bnppsans-webfont.ttf') format('truetype'),
    url('/partners/cib/statics/fonts/bnpp_sansregular/bnppsans-webfont.svg#bnpp_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bnpp_sansbold';
    font-display : fallback;
    src: url('/partners/cib/statics/fonts/bnpp_sansbold/bnppsans-bold-webfont.eot');
    src: url('/partners/cib/statics/fonts/bnpp_sansbold/bnppsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/partners/cib/statics/fonts/bnpp_sansbold/bnppsans-bold-webfont.woff') format('woff'),
    url('/partners/cib/statics/fonts/bnpp_sansbold/bnppsans-bold-webfont.ttf') format('truetype'),
    url('/partners/cib/statics/fonts/bnpp_sansbold/bnppsans-bold-webfont.svg#bnpp_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bnpp_sans_condensedbold';
    font-display : fallback;
    src: url('/partners/cib/statics/fonts/bnpp_sans_condensedbold/bnpp_sans_cond_bold_v2-webfont.eot');
    src: url('/partners/cib/statics/fonts/bnpp_sans_condensedbold/bnpp_sans_cond_bold_v2-webfont.eot?#iefix') format('embedded-opentype'),
    url('/partners/cib/statics/fonts/bnpp_sans_condensedbold/bnpp_sans_cond_bold_v2-webfont.woff') format('woff'),
    url('/partners/cib/statics/fonts/bnpp_sans_condensedbold/bnpp_sans_cond_bold_v2-webfont.ttf') format('truetype'),
    url('/partners/cib/statics/fonts/bnpp_sans_condensedbold/bnpp_sans_cond_bold_v2-webfont.svg#bnpp_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bnpp_sans_condensed';
    font-display : fallback;
    src: url('/partners/cib/statics/fonts/bnpp_sans_condensed/bnpp_sans_cond_v2-webfont.eot');
    src: url('/partners/cib/statics/fonts/bnpp_sans_condensed/bnpp_sans_cond_v2-webfont.eot?#iefix') format('embedded-opentype'),
    url('/partners/cib/statics/fonts/bnpp_sans_condensed/bnpp_sans_cond_v2-webfont.woff') format('woff'),
    url('/partners/cib/statics/fonts/bnpp_sans_condensed/bnpp_sans_cond_v2-webfont.ttf') format('truetype'),
    url('/partners/cib/statics/fonts/bnpp_sans_condensed/bnpp_sans_cond_v2-webfont.svg#bnpp_sans_condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family:BNPPSansCondensed;font-display : fallback;src:url(/partners/cib/statics/fonts/bnpp_sans_condensed/54afe87a136fb48383e16fd55ebef1ff.eot?#iefix) format("embedded-opentype"),url(/partners/cib/statics/fonts/bnpp_sans_condensed/84c767cf6590207c78f0d0329f983705.woff) format("woff"),url(/partners/cib/statics/fonts/bnpp_sans_condensed/9e3a04a78575c157f37d0958b9e7d856.ttf) format("truetype"),url(/partners/cib/statics/fonts/bnpp_sans_condensed/a9b54e6cf01dbfb61de1e55192e78b00.svg#bnpp-sans-condensed) format("svg");font-weight:400;font-style:normal}


@font-face {
    font-family: 'bnpp_sanslight';font-display : fallback;
    src: url('/partners/cib/statics/fonts/bnppsans_light/bnppsans-light-webfont.eot');
    src: url('/partners/cib/statics/fonts/bnppsans_light/bnppsans-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/partners/cib/statics/fonts/bnppsans_light/bnppsans-light-webfont.woff') format('woff'),
    url('/partners/cib/statics/fonts/bnppsans_light/bnppsans-light-webfont.ttf') format('truetype'),
    url('/partners/cib/statics/fonts/bnppsans_light/bnppsans-light-webfont.svg#bnpp_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontAwesome';font-display : fallback;
    src: url('/partners/cib/statics/fonts/fontAwesome/fontawesome-webfont.eot?v=4.7.0');
    src: url('/partners/cib/statics/fonts/fontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('/partners/cib/statics/fonts/fontAwesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('/partners/cib/statics/fonts/fontAwesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('/partners/cib/statics/fonts/fontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face{font-family:'Open-Sans';font-weight:400;font-style:normal;font-display : fallback;
    src: url('/partners/cib/statics/fonts/open-sans-regular/Open-Sans-regular/Open-Sans-regular.eot');
    src:url('/partners/cib/statics/fonts/open-sans-regular/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),local('Open-Sans'),local('Open Sans'),local('Open-Sans-regular'),
    url('/partners/cib/statics/fonts/open-sans-regular/Open-Sans-regular.woff2') format('woff2'),
    url('/partners/cib/statics/fonts/open-sans-regular/Open-Sans-regular.woff') format('woff'),
    url('/partners/cib/statics/fonts/open-sans-regular/Open-Sans-regular.ttf') format('truetype'),
    url('/partners/cib/statics/fonts/open-sans-regular/Open-Sans-regular.svg#OpenSans') format('svg')
}
.testOpenSans{font-family:Open-Sans;}
.color1{color:#b6dde7;background-color:#b6dde7;}
.color2{color:#008578;}
font_color1{color:#008578;color:#008578;}
.gradientLittle,.gradientLarge{
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.articleTop_sw_viewBlog .gradientLarge{display:none;}
.markers{width:0px;height:0px;display:inline-block;overflow:hidden;position:relative;}
html,body{width: 100%;margin: 0;padding: 0;background-color: #f3f1f2!important}
html.htmlEditor, html.htmlEditor body{background-color: #fff!important}
.mainContent_sw_viewTheme .marginBull, .mainContent_sw_home .marginBull{display:none;}
.mainContent_sw_compose *, {font-family: bnpp_sansregular;font-size: 16px;font-weight:lighter;}
.mainContent_sw_login *,.mainContent_sw_userRegister *,.mainContent_sw_forgottenId *{font-family: bnpp_sanslight;font-size: 16px;font-weight:lighter;}
#mainContent.mainContent_sw_hiddenUrl {margin-top: 250px;}
#siteWrapper{position:relative;}
#header{position:relative;}
ul {margin:0px;padding: 0px;}
ul li{list-style-position: inside;}
a{text-decoration:none;cursor: pointer;color: #28BB69;}
.secondaryGreen{background-color:#a0c873;}
.secondaryGreenColor{color:#a0c873;}
table{border-collapse:collapse;}
figcaption {display:block !important;font-size:14px !important;}
.clear{clear: both;}
.clearLeft{clear: left;}
.clearRight{clear: right;}
.noscrollX{overflow-x: hidden;}
.noscrollY{overflow-x: hidden;}

img{border: none;}
input,select, textarea,option {padding:5px;font-size:16px;font-family: bnpp_sanslight;}
input[type=submit],input[type=button], .button, .contentAdmin .button{color:#fff;font-size:16px;font-family: bnpp_sanslight;
    padding:5px;
    border:1px solid #00975c;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    background:#00975c;cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
input[type=submit]:hover,input[type=button]:hover, .button:hover, .contentAdmin .button:hover{
    color:#333;background:#fff !important;
}
input[type=submit]:disabled, input[type=button]:disabled {color:#000;background:#ccc !important}
select{-webkit-appearance: none;-moz-appearance:none;background:url(/partners/cib/statics/img/select-arrow_small.png) #fff right  5px  top 5px no-repeat;
    padding : 7px 50px 7px 5px;
    border:1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;

}
.misc{background:url(/partners/cib/statics/img/20180406misc.png) ;}
.watchOut{
    position:relative;z-index:99999;font-size:20px;font-family:bnpp_sanslight;
    width: 65%;
    margin-top:20px;
    margin-right: auto;
    margin-left: auto;
    z-index: 100;
}
.watchOut strong{font-size:20px;font-family: bnpp_sansregular;}
@media screen and (min-width:1280px) {
    .watchOut{width:820px;margin-bottom:40px;}
}
.mainContent_sw_viewBlog_notop .watchOut{top:0px;}
.fullPageSeparator{/*background: url(/partners/cib/statics/img/trame.png) repeat;*/width:100%;height:20px;background:#fff;}
.fullPageSeparator2{/*background: url(/partners/cib/statics/img/trame.png) repeat;*/width:100%;height:20px;background:#fff;margin-top: -5px;}
.dateHead, .dateArticle{display:none;}
#articleTop .dateHead, .dateArticle{display:inline;}
.button{background:#fff !important;}
/* think */
.themes_1{background-color: #25A7DD;}
.themes_59{background-color: #25A7DD;}
.themes_131{background-color: #25A7DD;}
.themes_133{background-color: #25A7DD;}
/* adapt */
.themes_2{background-color: #e3514B;}
.themes_61{background-color: #e3514B;}
.themes_106{background-color: #e3514B;}
.themes_129{background-color: #e3514B;}
.themes_132{background-color: #e3514B;}
/* sustain */
.themes_3{background-color: #28BB69;}
.themes_62{background-color: #28BB69;}
.themes_130{background-color: #28BB69;}
.themes_134{background-color: #28BB69;}

.themes_4{background-color: #008f5b;}
.themes_187{background-color: #008f5b;}
.themes_34{background-color: #008f5b;}
.themes_33{background-color: #008f5b;}
.themes_135{background-color: #008f5b;}
.themes_35{background-color: #008f5b;}
.themes_42{background-color: #008f5b;display:none;}
.themes_43{background-color: #008f5b;}
.themes_48{background-color: #008f5b;}
.themes_49{background-color: #008f5b;}
.themes_60{background-color: #008f5b;}

.themes_50{background-color: #25A7DD;}
.themes_51{background-color: #28BB69;}

.titrePage1  {border-bottom:2px solid #2a975d;padding-bottom:10px;margin-bottom:30px;position:relative;height:40px;overflow:hidden;}
.titrePage1 tr{margin:0px;padding:0px;}
.titrePage1 tr td{vertical-align: top;margin:0px;padding:0px;}
.titrePage h1  {font-size:40px;font-family:bnpp_sans_condensedbold !important;margin:0px;}
.titrePage  {font-size:40px;font-family:bnpp_sans_condensedbold !important; margin-top:-45px;}


.navigationBar .currentPagination {
    border: 2px solid #2a975d;
    padding: 3px 6px 3px 6px;
    margin-left: 5px;
    color: #2a975d;
    margin-top: 10px;
}

#mainContent{margin-top:168px;}
.mainContentWithAdminMenu{margin-top:100px !important;}
#mainContent.mainContentWithAdminMenu{margin-top: 158px !important;}
#mainContent.mainContent_sw_home{padding-top:0px;}
#mainContent.mainContent_sw_home.mainContentWithAdminMenu{margin-top: 95px !important;padding:0px;}

#mainContent.mainContent_sw_viewBlog.mainContentWithAdminMenu{
    margin:0px !important;
}
/*////////////////////////////////////////////////////////////////////////////////////////HEADER//////////////////////////////////////////////////////////////////////////*/
#topMenu{width: 100%;height: 167px;background-color: #fff;position: fixed;top: 0;z-index: 999;border-top:0px solid #008f5b;border-bottom:1px solid #ccc;}
#menuFirstLine{height:124px;position:relative;border-bottom:1px solid #eee;width:100%;z-index:1000;}
#menuFirstLine #greenBar{height:38px;background-color: #00915a;position:relative;padding-left:6.25%;}
#menuFirstLine #greenBar #clientLoginHeader_0{color: #fff;z-index:1010;position:absolute;right:6.25%;top:10px;}
#menuFirstLine #greenBar #clientLoginHeader_0:hover{color:#6dd7a9 !important;}
#menuFirstLine #greenBar #clientLoginHeader_0 a{color:#fff !important;font-size: 13px !important;text-transform: uppercase;font-family:bnpp_sansregular;}
#menuFirstLine #greenBar #clientLoginHeader_0 a:hover{color:#6dd7a9 !important;}
#menuFirstLine #greenBar #clientLoginHeader_0 #loginBox {background-color:#00915a;display:none;position:absolute;top:15px;width:175px;height:105px;right:0px;border-radius:0px 0px 0px 10px ;  text-align:right;padding:10px;z-index:1010;padding:0px 15px 0px 15px;}
#menuFirstLine #greenBar #clientLoginHeader_0 #loginBox ul{list-style:square;list-style-position: inside;list-style:none;}
#menuFirstLine #greenBar #clientLoginHeader_0 #loginBox ul li{padding-left:15px;}
#menuFirstLine #greenBar #clientLoginHeader_0 #loginBox ul li a{font-size:13px !important;font-family:bnpp_sanslight;color:#fff;}
#menuFirstLine #greenBar .tweeterGreen{width:35px;height:35px;position:relative;top:1.5px;left:6.25px;background-position:0px -94px;display:block;float:left;}
#menuFirstLine #greenBar .linkedINGreen{width:35px;height:35px;position:relative;top:1.5px;left:6.25px;background-position:-36px -94px;display:block;margin-left:0px;float:left;}
#menuFirstLine #greenBar .tweeterGreen:hover{background-position:0px -130px;}
#menuFirstLine #greenBar .linkedINGreen:hover{background-position:-36px -130px;}


#topMenu.noborder #menuFirstLine{border-bottom:0px;overflow:hidden;}
#topMenu.noborder .cibKeywords ul li{width:130px;}
#menubtn{float: right;border: 1px solid #999;width: 25px; height: 25px;padding: 5px;margin-top: 22px;margin-right: 6.25%;cursor: pointer;display:none;}
#nav-icon {width: 18px;height: 15px;position: relative;margin-left: auto;margin-right:auto;margin-top:6px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon span {display: block;position: absolute;height: 2px;width: 100%;background: #999;border-radius: 0;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .20s ease-in-out;-moz-transition: .20s ease-in-out;-o-transition: .20s ease-in-out;transition: .20s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon span:nth-child(2) {top: 6px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon span:nth-child(3) {top: 11px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -1px;left: 2px;}
#nav-icon.open span:nth-child(2) {width: 0;opacity: 0;}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 12px;left: 2px;}

#logo{float:left;padding-top: 18px;padding-left: 18px;margin-left:6.25%;}
#logo .logoImg{width:200px;height:50px;display:block;background-position:0px 0px;position:relative;}
.hiddenTab{list-style: none;float:left;width:0px;height:37px;padding:5px 0px 0px 0px;overflow:hidden;box-sizing: border-box;margin:0px;}
.printLogo{display: none;}
.hiddenTab .logoImg{margin-left:10px;width:185px;height:50px;display:block;
    background-position:-202px -85px;
    position:relative;;}
.adminLink{float:right;lis-style}
#textHeader{float:left;font-size: 17px !important;color: #000;padding-top:30px;margin-left:0;font-family:bnpp_sansregular;}
#textHeader:hover{cursor:pointer;}
#searchHeader {font-size: 16px !important ;color: #000;position:absolute;z-index:998;background-color:#fff;top:70px;right:6.25%;padding:0px;}
#searchHeader_0{position:relative;float:right;margin-right:0px;top:-5px;}
#secondLevelHeader{position:absolute;z-index:998;top:10px;right:6.25%;}
#searchHeader a span, #searchHeader_0 a span{font-family:bnpp_sansregular;color: #000 !important;display:block;float:left;padding-top:3px;}
.searchButton{width:34px;height:34px;display:block;background-position:-235px 0px;float:left; margin-top: -3px;   }
#clientLoginHeader{color: #000;z-index:997;position:relative;display:none;float:right;}
#clientLoginHeader a{text-decoration: none;color: #000;font-family:bnpp_sansregular;font-size: 16px !important}
#clientLoginHeader #loginBox {display:none;position:absolute;bottom:-120px;width:175px;height:105px;right:0px;background:#fff;border-radius:0px 0px 0px 10px ;  text-align:right;padding:0px 15px 15px 15px;z-index:1000;}
#clientLoginHeader #loginBox ul{list-style:square;list-style-position: inside;list-style:none;}
#clientLoginHeader #loginBox ul li{padding-left:15px;}
#clientLoginHeader #loginBox ul li a{font-size:16px !important;font-family:bnpp_sanslight;color:#000 !important;}


.cibTabs{clear:both;width:auto;height:41px;;border-top:1px solid #ccc;position:relative;float:left;bottom:0px;border-bottom:1px solid #eee;margin-left:6.25%;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3) !important;
    z-index:1001;

}


#topMenu.noborder .cibTabs{border-top:0px;}
.cibKeywords {margin-left:40px;float:left;position:relative;}
.cibTabs li.tab{color:#000;width:180px;height:20px;display:block;float:left;padding:10px 0px;border-right:1px solid #fff;;border-left:1px solid #fff;;border-top:2px solid #fff;font-family:bnpp_sanslight;font-size: 14px !important;list-style: none;text-align: center;z-index:1001;position:relative;text-transform: uppercase;}

.cibKeywords li.keyword{color:#333;width:180px;height:20px;display:block;float:left;padding:14px 0px;font-family:bnpp_sanslight;font-size: 14px !important;list-style: none;text-align: center;z-index:1001;position:relative;}
/*.mainContent_sw_viewTheme_4 #abstractHeader h1 {color:#fff !important;font-size:40px;;margin:0px !important;padding:0px !important;}*/
.cibTabs li.tab:hover, .cibTabs li.on  {border-right:1px solid #ccc;border-left:1px solid #ccc;border-top:2px solid #008f5b;cursor:pointer;}
.cibKeywords li.keyword:hover{cursor:pointer;}
.cibKeywords li .hash{color:#008f5b;font-size:12px;}


.barScrollingProgress{width:0;height: 4px;position: relative;z-index: 8654321;top:43px;
    background: #007a43;
    background: -webkit-linear-gradient(left,#007a43,#00ad7d);
    background: -o-linear-gradient(right,#007a43,#00ad7d);
    background: -moz-linear-gradient(right,#007a43,#00ad7d);
    background: linear-gradient(to right,#007a43,#00ad7d);}



.cibTabSubMenu {position:fixed;height:0px;top:168px;background:#333;width:100%;display:block;overflow:hidden;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3) !important;
}
#topMenu.noborder .cibTabSubMenu{
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3) !important;
}
#topMenu.noborder .cibTabSubMenu{position:fixed;top:44px;}



.cibTabSubMenu .claim{padding:10px;text-align:center;color:#fff;background-color:#008f5b;width:100%;box-sizing: border-box;
    position:relative;font-family:bnpp_sanslight;font-size:18px;
}
.cibTabSubMenu h1.claim{display:none;}
ul.tabMenu{float:left;position:relative;}
.mainMenuArticleContainer{float:left;width:300px;height:200px;overflow:hidden;margin:30px;position:relative;}
.mainMenuArticleContainer img{position:relative;z-index:1;;}
.mainMenuArticleContainer .gradientLittle{position:absolute;width:100%;height:100%;top:0px;left:0px;}
.mainMenuArticleContainer .textContainer{display: -ms-flexbox;display:-webkit-flex;display: flex;align-items: center;width:100%;height:100%;position:absolute;top:0px;padding:20px;box-sizing: border-box;}
.mainMenuArticleContainer h3{color:#fff;font-family:bnpp_sansregular;font-size:20px;z-index:2;text-align: center;margin:0px auto;}
#whoweare_content.mainMenuArticleContainer{margin-top:40px;}
ul .firstLevel{color:#c1c1c1;list-style: none;margin-top:5px;clear:both;position:relative;z-index:1001;width:180px;}
#perspectives_menu.spreadMenu {display:block;list-style: none;height:256px;margin:0px;padding:0px;margin-left:6.25%;width:93%;}
.firstLevel img{margin-left:33px;}
#perspectives_menu.spreadMenu .firstLevel{display:inline-block;float:left;width:180px;position:relative;padding:30px 0px 0px 0px;height:256px;box-sizing:border-box;margin:0% 5% 0% 0%;clear: none;}
#whoweare_menu.spreadMenu {display:block;list-style: none;height:256px;margin:0px;padding:0px;margin-left:6.25%}
#whoweare_menu.spreadMenu .ourNews{display:inline-block;float:left;width:180px;position:relative;padding:30px 0px 0px 0px;height:256px;box-sizing:border-box;margin:0px 60px 0px 0px;clear: none;}
#whoweare_menu.spreadMenu .pressReleases{display:inline-block;float:left;width:125px;position:relative;padding:30px 0px 0px 0px;height:256px;box-sizing:border-box;margin:0px 60px 0px 0px;clear: none;}
#whoweare_menu.spreadMenu .fistLevel{float:left;}
ul .firstLevel:hover, ul .firstLevel:hover .title, ul .ourNews:hover, ul .pressReleases:hover , ul .pressReleases:hover .title, ul .ourNews:hover .title {color:#fff !important;cursor:pointer;}
ul .firstLevel .secondLevel{color:#c1c1c1;list-style: none;margin-top:5px;clear:both;}
ul .firstLevel .secondLevel a{color:#c1c1c1;font-family:bnpp_sanslight;font-size:15px;}
#perspectives_menu.spreadMenu .secondLevel {margin:0px;display:block;padding: 0px 0px 0px 0px;}
#perspectives_menu.spreadMenu .secondLevel a, #whoweare_menu.spreadMenu .secondLevel a{color:#c1c1c1;font-family:bnpp_sanslight;font-size:13px;}
#perspectives_menu.spreadMenu .secondLevelSeparator{height:2px;width:20px;background-color: #209054;padding:  0px;margin:5px 65px; padding:0px;}
ul .firstLevel .secondLevel:hover a, #perspectives_menu.spreadMenu .secondLevel:hover a,ul .firstLevel .secondLevel:hover{color:#fff;}
ul .firstLevel:hover{cursor:pointer;}
ul .firstLevel .title,ul .ourNews .title , ul .firstLevel .title,ul .pressReleases .title {width:150px;padding:15px;position:relative;float:left;font-family:bnpp_sanslight;font-size:16px;}
#perspectives_menu.spreadMenu .firstLevel .title, #whoweare_menu.spreadMenu .ourNews .title, #whoweare_menu.spreadMenu .pressReleases .title{color:#c1c1c1;text-align: center;width:100%;text-transform: uppercase;padding: 10px 0px;font-size:15px;}
#whoweare_menu.spreadMenu .pressReleases .title{margin-left:-10px;}
#burgerMenuContent ul .firstLevel{position:inherit;}
#burgerMenuContent ul .firstLevel .title{width:290px;}
ul .firstLevel:hover .title{}
ul .firstLevel .description{width:300px;position:absolute;left:170px;font-family:bnpp_sanslight;font-size:15px;padding:0px 15px;display:none;z-index: 10002;}
#perspectives_menu.spreadMenu .firstLevel .description{width:auto;position:relative;left:0px;}
ul .firstLevel .burgerSubContent{width:300px;font-family:bnpp_regular;font-size:15px;padding:15px;display:none;}
ul .firstLevel:hover .description{display:block;border-left:2px solid #fff;}
#perspectives_menu.spreadMenu .firstLevel:hover .description{border-left:0px;color:#c1c1c1;font-size:13px;text-align:center;}

ul  .firstLevel .thinkBullet{width:7px;height:7px;background-color: #25A7DD;float:left;margin-right:15px;margin-top:10px;}
ul .firstLevel  .adaptBullet{width:7px;height:7px;background-color: #e3514B;float:left;margin-right:15px;margin-top:10px;}
ul .firstLevel  .sustainBullet{width:7px;height:7px;background-color: #28BB69;float:left;margin-right:15px;margin-top:10px;}
ul .firstLevel  .miscBullet{width:7px;height:7px;background-color: #848484;float:left;margin-right:15px;margin-top:10px;}
ul .firstLevel  .bnppBullet{width:7px;height:7px;background-color: #008f5b;float:left;margin-right:15px;margin-top:10px;}

@media screen and (max-width:1320px) {
    #perspectives_menu.spreadMenu .firstLevel{display:inline-block;float:left;width:180px;position:relative;padding:30px 0px 0px 0px;height:256px;box-sizing:border-box;margin:0% 2.5% 0% 0%;clear: none;}
}
@media screen and (max-width:1124px) {
    #perspectives_menu.spreadMenu .firstLevel{margin:0% 1% 0% 0%;}
    #perspectives_menu.spreadMenu {
        margin-left: 2.5%;
        width: 97.7%;
    }

}
@media screen and (max-width:1000px) {
    #perspectives_menu.spreadMenu .firstLevel{margin:0% 0% 0% 0%;}
    #perspectives_menu.spreadMenu {
        margin-left: 1%;
        width: 99%;
    }

}
@media screen and (max-width:950px) {

    #perspectives_menu.spreadMenu .firstLevel {width:150px;}
    #perspectives_menu.spreadMenu .firstLevel img{height:80px;;}
    #topMenu.noborder .cibKeywords {display:none;}

}
@media screen and (max-width:800px) {
    #perspectives_menu.spreadMenu {margin-left:3%;}
    #perspectives_menu.spreadMenu {
        margin-left: 0%;
        width: 100%;
    }
}



#abstractHeader{width: 100%;min-height: 48px;position: relative;border-bottom:4px solid #008f5b;margin-bottom:0px;z-index:3;padding-top:30px;z-index:500;}
.mainContent_sw_viewTheme_34,.mainContent_sw_viewTheme_35,.mainContent_sw_viewTheme_43{width: 100%;float: left;margin-bottom: 5.5%;}
.mainContent_sw_viewTheme_34 #abstractHeader,.mainContent_sw_viewTheme_35 #abstractHeader,.mainContent_sw_viewTheme_43 #abstractHeader{margin-bottom: 5.5%;}
#abstractHeader .liner {position:absolute;width:40px;height:2px;background-color:#4e8a84;bottom:8px;left:50%;margin-left:-20px;display:none;}
.abstractHeaderHome{border-bottom:0px !important;}
#abstractHeader.whoweare {border-top:1px solid #666;}
.breadCrumbs a:hover{border-bottom:0px !important;}
.mainContent_sw_viewTheme .breadCrumbs{position:absolute;float:right;padding:5px;color:#c1c1c1;font-size:13px;font-family:bnpp_sanslight;z-index:501;right:6.25%;margin-top:20px;}
.mainContent_sw_viewTheme .breadCrumbs{position:absolute;float:right;padding:5px;color:#c1c1c1;font-size:13px;font-family:bnpp_sanslight;z-index:501;right:6.25%;margin-top:20px;}
.articleContent .breadCrumbs{position:relative;margin-bottom:20px;}
.mainContent_sw_viewTheme .breadCrumbs a, .articleContent .breadCrumbs a{color:#c1c1c1;text-transform:none;font-size:12px;font-family:bnpp_sanslight;}
.articleContent .breadCrumbs, .articleContent .breadCrumbs a{color:#aaa;text-transform: none;font-size:12px;width: 100%;
    text-align: right;}
.articleContent .breadCrumbs a:hover{text-decoration: underline;}
.mainContent_sw_viewTheme .breadCrumbs a:hover{color:#fff;}
.mainContent_sw_viewTheme_28 .breadCrumbs{padding-top:0px;margin-top: 0px;}
@media screen and (max-width:1023px) {
    .breadCrumbs{display:none;}
}



#abstractHeader .textAbstractHeader .readmore,#abstractHeader.whoweare .textAbstractHeader h2, .mainContent_sw_viewTheme #abstractHeader .textAbstractHeader h2, .mainContent_sw_viewTheme #abstractHeader .textAbstractHeader h1{display:block;background-color:#008f5b;display:inline;padding:10px 20px;position:absolute;left: 6.16667%;top:18px;font-size:25px;font-family:bnpp_sansbold;}
.mainContent_sw_viewTheme_2  #abstractHeader .textAbstractHeader h1{background-color:#e3514B !important;}
.mainContent_sw_viewTheme_2  #abstractHeader {border-bottom:4px solid #e3514B !important;}
.mainContent_sw_viewTheme_2  #abstractHeader .liner{background-color:#fff;}

.mainContent_sw_viewTheme_1  #abstractHeader .textAbstractHeader h1{background-color:#25A7DD !important;}
.mainContent_sw_viewTheme_1  #abstractHeader {border-bottom:4px solid #25A7DD !important;}
.mainContent_sw_viewTheme_1  #abstractHeader .liner{background-color:#fff;}

.mainContent_sw_viewTheme_3  #abstractHeader .textAbstractHeader h1{background-color:#28BB69 !important;}
.mainContent_sw_viewTheme_3  #abstractHeader {border-bottom:4px solid #28BB69 !important;}
.mainContent_sw_viewTheme_3  #abstractHeader .liner{background-color:#fff;}

.mainContent_sw_viewTheme_55 #abstractHeader .textAbstractHeader h1{display:block;background-color:#fff;display:inline;padding:0px;position:relative;left: 0%;top:0px;}
.mainContent_sw_viewTheme_55 #abstractHeader{padding-top:0px;border-bottom:0px;}

#abstractHeader .textAbstractHeader .readmore{top:45px !important;}
#abstractHeader.abstractHeaderHome:hover{cursor:pointer;}
#abstractHeader .textAbstractHeader {color: #ffffff;font-size:20px;text-align: center;padding-top: 15px;padding-bottom: 15px;font-family:bnpp_sansregular;}
#abstractHeader .textAbstractHeader a{color: #ffffff;text-decoration: none;font-family:bnpp_sansregular;font-family:bnpp_sansregular;}
.abstractHeaderHome .textAbstractHeader h1{margin:0px;padding:0px;font-size:20px;}
#abstractHeader .learnMoreHeader{margin-left: auto;margin-right: auto;padding-bottom: 15px;}
#abstractHeader .learnMoreHeader a{color: #ffffff;text-decoration: none;font-size:1.6vw/*22px*/!important;display:block;text-align:center;}
/*////////////////////////////////////////////////////////////////////////////////////////FIN HEADER//////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////Main CONTENT//////////////////////////////////////////////////////////////////////////*/
.mainContent_sw_home{width: 100%;height:100%;background-color: #333333;margin: 0;padding: 0;margin-top:151px !important;position: relative;}
.mainContentAdmin{margin-top:205px !important}
#mainContent .topBorder{width:100%;height: 2px;background-color: #ffffff;position: absolute;top:0;z-index: 15;}
#mainContent .leftBorder{/*width: 1px;*/height: 100%;background-color: #ffffff;position: absolute;left:0;top:0;z-index: 15;}
#mainContent .rightBorder{width: 1px;height: 100%;background-color: #ffffff;position: absolute;right:0;top:0;z-index: 15;}

#topNewsComponent{position:relative;}
#topNewsComponent .articleComponent{position: relative;display:inline-block;}
#topNewsComponent .articleComponent:hover{cursor:pointer;}
.firstArticle{width: 100%;margin: 0;padding: 0;margin-bottom: -4px;overflow: hidden;}
/*.articleComponent .play{top:30px;z-index: 2;position:absolute;left:50%;margin-left:-41px;}*/
.feedArticles .play{width:69px;height:53px;position:relative;margin-left:20px;top:15px}
.firstArticle:hover .backImgLarge{
    -webkit-transform:scale(1.07);
    -ms-transform:scale(1.07);
    -moz-transform:scale(1.07);
    -o-transform:scale(1.07);
    transform:scale(1.07);
}
.firstArticle .backImgLarge{width: 100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.firstArticle:before{content: '';display: block;padding-top: 44.375%;}
.firstArticle .theme_firstArticle{display:none;}
.firstArticle .contentLarge {position: absolute;;width : 100%;height: 100%;top: 0;z-index: 2;}
.firstArticle .contentLarge img{position: absolute;top: 0; width : 100%;height: 100%;z-index: 3;}
.firstArticle .contentLarge .play{width:69px;height:53px;position:absolute;margin-left:5px;top:-15px;}
.firstArticle .contentLarge .textLarge{position:absolute;width: 75%;height: 90%;left:50%;margin-left:-37.5%;z-index:4;display:block;align-items: center;bottom:30px;}
.firstArticle .contentLarge .textLarge .containerHeadAll{margin: auto;width:100%;position:absolute;bottom:0px;}
.firstArticle .contentLarge .textLarge .headLogo{width:100%;height:28px;line-height: 28px;white-space: nowrap;display:block;text-align: center;position:relative;}
.firstArticle .contentLarge .textLarge .logo{font-family:bnpp_sanslight !important;font-size:18px !important;text-transform:uppercase;color:#ffffff;padding: 5px 20px;position:relative;}
.firstArticle .contentLarge .textLarge .logo h1{display:inline;font-family:bnpp_sanslight !important;font-size:18px !important;text-transform:uppercase;color:#ffffff;padding: 0px;margin:0;}
.firstArticle .contentLarge .textLarge .logo h2{display:inline;font-family:bnpp_sanslight !important;font-size:18px !important;text-transform:uppercase;color:#ffffff;padding: 0px;margin:0;}
.firstArticle .contentLarge .textLarge .authorHead{font-family:bnpp_sansbold !important;font-size:15px !important;text-transform:uppercase;color:#ffffff;text-shadow: 2px 2px 20px #000;}
.firstArticle .contentLarge .textLarge .dateHead{font-family:bnpp_sansbold !important;font-size:15px !important;text-transform:uppercase;color:#ffffff;text-shadow: 2px 2px 20px #000;}
.firstArticle .contentLarge .textLarge .titleContent{width: 90%;font-family: bnpp_sans_condensed !important;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 4%;text-align: center;text-shadow: 2px 2px 20px #000;}
.firstArticle .contentLarge .textLarge .titleContent h1{display:inline;width: 90%;font-family: bnpp_sans_condensed !important;font-size:70px !important;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 4%;text-align: center;text-shadow: 2px 2px 20px #000;}
.firstArticle .contentLarge .textLarge .titleContent h3{display:inline;width: 90%;font-family: bnpp_sans_condensed !important;font-size: 70px!important;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 4%;text-align: center;text-shadow: 2px 2px 20px #000;}
.firstArticle .contentLarge .textLarge .titleContent a{text-decoration: none;color: #ffffff;border-bottom:0px;}
.firstArticle .contentLarge .textLarge .abstractTitle{width: 90%; ;font-size: 20px !important;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: center;text-shadow: 2px 2px 20px #000;font-family:bnpp_sansregular;}
.firstArticle .contentLarge .textLarge .abstractTitle h4{display:inline;font-weight:normal;width: 90%; ;font-size: 20px !important;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: center;text-shadow: 2px 2px 20px #000;font-family:bnpp_sansregular;}
.firstArticle .contentLarge .textLarge .marginBull{margin-left: 7px;margin-right: 10px;}


.otherArticle{width: 50%;float:left;margin: 0;padding: 0;overflow:hidden;position:relative;}
.otherArticle.block3{width: 33.3%;}
.otherArticle.block4{width: 25%;}
#topNewsComponent.insights  .otherArticle{width: 25%;float:left;margin: 0;padding: 0;overflow:hidden;}
.otherArticle .backImgLittle{height: 100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
#topNewsComponent.threeBlocksInARow .otherArticle{width: 33.3333%;float:left;margin: 0;padding: 0;overflow:hidden;}
.otherArticle .backImgLittle{height: 100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.otherArticle:before{content: '';display: block;padding-top: 72.76%;}
/*.otherArticle .play{top:30px;z-index: 2;position:absolute;left:50%;margin-left:-30px;width:60px;}*/
.otherArticle .contentLittle {position: absolute;;width : 100%;height: 100%;top: 0;z-index: 2;}
.otherArticle:hover .backImgLittle{
    -webkit-transform:scale(1.07);
    -ms-transform:scale(1.07);
    -moz-transform:scale(1.07);
    -o-transform:scale(1.07);
    transform:scale(1.07);

}
.otherArticle .contentLittle img{position: absolute;top: 0; width : 100%;height: 100%;z-index: 3;}
.otherArticle .contentLittle .play{width:69px;height:53px;position:relative;margin-left:5px;top:-15px;}
.otherArticle .contentLittle .textLittle{position:absolute;width: 75%;height: 90%;bottom:20px;left:50%;margin-left:-37.5%;z-index:4;}
.otherArticle .contentLittle .textLittle .containerHeadAll{position: absolute;bottom: 0px;left: 0;/*background-color: orangered;*/}
.otherArticle .contentLittle .textLittle .headLogo{width:100%;height:28px;line-height: 28px;white-space: nowrap;/*background-color: #ff9e5e;*/display: block;text-align: left;}
.otherArticle .logo{font-size:15px;text-transform:uppercase;color:#ffffff;padding: 5px 20px;float: left;position:absolute;top:0px;z-index: 3;}
.otherArticle .logo h1{display:inline;font-family:bnpp_sanslight !important;font-size:18px;text-transform:uppercase;color:#ffffff;padding: 0 0px;margin:0;}
.otherArticle .logo h2{display:inline;font-family:bnpp_sanslight !important;font-size:18px;text-transform:uppercase;color:#ffffff;padding: 0 0px;margin:0;}
.otherArticle .contentLittle .textLittle .authorHead{font-family:bnpp_sansbold !important;font-size:15px;text-transform:uppercase;color:#ffffff;float: left;text-shadow: 2px 2px 20px #000;}
.otherArticle .contentLittle .textLittle .dateHead{font-family:bnpp_sansbold !important;font-size:15px;text-transform:uppercase;color:#ffffff;float: left;text-shadow: 2px 2px 20px #000;}
.mainContent_sw_viewTheme_4 #topNewsComponent .otherArticle .contentLittle .textLittle .dateHead{display:none;}
.mainContent_sw_viewTheme_34   .dateHead{display:none;}
.mainContent_sw_viewTheme_43   .dateHead{display:none;}
.mainContent_sw_viewTheme_35   .dateHead{display:none;}
.otherArticle .contentLittle .textLittle .titleContent{width: 100%;font-family: bnpp_sans_condensed !important;font-size: 52px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
.otherArticle .contentLittle .textLittle .titleContent h1{display:inline;width: 100%;font-family: bnpp_sans_condensed !important;font-size: 52px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
.otherArticle .contentLittle .textLittle .titleContent h3{display:inline;width: 100%;font-family: bnpp_sans_condensed !important;font-size: 52px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#topNewsComponent.insights  .otherArticle .titleContent{width: 100%;font-family: bnpp_sans_condensed !important;font-size: 32px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#topNewsComponent.insights  .otherArticle .titleContent h1{display:inline;width: 100%;font-family: bnpp_sans_condensed !important;font-size: 32px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#topNewsComponent.insights  .otherArticle .titleContent h3{display:inline;width: 100%;font-family: bnpp_sans_condensed !important;font-size: 32px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
.otherArticle .contentLittle .textLittle .titleContent a{text-decoration: none;color: #ffffff;border-bottom:0px;}
.otherArticle .contentLittle .textLittle .abstractTitle{width: 100%;font-family:bnpp_sansregular !important;font-size: 17px;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
.otherArticle .contentLittle .textLittle .abstractTitle h4{font-weight:normal;display:inline;width: 100%;font-family:bnpp_sansregular !important;font-size: 17px;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;}
#topNewsComponent.insights  .otherArticle .abstractTitle{display:none;}
.otherArticle .contentLittle .textLittle .marginBull{margin-left: 10px;margin-right: 10px;}

.otherArticle_56 .themes_56, .otherArticle_56 .titleContent, .otherArticle_56 .gradientLittle, .otherArticle_56 .share{display:none !important;}

/*.videoComponent .gradientLittle {background-color: rgba(0, 0, 0, 0.5);}*/
//.videoComponent .play{z-index:3;}


#menuBottomFlux{width:100%;height:85px;line-height: 84px;white-space: nowrap;display: block;text-align: center;background-color: #373938;
    border-top:1px solid #000;border-bottom: 1px solid #000;
}
#containerTheme{width:70%;background-color: #ffffff;float: left;}
#arrow{width:0;border:15px solid transparent;border-left:15px solid #ffffff;float: left;margin-top: 30px;}

#menuBottomFlux .logo{font-family:bnpp_sansbold !important;width:83px;height:23px;font-size:17px;text-transform:uppercase;color:#ffffff;padding: 0 40px;padding-top:5px;padding-bottom:5px;border-radius:25px;margin-right:2%;}
#menuBottomFlux .themes_4{font-size:19px;padding-top:10px;padding-bottom:10px;}
.DivBackGroundInfo {padding-right:20px;border-right:1px solid #ccc;}
.big, .bigTitle{font-family:bnpp_sansregular !important;font-size:20px;}


a.tooltip .tooltip {z-index:10;display:none; padding:0px 0px;margin-top:75px; margin-left:-136px;width:30%;line-height: 25px;font-family: bnpp_sanslight;font-size: 18px;color: #1c517e;text-align: left;font-weight: 500;}
a.tooltip:hover .tooltipThink{display:inline;position:absolute;border-radius: 10px;z-index: 9999;border:5px solid #25A7DD;background: #edf1f4;}
a.tooltip:hover .tooltipAdapt{display:inline;position:absolute;border-radius: 10px;z-index: 9999;border:5px solid #e3514B;background: #edf1f4;}
a.tooltip:hover .tooltipSustain{display:inline;position:absolute;border-radius: 10px;z-index: 9999;border:5px solid #28BB69;background: #edf1f4;}
.whitheContainer{border-radius: 10px;width: 92%;margin: 2% auto;padding: 17px 12px;background: #ffffff; /* For browsers that do not support gradients */background: linear-gradient(#ffffff , #edf1f4);white-space: normal;}
.callout {z-index:20;position:absolute;border:0;top:-15px;left:40px;width:25px;height:15px;display:block;}
.blueCallOut{background-position:-313px -3px;}
.greenCallOut{background-position:-338px -3px;}
.redCallOut{background-position:-363px -3px;}
/*CSS3 extras*/
a.tooltip .tooltip{border-radius:2px;box-shadow: 0px 0px 8px 2px #666;/*opacity: 0.8;*/}
#lastNewsOurVision{width: 100%;position: relative;display:inline-block;margin: 0;padding: 0;margin-bottom: -4px;overflow: hidden;}
#lastNewsOurVision:hover{cursor:pointer;}
#lastNewsOurVision .theme_lastArticle{display:none;position:absolute !important;}
#lastNewsOurVision .backImgLarge{height: 100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;}
#lastNewsOurVision:hover .backImgLarge{
    -webkit-transform:scale(1.07);
    -ms-transform:scale(1.07);
    -moz-transform:scale(1.07);
    -o-transform:scale(1.07);
    transform:scale(1.07);

}
#lastNewsOurVision:before{content: '';display: block;padding-top: 44.375%;}
#lastNewsOurVision .contentLarge {position: absolute;width : 100%;height: 100%;top: 0;z-index: 2;}
#lastNewsOurVision .contentLarge img{position: absolute;top: 0; width : 100%;height: 100%;z-index: 3;}
#lastNewsOurVision .contentLarge .headLogo .play{width:69px;height:53px;position:absolute;margin-left:5px;top:-15px;}
#lastNewsOurVision .contentLarge .textLarge{position:relative;/*background-color: #9DF39F;*/width: 75%;height: 90%;margin-top:3%;margin-left: auto;margin-right: auto;z-index:4;}
#lastNewsOurVision .contentLarge .textLarge .containerHeadAll{position: absolute;bottom: 15px;left: 0;width:100%;}
#lastNewsOurVision .contentLarge .textLarge .headLogo{width:100%;height:28px;line-height: 28px;white-space: nowrap;display:block;/*background-color: #ff9e5e;*/text-align: center;position:relative;}

#lastNewsOurVision .logo{font-family:bnpp_sanslight !important;font-size:18px;text-transform:uppercase;color:#ffffff;padding: 5px 20px;position:relative;top:0px;z-index: 3;margin-right:10px;}
#lastNewsOurVision .logo h1{display:inline;font-family:bnpp_sanslight !important;font-size:18px;text-transform:uppercase;color:#ffffff;padding: 0 0px;margin:0;}
#lastNewsOurVision .logo h2{display:inline;font-family:bnpp_sanslight !important;font-size:18px;text-transform:uppercase;color:#ffffff;padding: 0 0px;margin:0;}
#lastNewsOurVision .contentLarge .textLarge .authorHead{font-family:bnpp_sansbold;font-size:15px;text-transform:uppercase;color:#ffffff;text-shadow: 2px 2px 20px #000;}
#lastNewsOurVision .contentLarge .textLarge .dateHead{font-family:bnpp_sansbold;font-size:15px;text-transform:uppercase;color:#ffffff;text-shadow: 2px 2px 20px #000;}
#lastNewsOurVision .contentLarge .textLarge .titleContent{width: 90%;/*background-color: #2A975D;*/font-family: bnpp_sans_condensed;font-size: 5vw/*45px*/;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 4%;text-align: center;text-shadow: 2px 2px 20px #000;}
#lastNewsOurVision .contentLarge .textLarge .titleContent h1{display:inline;width: 90%;/*background-color: #2A975D;*/font-family: bnpp_sans_condensed;font-size: 5vw/*45px*/;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 4%;text-align: center;text-shadow: 2px 2px 20px #000;}
#lastNewsOurVision .contentLarge .textLarge .titleContent h3{display:inline;width: 90%;/*background-color: #2A975D;*/font-family: bnpp_sans_condensed;font-size: 5vw/*45px*/;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 4%;text-align: center;text-shadow: 2px 2px 20px #000;}
#lastNewsOurVision .contentLarge .textLarge .titleContent a{text-decoration: none;color: #ffffff;}
#lastNewsOurVision .contentLarge .textLarge .abstractTitle{width: 90%;font-family:bnpp_sansregular;font-size: 20px;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: center;text-shadow: 2px 2px 20px #000;}
#lastNewsOurVision .contentLarge .textLarge .abstractTitle h4{display:inline;font-weight:normal;width: 90%;font-family:bnpp_sansregular;font-size: 20px;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: center;text-shadow: 2px 2px 20px #000;}
#lastNewsOurVision .contentLarge .textLarge .marginBull{margin-left: 7px;margin-right: 10px;}
#lastNewsOurVision .containerButton{width: 100%;position: relative;margin-top: 20px;display: inline-block;}
#lastNewsOurVision .centralButton{margin-left: auto;margin-right:auto;text-align:center;background-color: #ffffff;height:30px;position: relative;width: 120px;line-height:30px;font-family: bnpp_sansbold;text-transform: uppercase;font-size: 12px;color:#00975c;}
#lastNewsOurVision .centralButton a{text-decoration: none;color:#00975c;}
#lastNewsOurVision .centralButton:hover{background-color: #00975c;}
#lastNewsOurVision .centralButton:hover a{color:#fff;}
@media screen and (max-width:775px) {
    #menuBottomFlux .themes_4{font-size:17px;}
    #containerTheme{width:65%;}
    #menuBottomFlux .logo{font-size:15px;}
}

@media screen and (max-width:1280px) {
    .firstArticle .contentLarge .textLarge .titleContent h1{font-size:60px !important;}
    .firstArticle .contentLarge .textLarge .titleContent h3{font-size:60px !important;}
}
@media screen and (max-width:1074px) {
    .DivBackGroundInfo {padding-right:20px;border-right:0px solid #ccc;border-bottom:1px solid #ccc;}
    .firstArticle .contentLarge .textLarge .titleContent h1{font-size:50px !important;}
    .firstArticle .contentLarge .textLarge .titleContent h3{font-size:50px !important;}
}
.articleComponent .buttonPlay, #inDepthComponent .buttonPlay, #articleTop .buttonPlay, #lastNewsOurVision .buttonPlay{width:80px !important;height:80px !important;position:absolute;top:20%!important ;left:50% !important;margin-left:-50px;z-index:19;}

.mainContent_viewSearch .articleComponent .buttonPlay{width:70px !important;height:70px !important;position:absolute;top:50%!important ;left:50% !important;margin-left:-35px;margin-top:-35px;z-index:19;}

#articleTop .buttonPlay{display:none;}
@media screen and (max-width:1400px) {
    .articleComponent .buttonPlay, #inDepthComponent .buttonPlay, #articleTop .buttonPlay, #lastNewsOurVision .buttonPlay{width:75px !important;height:75px !important;top:15%!important ;margin-left:-35px;z-index:19;}
}
@media screen and (max-width:1280px) {
    .firstArticle .buttonPlay{top:10%!important}

}
@media screen and (max-width:950px) {
    .articleComponent .playWith2linesTitle{top:15% !important;}
}
@media screen and (max-width:860px) {
    .articleComponent .buttonPlay, #inDepthComponent .buttonPlay, #articleTop .buttonPlay, #lastNewsOurVision .buttonPlay{width:75px !important;height:75px !important;top:15%!important ;margin-left:-25px;z-index:19;}
    .firstArticle .buttonPlay{top:15%!important}
    .articleComponent .playWith2linesTitle{top:15% !important;}
}
@media screen and (max-width:650px) {
    .firstArticle .buttonPlay,.articleComponent .buttonPlay, #inDepthComponent .buttonPlay, #articleTop .buttonPlay, #lastNewsOurVision .buttonPlay{top:25%!important}
}

@media screen and (max-width:550px) {
    .firstArticle .buttonPlay,.articleComponent .buttonPlay, #inDepthComponent .buttonPlay, #articleTop .buttonPlay, #lastNewsOurVision .buttonPlay{top:15%!important}
}

@media screen and (max-width:500px) {
    .firstArticle .buttonPlay,.articleComponent .buttonPlay, #inDepthComponent .buttonPlay, #articleTop .buttonPlay, #lastNewsOurVision .buttonPlay{top:35%!important}
}

#feedHistory_1{width: 100%;max-width: 1450px;background-color: #333333;position: relative;margin-left: auto;margin-right: auto;display: table;padding-bottom: 25px;z-index:2}
#feedHistory_1 .containerFeed_1{margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 35px;}
#feedHistory_1 .centralBarContainer{width: 0px;text-align: center;margin: 0 auto;display: block;}
#feedHistory_1 .centralBar{margin-left:-1px;left:50%;background-color: #ffffff;display: block;float: left;height: 100%;position: absolute;width: 1px;}
#feedHistory_1 .articleComponent {display: inline-block;position: relative;overflow: hidden;}
#feedHistory_1 .articleComponent .backImg_16_9,#feedHistory_1 .articleComponent .backImg_4_3{
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#feedHistory_1 .articleComponent:hover{cursor:pointer;}

#feedHistory_1 .articleComponent_16_9 .contentLittle {position: absolute;;width : 100%;height: 100%;top: 0;z-index: 2;}
#feedHistory_1 .articleComponent_16_9 .contentLittle img{position: absolute;top: 0; width : 100%;height: 100%;z-index: 3;}
#feedHistory_1 .articleComponent_16_9 .contentLittle .play{width:69px;height:53px;position:relative;margin-left:5px;top:-15px;}
#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle{position:relative;/*background-color: #9DF39F;*/width: 92%;height: 90%;margin-top:3%;margin-left: auto;margin-right: auto;z-index:4;}
#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .containerHeadAll{position: absolute;bottom: 0;left: 0;/*background-color: orangered;*/}
#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .headLogo{width:100%;height:28px;line-height: 28px;white-space: nowrap;/*background-color: #ff9e5e;*/display: block;text-align: left;}


.articleComponent .logo{font-size:15px;text-transform:uppercase;color:#ffffff;padding: 5px 20px;position:absolute;top:0px;z-index: 3;}
.mainContent_viewSearch .articleComponent .logo, .mainContent_sw_viewFullSearch .articleComponent .logo{position:relative;}

.articleComponent .logo h1{display:inline;font-family:bnpp_sanslight !important;font-size:15px;text-transform:uppercase;color:#ffffff;padding: 0 0px;margin:0;}
.articleComponent .logo h2{display:inline;font-family:bnpp_sanslight !important;font-size:15px;text-transform:uppercase;color:#ffffff;padding: 0 0px;margin:0;}


#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent{width: 100%;font-family: bnpp_sans_condensed !important;font-size: 42px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent h1{display:inline;width: 100%;font-family: bnpp_sans_condensed !important;font-size: 42px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent h3{display:inline;width: 100%;font-family: bnpp_sans_condensed !important;font-size: 42px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent a{text-decoration: none;color: #ffffff;border-bottom:0px;}
#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .abstractTitle{display: none;}
#feedHistory_1 .articleComponent_16_9:before{content: '';display: block;padding-top: 52.72%;}
#feedHistory_1 .articleComponent_16_9 {/*height: 300px;*/width: 42.70833%;/*background-color: green;*/margin-bottom: 10px;}
#feedHistory_1 .articleComponent_16_9 .backImg_16_9{height:100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;}
#feedHistory_1 .articleComponent_16_9:hover .backImg_16_9{
    filter: brightness(50%);
    -moz-filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -ms-filter: brightness(50%);
    -o-filter: brightness(50%);

}
#feedHistory_1 .articleComponent_16_9:hover .buttonPlay{display:none;}
#feedHistory_1 .articleComponent_4_3 .contentLittle {position: absolute;;width : 100%;height: 100%;top: 0;z-index: 2;}
#feedHistory_1 .articleComponent_4_3 .contentLittle img{position: absolute;top: 0; width : 100%;height: 100%;z-index: 3;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .play{width:69px;height:53px;position:relative;margin-left:5px;top:-15px;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle{position:relative;/*background-color: #9DF39F;*/width: 92%;height: 90%;margin-top:3%;margin-left: auto;margin-right: auto;z-index:4;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .containerHeadAll{position: absolute;bottom: 0;left: 0;/*background-color: orangered;*/}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .headLogo{width:100%;height:28px;line-height: 28px;white-space: nowrap;/*background-color: #ff9e5e;*/display: block;text-align: left;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent{width: 100%;font-family: bnpp_sans_condensed!important;font-size: 42px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent h1{display:inline;width: 100%;font-family: bnpp_sans_condensed!important;font-size: 42px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent h3{display:inline;width: 100%;font-family: bnpp_sans_condensed!important;font-size: 42px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent a{text-decoration: none;color: #ffffff;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .abstractTitle{display: none}
#feedHistory_1 .articleComponent_4_3:before{content: '';display: block;padding-top: 82.1%;}
#feedHistory_1 .articleComponent_4_3 {/*height: 300px;*/width: 30.20833%;/*background-color: orangered;*/margin-bottom: 10px;}
#feedHistory_1 .articleComponent_4_3 .backImg_4_3{height:100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;}
#feedHistory_1 .articleComponent_4_3:hover .backImg_4_3{
    filter: brightness(50%);
    -moz-filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -ms-filter: brightness(50%);
    -o-filter: brightness(50%);

}
#feedHistory_1 .articleComponent_4_3:hover .buttonPlay{display:none;}
#feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle{width: 100%;font-size: 17px !important;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;font-family:bnpp_sansregular;display: block;}
#feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle h4{display:inline;font-weight:normal;width: 100%;font-size: 17px !important;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;font-family:bnpp_sansregular;}
#feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .headLogo{display: none;}
#feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle{font-weight:normal;width: 100%;font-size: 17px !important;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;font-family:bnpp_sansregular;display: block;}
#feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle h4{display:inline;font-weight:normal;width: 100%;font-size: 17px !important;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;font-family:bnpp_sansregular;}
#feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .headLogo{display: none;}




#feedHistory_1 .margeLeftFirst_16_9{float:left;margin-left: 6.16667%;margin-top: 60px;}
#feedHistory_1 .margeLeft_16_9{float:left;margin-left: 6.16667%;margin-top: 70px;}
#feedHistory_1 .margeRightFirst_4_3{float:right;margin-right: 18.7%;margin-top: 125px;}
#feedHistory_1 .margeRight_4_3{float:right;margin-right: 18.7%;margin-top: 70px;}
#feedHistory_1 .margeRight_16_9{float: right;margin-right: 6.23%;margin-left: 0;margin-top: 70px;}
#feedHistory_1 .margeLeft_4_3{float:left;margin-left: 18.71%;margin-right: 0;margin-top: 70px;}
#feedHistory_1 .containerBloc{border-bottom: 1px solid #ffffff;/*background-color: rgba(193, 30, 18, 1);*/padding: 5px;}
#feedHistory_1 .margeRightFirst_16_9{float:right;margin-right: 6.16667%;margin-top: 125px;}

#feedHistory_1 .borderLeftFirst {display: none;}
#feedHistory_1 .borderLeft {width:20%;border-bottom:1px solid #ffffff;display: block;float: left;margin-left: -18.9%;}
#feedHistory_1 .borderRightFirst {display: none;}
#feedHistory_1 .borderRight {width:20%;border-bottom:1px solid #ffffff;display: block;float: right;margin-right: -19%;}
#feedHistory_1 .borderRightNotPair_16_9 {width:20%;border-bottom:1px solid #ffffff;display: block;float: right;margin-right: -19%;margin-top: 65px;}
#feedHistory_1 .borderRightNotPair_4_3 {width:20%;border-bottom:1px solid #ffffff;display: block;float: right;margin-right: -19%;margin-top: 99px;}


#feedHistory_1 .articleComponentPlayableVideo:before{padding-top: 56.25%;}
#feedHistory_1 .articleComponentPlayableVideo:hover .buttonPlay{display:block;z-index:19;}
#feedHistory_1 .articleComponentPlayableVideo .videoContainer{display:none;position:absolute;top:0px;width:100%;height:100%;left:0px;z-index:20;}
#feedHistory_1 .articleComponentPlayableVideo .videoContainer p{margin:0px;padding:0px;}
#feedHistory_1 .articleComponentPlayableVideo .videoContainer video, #feedHistory_1 .articleComponentPlayableVideo .videoContainer iframe {width:100%;height:100%;position:relative;z-index:15;}
#feedHistory_1 .articleComponentPlayableVideo:hover .socialButton{display:block;}
#feedHistory_1 .articleComponentPlayableVideoPlaying .socialButton{display:none !important;}
#feedHistory_1 .articleComponentPlayableVideo .buttonPlay{width:75px !important;height:75px !important;position:absolute;top:30% !important;left:50%;margin-left:-35px;z-index:19;}
#feedHistory_1 .articleComponentPlayableVideo .socialButton{width:44px !important;height:44px !important;position:absolute;top:10px !important;display:none;right:10px;z-index:15;}
#feedHistory_1 .articleComponentPlayableVideo .buttonLinkedin{top:64px !important;z-index:15;}
#feedHistory_1 .articleComponentPlayableVideo:hover .play{display:none;}




#topNewsComponent .articleComponent.firstArticle .containerHeadAll .share,#topNewsComponent .articleComponent.otherArticle .containerHeadAll .share, #lastNewsOurVision .contentLarge .containerHeadAll .share{display: none;}
#topNewsComponent .articleComponent.firstArticle:hover .buttonPlay, #lastNewsOurVision .contentLarge:hover .buttonPlay{display:none;}
.contentLittle .textLittle .containerHeadAll .share,.contentLarge .textLarge .containerHeadAll .share, #lastNewsOurVision .contentLarge .containerHeadAll .share{margin-top: 15px;position: relative;}
.contentLarge .textLarge .containerHeadAll .share, {text-align: center;position: relative;}
.contentLarge .textLarge .containerHeadAll .share .pictoContainer,.contentLittle .textLittle .containerHeadAll .share .pictoContainer{display: inline-block;position: inherit;top:-1.5px;}
.contentLittle .textLittle .containerHeadAll .share .shareText,.contentLarge .textLarge .containerHeadAll .share .shareText{font-size: 15px!important;display: inline;}
.contentLittle .textLittle .containerHeadAll .share .nbShares,.contentLarge .textLarge .containerHeadAll .share .nbShares{font-size: 16px!important;display: inline;}
.contentLittle .textLittle .containerHeadAll .share .twitter,.contentLarge .textLarge .containerHeadAll .share .twitter{}
.contentLittle .textLittle .containerHeadAll .share .twitter:before,.contentLarge .textLarge .containerHeadAll .share .twitter:before{content: "\f099"}
.contentLittle .textLittle .containerHeadAll .share .linkedin,.contentLarge .textLarge .containerHeadAll .share .linkedin{}
.contentLittle .textLittle .containerHeadAll .share .linkedin:before,.contentLarge .textLarge .containerHeadAll .share .linkedin:before{content: "\f0e1"}
.contentLittle .textLittle .containerHeadAll .share .misc,.contentLarge .textLarge .containerHeadAll .share .misc{display:inline-block;width: 19px;height: 19px;margin-right: 10px;background: none;font-family: FontAwesome;color: #d7dadf;font-size: 18px;border-bottom:0px;}
.contentLittle .textLittle .containerHeadAll .share .misc:hover,.contentLarge .textLarge .containerHeadAll .share .misc:hover{color: #00965e;}


#topNewsComponent .articleComponent.firstArticle:hover .containerHeadAll .share,#topNewsComponent .articleComponent.otherArticle:hover .containerHeadAll .share{display: block;}


#inDepthComponent{width: 100%;
    /*background:url(/partners/cib/statics/img/trame.png) repeat ;*/
    background:#fff;
    display: inline-block;overflow: hidden;margin-top: 0;
    position:relative;
}
.mainContent_sw_viewBlog #inDepthComponent{margin-bottom: -9px;
    position:relative;
}


#inDepthComponent .littleImage{height:100%;width:100%;overflow:hidden;position:absolute;top:0px;}
#inDepthComponent .largeImage{height:100%;width:100%;overflow:hidden;position:absolute;top:0px;}

#inDepthComponent .topBorder{width:100%;height: 2px;background-color: #ffffff;top:0;z-index: 15;}
#inDepthComponent .leftBorder/*:nth-child(even)*/{/*width: 1px;*/height: 100%;background-color: #ffffff;left:0;top:0;z-index: 15;}
#inDepthComponent .rightBorder/*:nth-child(even)*/{width: 1px;height: 100%;background-color: #ffffff;right:0;top:0;z-index: 15;}
#inDepthComponent #containerInDepth{width: 100%;min-height: 150px;/*background-color: #3f67af;*/margin-top: 20px;margin-bottom: 18px;display: inline-block;}
#inDepthComponent #containerInDepth{width: 100%;min-height: 150px;/*background-color: #3f67af;*/margin-top: 0;margin-bottom: -2px;display: inline-block;}
.siteWrapper_sw_viewBlog #containerInDepth{margin-bottom: 0px !important;}
#inDepthComponent  .firstArticle:hover{cursor:pointer;}
#inDepthComponent  .otherArticle:hover{cursor:pointer;}
#inDepthComponent #containerInDepth .firstArticle{/*background-color: orangered;*/width: 50%;float: left;position: relative;z-index: 1;display: inline-block}
#inDepthComponent #containerInDepth .firstArticle img{height:100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;}
#inDepthComponent #containerInDepth .firstArticle:hover img{
    filter: brightness(50%);
    -moz-filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -ms-filter: brightness(50%);
    -o-filter: brightness(50%);

}
#inDepthComponent #containerInDepth .firstArticle .play{width:69px;height:53px;position:relative;margin-left:5px;top:-15px;}
#inDepthComponent #containerInDepth .firstArticle .contentLittle  .play{width:69px;height:53px;position:relative;margin-left:5px;top:-15px;}
#inDepthComponent #containerInDepth  .logo{font-family:bnpp_sanslight !important;text-transform:uppercase;color:#ffffff;padding: 5px 20px;position:absolute;top:0px;z-index: 3;}
#inDepthComponent #containerInDepth  .logo h1{display:inline;font-family:bnpp_sanslight !important;font-size:15px;text-transform:uppercase;color:#ffffff;padding: 0 0px;margin:0;}
#inDepthComponent #containerInDepth  .logo h2{display:inline;font-family:bnpp_sanslight !important;font-size:15px;text-transform:uppercase;color:#ffffff;padding: 0 0px;margin:0;b}

#inDepthComponent #containerInDepth .firstArticle:before{content: '';display: block;padding-top: 100%;}
#inDepthComponent #containerInDepth .otherArticle{/*background-color: green;*/width: 25%;float: left;position: relative;z-index: 1;display: inline-block}
#inDepthComponent #containerInDepth.containerInDepth_3 .otherArticle{width: 33.33333%;}
#inDepthComponent #containerInDepth .otherArticle img{height:100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden!important;}

#inDepthComponent #containerInDepth .otherArticle:before{content: '';display: block;padding-top: 100%;}

#inDepthComponent #containerInDepth .otherArticle .contentLittle,#inDepthComponent #containerInDepth .firstArticle .contentLittle {position: absolute;;width : 100%;height: 100%;top: 0;z-index: 2;}

#inDepthComponent #containerInDepth .otherArticle .contentLittle img,#inDepthComponent #containerInDepth .firstArticle .contentLittle img{position: absolute;top: 0; width : 100%;height: 100%;z-index: 3;}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .play{width:69px;height:53px;position:relative;margin-left:5px;top:-15px;}
#inDepthComponent #containerInDepth .otherArticle  img{-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;}
#inDepthComponent #containerInDepth .otherArticle:hover a img{
    filter: brightness(50%);
    -moz-filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -ms-filter: brightness(50%);
    -o-filter: brightness(50%);

}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle{position:absolute;/*background-color: #9DF39F;*/width: 92%;height: 90%;left:50%;margin-left:-46%;z-index:4;bottom:10px;}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .containerHeadAll,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .containerHeadAll{position: absolute;bottom: 0;left: 0;/*background-color: orangered;*/}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .headLogo,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .headLogo{width:100%;height:28px;line-height: 28px;white-space: nowrap;/*background-color: #ff9e5e;*/display: block;text-align: left;}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo{font-family:bnpp_sanslight;font-size:15px;text-transform:uppercase;color:#ffffff;padding: 0 20px;}
#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo{font-family:bnpp_sanslight !important;font-size:18px !important;}
#inDepthComponent #containerInDepth .otherArticle  .logo h1,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo h1{display:inline;margin:0;font-size:15px;}
#inDepthComponent #containerInDepth .otherArticle  .logo h2,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo h2{display:inline;margin:0;font-size:15px;}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent{width: 100%;font-family: bnpp_sans_condensed;font-size: 35px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent h1,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h1{display:inline;width: 100%;font-family: bnpp_sans_condensed;font-size: 42px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent h3,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h3{display:inline;width: 100%;font-family: bnpp_sans_condensed;font-size: 42px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent{font-size:52px;}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent a,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent a{text-decoration: none;color: #ffffff;}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .abstractTitle,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .abstractTitle{display: none;}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .abstractTitle h4,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .abstractTitle h4 {display: none;}
#inDepthComponent #containerInDepth .firstArticle:hover .contentLittle .textLittle .abstractTitle h4{display:block;font-weight:normal;font-family:bnpp_sansregular !important;text-decoration: none;text-transform: none !important;}
#inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .abstractTitle,#inDepthComponent #containerInDepth .firstArticle:hover .contentLittle .textLittle .abstractTitle{width: 100%;font-size: 17px !important;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;font-family:bnpp_sansregular;display: block;}
#inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .headLogo,#inDepthComponent #containerInDepth .firstArticle:hover .contentLittle .textLittle .headLogo{display: none;}
#inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .long{display: block;}
#inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .small{display: none;}




.mainContent_sw_viewTheme_34 .spacerToFooter,.mainContent_sw_viewTheme_35 .spacerToFooter,.mainContent_sw_viewTheme_43 .spacerToFooter{margin-bottom: 50px}
#footer{width: 100%;background-color: #ffffff;height: 61px;clear:both;padding:0px 6.25%;box-sizing: border-box;}
#footer .logoFooter{padding-top: 10px;float: left;}
#footer .linkFooter{float: right;color: #333333;font-family:bnpp_sansregular;font-size: 13px;margin-right: 2%;padding-top:5px;}
#footer .linkFooter .about{line-height: 50px;color:#000 !important;}
#footer .linkFooter a{color:#000 !important;}
#footer .linkFooter .terms{line-height: 50px;color:#000 !important;}
#footer .linkFooter .sitemaps{line-height: 50px;color:#000 !important;}
#footer .containerSocialNetwork .tweeterIcon{float: right;margin-right: 10px;width:24px;height:24px;background-position:-85px -100px;margin-top:9px;}
#footer .containerSocialNetwork .tweeterIcon:hover{background-position:-85px -124px}
#footer .containerSocialNetwork .linkedinIcon{float: right;margin-right: 0px;width:24px;height:24px;background-position:-140px -100px;margin-top:9px;}
#footer .containerSocialNetwork .linkedinIcon:hover{background-position:-140px -123px}
#footer #logoFooterLink{display:block;width:363px;height:38px;float:left;}



.icon-arrow_up:before {content: "\f062";}
.icon-arrow_up{font-family: FontAwesome;font-size: 14px;}
.back-top {display: inline-block;width: 30px;height: 30px;border-radius: 50%;background-color: #212121;position: absolute;right: 15px;top: -30px;z-index: 9000;cursor: pointer;}
.back-top i {position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;text-align: center;color: #fff;    font-size: 14px;font-style: normal;}
.footer-links {background: #212121;padding-top: 20px;padding-bottom: 15px;border-bottom: 4px solid #00965e;width: 100%;position: relative;z-index: 1500;}
.footer-links .container {padding-right: 6.25%;padding-left: 6.25%;margin-right: auto;margin-left: auto;position: relative;}
.footer-links .container .row{position: relative;}
.footer-links .container .footer-bourse{position: relative;min-height: 1px;padding-right: 15px;padding-left: 5px;width: 32%;float: left;margin-top: 2.5%;margin-right: 10%;}
.footer-links .container .footer-bourse p{font-family: bnpp_sansregular;font-size: 17px;color: #cecece;    margin-bottom: 30px;line-height: 20px;margin-top: 9px;}
.footer-links .footer-bourse .bourse-info>a>p {color: #fff;margin: 0;font-size: 11px;text-transform: uppercase;padding: 0;border: 0;line-height: 20px;margin-bottom: 10px;}
.footer-links .footer-bourse .cours {color: #5dc66a;font-size: 48px;font-weight: bold;}
.footer-links .footer-bourse .percent {font-weight: normal;font-size: 18px;position: relative;margin-left: 10px;color: #fff;}
.footer-links .footer-bourse .date {display: block;font-size: 11px;text-transform: uppercase;position: relative;margin-top: 5px;color: #fff;}


.footer-links .container .links{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width: 15.66666667%;float: left;}
.footer-links p.title {color: #5dc66a;font-size: 12px;line-height: 16px;text-transform: uppercase;margin: 10px 0;padding: 8px 21px;font-weight: normal;font-family: bnpp_sansregular;}
.footer-links ul {list-style: none;padding-left: 22px;margin-bottom: 10px;}
.footer-links ul li, .footer-links .footer-social ul li{list-style: none;    margin-bottom: 6px;font-size: 12px;font-family: bnpp_sansregular;}
.footer-links ul li a, .footer-links .footer-social ul li a span {color: #fff;border-bottom: 1px solid transparent;transition: border .3s ease;-webkit-transition: border .3s ease;}
.footer-links ul li a:hover, .footer-links .footer-social ul li a:hover span {border-color: #fff;}
.footer-links .footer-social li i {opacity: 1;display: inline-block;position: relative;margin-right: 5px;width: 15px;}
.fa {display: inline-block;font-family:FontAwesome;font-size: 14px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-style: normal;}
.fa-periscope-p {background: url("/partners/cib/statics/img/periscope.png") no-repeat;width: 14px;height: 14px;background-size: contain;margin-left: -1px;}
.fa-facebook-f:before, .fa-facebook:before {content: "\f09a";}
.fa-facebook-f:before, .fa-facebook:before {content: "\f09a";}
.fa-rss{font-family: FontAwesome;font-size: 13px; color: #fff;position: relative;}
.fa-rss:before {content: "\f09e";}
/*.footer-links .row {margin-right: -15px;margin-left: -15px;}
.footer-links .back-top {display: none;width: 40px;height: 40px;border-radius: 50%;background-color: #212121;position: absolute;right: 15px;top: -30px;}*/

.container:after, .container:before,.row:after, .row:before {display:table;content: " ";}
.container:after,.row:after {clear: both;}





.feedBackForm{background-color: #333333;padding: 15px 6.25% 20px;}
.feedBackForm h3{color: #FFFFFF;font-family: bnpp_sanslight;}
.feedBackForm #feedback-form{display: inline-block;width: 100%;overflow: hidden;}
.feedBackForm #div_feedback{display: inline-block;width: 100%;}
.feedBackForm #feedback-wrapper li{list-style: none;}
.feedBackForm #feedback-wrapper li #feedbackFormHref{color: #FFFFFF;font-family: bnpp_sansregular;font-size: 15px;cursor: pointer;}
.feedBackForm #feedback-wrapper li .fa-angle-right{display: inline-block;color:#FFFFFF;font: normal normal normal 18px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 10px;}
.feedBackForm #feedback-wrapper li .fa-angle-right:before {content: "\f105";}
.feedBackForm #feedback-wrapper li a:hover{text-decoration: underline;}
.feedBackForm .control-group{width: 72%;float: left;}
.feedBackForm .hidden-absolute{display: none;}
.feedBackForm textarea{width: 100%;resize: none;min-height: 149px;    border: 1px solid rgba(132, 132, 132, 0.79);color: #848484;    font-family: bnpp_sanslight;padding: 5px;font-size: 16px;}
.feedBackForm .validMsgSent{width: 100%;resize: none;min-height: 149px;color: #FFFFFF;font-family: bnpp_sansregular;font-size: 16px;}
.feedBackForm p{float: left;margin-left: 25px;}
.feedBackForm .captchaMsg{color: #FFFFFF;font-family: bnpp_sanslight;font-size: 16px;margin-left: 25px;}

.feedBackForm .g-recaptcha{float: left;margin-left: 25px;margin-top: 10px}
.validPicto{display: block;margin-left:25px;color: #007a43;font-size: 35px;font-family: FontAwesome;opacity: 0;font-style: normal;float: left;}
.validPicto:before{content: "\f00c";}

#div_feedback  .btn-large {padding: 11px 19px!important;font-size: 17.5px!important;float: left;border-radius:0!important;-webkit-border-radius:0!important; }
#div_feedback .btn {width:115px;background: #007a43!important;padding: 8px 20px!important;display: inline-block!important;margin-bottom: 0!important;font-size: 14px!important;line-height: 20px!important;color: #FFFFFF!important;text-align: center!important;vertical-align: middle!important;cursor: pointer!important;border: none!important;}
#div_feedback  .btn:hover{background: #FFFFFF!important;color:#007a43!important;}


.mainContent_sw_viewBlog .feedBackForm{background-color: #f3f1f2;padding: 15px 0 20px;    width: 895px;/*margin-left: -450px;left: 50%;*/margin: 0 auto;}
.mainContent_sw_viewBlog .feedBackForm h3{color: #000000;}
.mainContent_sw_viewBlog .feedBackForm #feedback-wrapper li #feedbackFormHref{color: #000000;}
.mainContent_sw_viewBlog .feedBackForm #feedback-wrapper li .fa-angle-right{color:#000000;}
.mainContent_sw_viewBlog .feedBackForm .control-group{width: 62%;float: left;}
.mainContent_sw_viewBlog .feedBackForm .captchaMsg{color: #000000;}
.mainContent_sw_viewBlog .feedBackForm .validMsgSent{color: #000000;}


@media screen and (max-width:450px) {
    #footer #logoFooterLink,#footer #logoFooterLink img{width:100%;}
    #footer #footerSiteMap{display:none;}
}

/*////////////////////////////////////////////////////////////////////////////////////////fIN Main CONTENT//////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////Main CONTENT article//////////////////////////////////////////////////////////////////////////*/

.mainContent_sw_viewBlog{background-color: #f3f1f2!important;margin-top: -4px!important;  padding-top:30px;}
.mainContent_sw_viewBlog #head_contribution{display: none;}
.mainContent_sw_viewBlog #header_author_up{display: none;}

#ScrollTopButton{position:fixed;left:2%;width:45px;height:45px;bottom:355px;z-index:599;overflow:hidden;cursor: pointer;display: none;}
.siteWrapper_noDressing #ScrollTopButton{display:none !important;}
#ScrollTopButton  #imgButtonScrollTop{display:block !important;width:44px;height:44px;background-image:url("/partners/cib/statics/img/arrowTop.png") !important;background-position: 0px 0px}
#ScrollTopButton  #imgButtonScrollTop:hover{background-position: 44px 0px;}
#recommendations #articleActionTwitter #twitterButtonAlternative {background-image:url("/partners/cib/statics/img/tweeter-share.jpg") !important;background-repeat:no-repeat !important;}
#recommendations .noshares{background: url('/partners/cib/statics/img/countBox.png') no-repeat 0px -30px !important;padding-top:0px !important;}
#recommendations .noshares .nbPartage{display:none;}
.siteWrapper_sw_viewBlog_38 #recommendations {display:none;}
#recommendations {position:fixed;left:2%;width:45px;/*height:215px;*/height:337px;top:860px;z-index:599;overflow:hidden;}
#recommendations #articleActionFacebook {display:none;}
#recommendations #articleActionGoogle{display:none;}
#recommendations #articleActionPinterest{display:none;}
#recommendations #commentCount{display:none;}
#recommendations #articleActionTwitter {width:55px !important;}
#recommendations #articleActionTwitter #twitterButtonAlternative {display:block !important;width:44px;height:44px;}
#recommendations #articleActionTwitter #twitterButton,  #recommendations #articleActionTwitter iframe , #recommendations .IN-widget{display:none !important;}
#recommendations  #linkedInButton{display:block !important;width:44px;height:44px;background-image:url("/partners/cib/statics/img/linkedin-share.jpg") !important;}
#recommendations  #linkedInButton img{display:none;}
#recommendations  #articleActionMail .nbPartage{display: none;}
#recommendations  #mailButton{display:block !important;width:44px;height:44px;background-image:url("/partners/cib/statics/img/ico-letter-pagearticle.png") !important;}
#recommendations  #articleActionPrint .nbPartage{display: none;}
#recommendations  #printButton{display:block !important;width:44px;height:44px;background-image:url("/partners/cib/statics/img/ico-print.png") !important;cursor: pointer;}
#recommendations  #linkedInButton,#recommendations  #twitterButtonAlternative,#recommendations  #mailButton,#recommendations  #printButton{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#recommendations  #linkedInButton:hover,#recommendations  #twitterButtonAlternative:hover,#recommendations  #mailButton:hover,#recommendations  #printButton:hover{
    filter: brightness(1.15);
    -moz-filter: brightness(115%);
    -webkit-filter: brightness(115%);
    -ms-filter: brightness(116%);
    -o-filter: brightness(115%);}
#recommendations .countBox {
    float: left;
    position: relative;
    width: 44px !important;
    padding-top: 0px;
    margin-top:20px;
    margin-right:0px;
    overflow: hidden;
    background: url('/partners/cib/statics/img/countBox.png') no-repeat 0px 0px !important;
}
#recommendations .nbPartage {left: 0px !important;top: 5px !important;width:44px !important;}
@media screen and (max-width:769px) {
    #recommendations{position:relative;width:245px;height:100px;bottom:0px !important;margin-top:0px;/*left:50%;margin-left:-75px;*/margin: 0 auto;}
    #recommendations #articleActionLinkedin{width: 54px!important;}
    #recommendations .countBox{margin-top: 5px;}
    #recommendations #articleActionMail{margin-top: 45px;margin-right: 20px}
    #recommendations #articleActionPrint{margin-top: 45px;}
    #recommendations .noshares{margin-top: 45px;}

}

/*#articleTop {border-top: 2px solid #ffffff;margin-top: 70px;width:100%;height: 100%;background-color: orangered;margin-bottom: 0;padding: 0;display: block;}*/
#topContentTitle {color:#000;margin-top:71px;margin-bottom:-130px;display:none;width: 100%;background:#fff;}
#topContentTitle  h1, #topContentTitle span {font-family: bnpp_sans_condensed;font-size: 50px;font-weight:normal;margin:0;color:#000;text-transform: uppercase;padding:70px 6.25%;display:inline-block;}
#articleTopCategory{display:none;position:absolute;top:0px;left:0px;}
#articleTop{width: 87.5%;position: relative;display:block;margin: 0;padding: 0;overflow: hidden;margin-top: 168px;z-index: 1;margin-left: auto;margin-right: auto;}
#articleTop .backImgLarge{width: 100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;}
#articleTop:hover .backImgLarge{filter: brightness(1.15);
    -moz-filter: brightness(115%);
    -webkit-filter: brightness(115%);
    -ms-filter: brightness(116%);
    -o-filter: brightness(115%);;}
#articleTop:before{content: '';display: block;padding-top: 44.375%;}
#articleTop .contentLarge {position: absolute;;width : 100%;height: 100%;top: 0;z-index: 2;}
#articleTop .contentLarge img{position: absolute;top: 0; width : 100%;height: 100%;z-index: 3;}
#articleTop .contentLarge .play{width:69px;height:53px;position:absolute;margin-left:5px;top:-10px;}
#articleTop .contentLarge .textLarge{position:relative;/*background-color: #9DF39F;*/width: 100%;height: 100%;margin:0;margin-left: auto;margin-right: auto;z-index:4;}
/*#articleTop .contentLarge .textLarge .containerHeadAll{position: absolute;bottom: 25%;left: 0;!*background-color: orangered;*!width: 100%;}*/
#articleTop .contentLarge .textLarge .containerHeadAll{position: absolute;top:50%;transform:translateY(-50%);/*background-color: orangered;*/width: 45%;display: inline-block;}
#articleTop .contentLarge .textLarge .containerHeadAll.containerHeadAll.wBackground.left.align{transform:translateY(-12%);left: 50%;margin-left: -450px;width: 550px;max-width: 550px}





#articleTop .contentLarge .textLarge .containerHeadAll .containerInfo{margin: 0 20px;}
#articleTop .contentLarge .textLarge .containerHeadAll.wBackground{background-color: rgba(0, 0, 0, 0.5);max-width: 750px;}
#articleTop .contentLarge .textLarge .containerHeadAll.wBackground.left{padding: 45px 0 45px 20px;left: 0;}
#articleTop .contentLarge .textLarge .containerHeadAll.wBackground.right{padding: 45px 20px 45px 0;right: 0;float: none;height: auto;}
#articleTop .contentLarge .textLarge .headLogo{height:auto;line-height: 33px;white-space: nowrap;display:inline;/*background-color: #ff9e5e;*/text-align: left;position:relative;float: left;}
#articleTop .logo{font-family:bnpp_sanslight !important;font-size:18px;text-transform:uppercase;color:#ffffff;padding: 5px 20px;position:relative;top:0px;z-index: 3;}
#articleTop .logo h1{display:inline;font-family:bnpp_sanslight !important;font-size:18px;text-transform:uppercase;color:#ffffff;padding: 0 0px;margin:0;}
#articleTop .logo h2{display:inline;font-family:bnpp_sanslight !important;font-size:18px;text-transform:uppercase;color:#ffffff;padding: 0 0px;margin:0;}
#articleTop .logo h4{display:inline;font-family:bnpp_sanslight !important;font-size:18px;text-transform:uppercase;color:#ffffff;padding: 0 0px;margin:0;}
#articleTop .contentLarge .textLarge .authorHead{font-family:bnpp_sans_condensed;font-size:22px;letter-spacing:1px;font-style:italic;color:#ffffff;/*text-shadow: 2px 2px 20px #000;*/margin-bottom: 10px;margin-top: 7px;display:none;}
#articleTop .contentLarge .textLarge .dateHead{font-family:bnpp_sanslight;font-size:17px;text-transform:uppercase;color:#ffffff;margin-left: 15px;margin-right: 10%;}
#articleTop .contentLarge .textLarge .titleContent{color:#ffffff;text-transform: uppercase;text-align: left;/*text-shadow: 2px 2px 20px #000;*/margin-bottom: 0;}
#articleTop .contentLarge .textLarge .titleContent h1{font-family: bnpp_sans_condensed;font-weight:100;font-size: 55px;line-height:65px;color:#ffffff !important;text-transform: uppercase;/*text-shadow: 2px 2px 20px #000;*/margin: 0;text-align: left;}
#articleTop .contentLarge .textLarge .titleContent a{text-decoration: none;color: #ffffff;}
#articleTop .contentLarge .textLarge .marginBull{margin-left: 7px;margin-right: 10px;}
#articleTop .contentLarge .textLarge .keywordHead {text-align: left;display: inline-block;width: 60%;margin-left: 20px;margin-top: 1.9%;}
#articleTop .contentLarge .textLarge .keywordHead a{font-family:bnpp_sansregular;text-transform:uppercase;text-decoration: none;color: #f9f9fa;font-size:20px;margin-top: 15px;}
#articleTop .contentLarge .textLarge .keywordHead a h4{display:inline;font-family:bnpp_sansregular!important;text-transform:uppercase;text-decoration: none;color: #f9f9fa;font-size:18px;font-weight:100;margin-top: 15px;font-style: normal;}
.siteWrapper_sw_viewBlog_34 #articleTop .contentLarge .textLarge .dateHead{display:none;}
.siteWrapper_sw_viewBlog_4 #articleTop .contentLarge .textLarge .dateHead{display:none;}
.siteWrapper_sw_viewBlog_35 #articleTop .contentLarge .textLarge .dateHead{display:none;}
.siteWrapper_sw_viewBlog_36 #articleTop .contentLarge .textLarge .dateHead{display:none;}
.siteWrapper_sw_viewBlog_37 #articleTop .contentLarge .textLarge .dateHead{display:none;}
.siteWrapper_sw_viewBlog_42 #articleTop .contentLarge .textLarge .dateHead{display:none;}
.siteWrapper_sw_viewBlog_43 #articleTop .contentLarge .textLarge .dateHead{display:none;}
.siteWrapper_sw_viewBlog_37 .headLogo{display:none !important;}

#articleTop .contentLarge .textLarge .containerHeadAll .barPresentation{width: 20px;height: 100%;position: absolute;top: 0;}
#articleTop .contentLarge .textLarge .containerHeadAll .barPresentation.left{left:0}
#articleTop .contentLarge .textLarge .containerHeadAll .barPresentation.right{right:0}


.articleContent {font-family: 'Open-Sans';font-size: 15px;line-height:28px;position:relative;}
.articleContent a:hover {   color: rgb(0,104,94);  border-bottom: 3px solid rgb(0,104,94);  }
.articleContent br{line-height:15px;}
.articleContent h2.intertitre, .articleContent h2_intertitre, .articleContent h2_latest{/*color: #00915a!important;*/color: #000!important;font-size: 29px;line-height:35px;font-family: 'Open-Sans'!important;margin-top: 25px;margin-bottom:25px;text-transform: none;text-align: left;}
.articleContent h3{font-family:'Open-Sans';font-size: 1.17em !important;clear:both;}
.articleContent h3.intertitre, .articleContent h3_intertitre{/*color: #a0c873;*/color: #000!important;font-size: 25px;font-family: Open-Sans;margin-top: 20px;margin-bottom:20px;margin-left: 0;margin-right: 0;text-align: left;line-height: 30px;}


.articleContent h4.intertitre, .articleContent h4_intertitre{font-family:Open-Sans;font-weight:normal !important;display:inline-block;font-size:17px;color: #00975c !important;margin:0px !important;text-transform: uppercase;position:relative;}
.articleContent h5.intertitre, .articleContent h5_intertitre{font-family:Open-Sans;display:block;margin-top:20px;margin-bottom:20px;font-weight:normal !important;font-size:20px;color:#008578 !important;}


.articleContent h2, .articleContent h2_intertitre, .articleContent h2_latest{font-family:Open-Sans;margin-left: 0px;margin-right: 0px;font-weight: lighter !important;}
.articleContent h2_latest, .articleContent h2.latest{margin-left:0px;margin-right:0px;background-color:#333;color:#fff !important;display:block;padding:20px;padding-bottom:15px;text-align:left;margin-top: 40px;margin-bottom: 20px;font-size: 40px;font-family:BNPPSansCondensed;}
.articleContent .videoTkp {width:100%;position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;margin-top:20px;margin-bottom:20px;  }
.articleContent .videoTkp video{width:100% !important;height:100% !important;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.articleContent .videoTkp iframe,#articleFullPage .videoTkp object,#articleFullPage .videoTkp embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.articleContent .encadre, .articleContent div_encadre {border: 2px solid #17bc66;padding: 2%;width: 96%;margin-top:20px;background-color:#e9f4ee !important;}
.articleContent div.encadre span.title {font-size: 16px;display: block;margin-bottom: 10px;}

.articleContent .disclaimer, .articleContent div_disclaimer {font-size:13px;}
/* citations */
.articleContent blockquote.citation, .articleContent blockquote_citation,.articleContent span_citation {position:relative;font-size:18px !important;font-family:bnpp_sanslight !important;font-style:italic !important;color:#00975c !important;font-weight:lighter !important;line-height:30px;display:block;margin:30px 0px !important;}
.articleContent blockquote.citationleft,.articleContent blockquote.citationright, .articleContent blockquote_citationleft, .articleContent blockquote_citationright {position:relative;font-size:25px !important;font-family:'Open-Sans' !important;color:#00915a !important;line-height:30px;display:block;width:35%;padding:30px;border-top:3px solid #00915a; border-bottom:1px solid #00915a; }
.articleContent blockquote.citationleft .citation,.articleContent blockquote.citationright .citation, .articleContent blockquote_citationleft span_citation, .articleContent blockquote_citationright span_citation{display:inline;font-size:25px !important;font-family:'Open-Sans' !important;}
.articleContent blockquote.citationleft, .articleContent blockquote_citationleft{float:left;margin:30px 10% 30px 0% !important;}
.articleContent blockquote.citationright, .articleContent blockquote_citationright{float:right;margin:30px 0% 30px 10% !important;}
.articleContent blockquote span.laquo, .articleContent blockquote span.raquo, .articleContent  span_laquo, .articleContent  span_raquo{position:relative;font-size:60px; !important;font-family:arial !important;display:inline-block;font-family:bnpp_sanslight !important;font-style:italic !important;}
.articleContent blockquote span.raquo, .articleContent  span_raquo{float:left;position:absolute;clear:both;width:30px;padding:0px;bottom:-5px;text-align:left;background:url(/partners/cib/statics/img/201707_quotes_right.jpg) no-repeat;text-indent:-9999px;color:#fff;margin-left: 10px;}
.articleContent blockquote span.laquo, .articleContent  span_laquo{float:left;width:30px;padding:0px;position:relative;display:inline-block;top:5px;text-align:left;background:url(/partners/cib/statics/img/201707_quotes_left.jpg) no-repeat;text-indent:-9999px;color:#fff;}
.articleContent span_citation , .articleContent span.citation {position:relative;display:inline;position:relative;padding:0px 10px 0px 5px;}
.articleContent blockquote_citation span_author ,.articleContent blockquote.citation span.author{clear:both;display:block;color:#000;font-family:bnpp_sanslight;font-size:16px;padding:0px 35px;margin-top:0px;font-style:normal;}

.siteWrapper_viewSearch .articleContent h3.text b{font-family:bnpp_sanslight !important;}

.articleContent img.tkpBodyPreDefinedClass_responsiveImg{}
.articleContent figure.tkpBodyPreDefinedClass_responsiveImg{}

@media screen and (max-width:1024px) {
    .articleContent blockquote span.laquo{top:-5px;}
}
@media screen and (max-width:700px) {
    .articleContent blockquote.citationleft,.articleContent blockquote.citationright {width:90%;margin: 30px 5%;}
    .articleContent img.tkpBodyPreDefinedClass_responsiveImg{margin-left:0% !important;margin-right:0% !important;width:100% !important;}
    .articleContent figure.tkpBodyPreDefinedClass_responsiveImg{margin-left:0% !important;margin-right:0% !important;width:100% !important;}
}


/* encadre */

.articleContent style_style{display:none;}

.articleContent .encadre .title, .articleContent div_encadre span_title{color: #000 !important;font-size: 18px !important;text-transform: uppercase !important;font-weight: bold !important;}
.articleContent .encadre .title span{display:inline;background-color:#e5f4ef;font-size: 15px !important;font-weight: normal;font-style: italic;}
.articleContent a{color: #00975c;}
.articleContent b , .articleContent strong{font-family:'Open-Sans';}

.articleContent .infographiccontainer{margin-top:20px;margin-bottom:20px;position:relative;width:125%;margin-left:-12.5%;}
.articleContent div_infographiccontainer{margin-top:20px;margin-bottom:20px;position:relative;width:100%;margin-left:0%;display:block;position:relative;}
.articleContent div_keyfigure, .articleContent div.keyfigure{display:block;position:relative;float:right;width:300px;background-color:#e55046;padding:20px;margin-left:20px;margin-bottom:20px;margin-top:0px;color:#fff;text-align:center;font-size:20px;}
.articleContent div_keyfiguretitle, .articleContent div.keyfiguretitle{display:block;position:relative;text-align:center;color:#fff;font-size:100px;margin-bottom:20px;font-family:bnpp_sans_condensedbold;margin-top:10px;clear:both;line-height:60px !important;}
.articleContent div_keyfiguretitle, .articleContent div.keyfiguretitle sup{font-size:50px;}
.articleContent div_keyfigureseparator, .articleContent div.keyfigureseparator{display:block;width:20px;height:2px;margin-left:auto;background-color:#fff;margin-top:0px;margin-bottom:20px;position:relative;left:50%;margin-left:-10px;clear:both;}
.articleContent div_keyfiguredetail, .articleContent div.keyfiguredetail{display:block;position:relative;}

.articleContent .boxtextideacontainer,.articleContent div_boxtextideacontainer{margin-top:20px;margin-bottom:20px;position:relative;width:123%;margin-left:-12.5%;background-color:#00ab45;padding:1%;}
.articleContent div_boxtextideacontainer{width:98%;margin-left:0%;display:block;position:relative;}
.articleContent .boxtextidea,.articleContent div_boxtextidea{display:block;color:#fff;background-color:#126376;padding:30px 7.5% 30px 7.5%;}


.articleContent div_cibscroller, .articleContent .cibscroller{height:300px;display:block;width:100%;overflow:auto;}


.articleContent center_videotkp{display:block;margin-top:20px;margin-bottom:20px;}
.articleContent div_boxtextideatitle, .articleContent div.boxtextideatitle{display:block;position:relative;text-transform:uppercase;margin-bottom:20px;font-family:bnpp_sansregular;font-size:20px;padding-left:50px;
    background  : url(/partners/cib/statics/img/idea.png) no-repeat top left;height:48px;padding-top:10px;
}

.articleContent .buttonfocus, .articleContent div_buttonfocus{box-sizing: border-box;width:415px;float:right;position:relative;margin-top:15px;margin-bottom:15px;color:#fff;font-size:17px;padding:15px 15px 15px 100px;height:100px;overflow:hidden;
    font-family:bnpp_sanslight;
    background  : url(/partners/cib/statics/img/20170807readMore.png) no-repeat top left #00915a;display:block;line-height:20px;
}
.articleContent .smallbuttonfocus, .articleContent div_smallbuttonfocus{position:relative;margin-top:15px;margin-bottom:15px;color:#fff;font-size:17px;padding:15px 15px 15px 70px;height:60px;overflow:hidden;
    font-family:bnpp_sanslight;
    background  : url(/partners/cib/statics/img/20170807smallReadMore.png) no-repeat 0px 48% #00915a;display:block;line-height:20px;
    box-sizing:border-box;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.articleContent .smallbuttontwitter, .articleContent div_smallbuttontwitter{position:relative;margin-top:15px;margin-bottom:15px;color:#fff;font-size:17px;padding:15px 15px 15px 70px;height:60px;overflow:hidden;
    font-family:bnpp_sanslight;
    background  : url(/partners/cib/statics/img/20170807smalltwitter.png) no-repeat 0px 48% #4bc8dc;display:block;line-height:20px;
    box-sizing:border-box;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.articleContent .smallbuttonlinkedin, .articleContent div_smallbuttonlinkedin{position:relative;margin-top:15px;margin-bottom:15px;color:#fff;font-size:17px;padding:15px 15px 15px 70px;height:60px;overflow:hidden;
    font-family:bnpp_sanslight;
    background  : url(/partners/cib/statics/img/20170807smalllinkedin.png) no-repeat 0px 48% #2f93fa;display:block;line-height:20px;
    box-sizing:border-box;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.articleContent .smallbuttonlinkedin:hover{background-color:#00915a;}

.articleContent .smallbuttoncontact, .articleContent div_smallbuttoncontact{position:relative;margin-top:15px;margin-bottom:15px;color:#fff;font-size:17px;padding:15px 15px 15px 70px;height:60px;overflow:hidden;
    font-family:bnpp_sanslight;
    background  : url(/partners/cib/statics/img/20170807smallcontact.jpg) no-repeat 0px 48% #3c9146;display:block;line-height:20px;
    box-sizing:border-box;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.articleContent .buttoncontact, .articleContent div_buttoncontact{width:415px;position:relative;margin-top:15px;margin-bottom:15px;color:#fff;font-size:17px;padding:15px 15px 15px 100px;height:100px;overflow:hidden;box-sizing: border-box;
    font-family:bnpp_sanslight;
    background  : url(/partners/cib/statics/img/20170830contact.png) no-repeat top left #3c9146;display:block;line-height:20px;
}


.articleContent .buttoncontact .titlefocus, .articleContent div_buttoncontact  div_titlefocus{font-family:bnpp_sansregular;display:block;width:100%;margin-bottom:5px;}

.articleContent .buttonvideo, .articleContent div_buttonvideo{width:415px;position:relative;margin-top:15px;margin-bottom:15px;color:#fff;font-size:17px;padding:15px 15px 15px 100px;height:100px;overflow:hidden;box-sizing: border-box;
    font-family:bnpp_sanslight;
    background  : url(/partners/cib/statics/img/20170808readMoreVideo.png) no-repeat top left #82a44a;display:block;line-height:20px;
}

.articleContent .smallbuttonvideo, .articleContent div_smallbuttonvideo{position:relative;margin-top:15px;margin-bottom:15px;color:#fff;font-size:17px;padding:15px 15px 15px 70px;height:60px;overflow:hidden;
    font-family:bnpp_sanslight;
    background  : url(/partners/cib/statics/img/20170808smallReadMoreVideo.png) no-repeat 0px 48% #82a44a;display:block;line-height:20px;
    box-sizing:border-box;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.articleContent .buttonexternallink, .articleContent div_buttonexternallink{width:415px;position:relative;margin-top:15px;margin-bottom:15px;color:#fff;font-size:17px;padding:15px 15px 15px 100px;height:100px;overflow:hidden;box-sizing: border-box;
    font-family:bnpp_sanslight;
    background  : url(/partners/cib/statics/img/20170808ReadMoreExternalLink.png) no-repeat top left #f0f0f0;display:block;line-height:20px;
    color:#000;
}
.articleContent .smallbuttonexternallink, .articleContent div_smallbuttonexternallink{position:relative;margin-top:15px;margin-bottom:15px;color:#fff;font-size:17px;padding:15px 15px 15px 70px;height:60px;overflow:hidden;
    font-family:bnpp_sanslight;
    background  : url(/partners/cib/statics/img/20170808SmallReadMoreExternalLink.png) no-repeat 0px 48% #f0f0f0;display:block;line-height:20px;
    box-sizing:border-box;
    color:#000;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.articleContent .smallbuttonexternallink:hover, .articleContent div_smallbuttonexternallink:hover{
    background  : url(/partners/cib/statics/img/20170808SmallReadMoreExternalLinkHover.png) no-repeat 0px 48% #f0f0f0;
}
.articleContent .smallbuttonexternallink:hover{background-color:#00915a; color:#fff !important;}
.articleContent .smallbuttonexternallink a, .articleContent div_smallbuttonexternallink a, .articleContent .buttonexternallink a, .articleContent div_buttonexternallink a {color:#000;border-bottom:0px;}
.articleContent .smallbuttonexternallink:hover a, .articleContent .smallbuttonexternallink:hover *, .articleContent .smallbuttonexternallink:hover .titlefocus{color:#fff !important;}

.articleContent .buttonexternallink .titlefocus, .articleContent div_buttonexternallink  div_titlefocus{font-family:bnpp_sansregular;display:block;width:100%;margin-bottom:5px;color:#008578;}

.articleContent .buttoninternalarticle, .articleContent div_buttoninternalarticle{width:415px;position:relative;margin-top:15px;margin-bottom:15px;color:#fff;font-size:17px;padding:15px 15px 15px 100px;height:100px;overflow:hidden;box-sizing: border-box;
    font-family:bnpp_sanslight;
    background  : url(/partners/cib/statics/img/20170808ReadMoreInternalArticle.png) no-repeat 0px 48% #00685e;display:block;line-height:20px;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.articleContent .buttoninternalarticle .titlefocus, .articleContent div_buttoninternalarticle  div_titlefocus{font-family:bnpp_sansregular;display:block;width:100%;margin-bottom:5px;}
.articleContent .smallbuttoninternalarticle, .articleContent div_smallbuttoninternalarticle{position:relative;margin-top:15px;margin-bottom:15px;color:#fff;font-size:17px;padding:15px 15px 15px 70px;height:60px;overflow:hidden;
    font-family:bnpp_sanslight;
    background  : url(/partners/cib/statics/img/20170808SmallReadMoreInternalArticle.png) no-repeat 0px 48% #00685e;display:block;line-height:20px;
    box-sizing:border-box;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.articleContent .smallbuttonvideo:hover,.articleContent div_smallbuttonvideo:hover,.articleContent .smallbuttoninternalarticle:hover, .articleContent div_smallbuttoninternalarticle:hover,.articleContent .smallbuttonexternallink:hover, .articleContent div_smallbuttonexternallink:hover,.articleContent .smallbuttontwitter:hover, .articleContent div_smallbuttontwitter:hover,.articleContent .smallbuttonlinkedin:hover, .articleContent div_smallbuttonlinkedin:hover,.articleContent .buttoninternalarticle:hover, .articleContent div_buttoninternalarticle:hover,.articleContent .buttonexternallink:hover, .articleContent div_buttonexternallink:hover, .articleContent .buttonvideo:hover,.articleContent div_buttonvideo:hover,.articleContent .smallbuttonfocus:hover,.articleContent div_smallbuttonfocus:hover,.articleContent .buttonfocus:hover,.articleContent div_buttonfocus:hover,.articleContent .buttoncontact:hover,.articleContent div_buttoncontact:hover,.articleContent .smallbuttoncontact:hover,.articleContent div_smallbuttoncontact:hover{cursor:pointer;background-color:#00915a; color:#fff !important;}
.articleContent .smallbuttoninternalarticle:hover *, .articleContent div_smallbuttoninternalarticle:hover *,.articleContent .smallbuttonexternallink:hover *, .articleContent div_smallbuttonexternallink:hover *,.articleContent .smallbuttontwitter:hover *, .articleContent div_smallbuttontwitter:hover *,.articleContent .smallbuttonlinkedin:hover *, .articleContent div_smallbuttonlinkedin:hover *,.articleContent .buttoninternalarticle:hover *, .articleContent div_buttoninternalarticle:hover *,.articleContent .buttonexternallink:hover *, .articleContent div_buttonexternallink:hover *, .articleContent .buttonvideo:hover *,.articleContent div_buttonvideo:hover *,.articleContent .smallbuttonfocus:hover *,.articleContent div_smallbuttonfocus:hover *,.articleContent .buttonfocus:hover *,.articleContent div_buttonfocus:hover *,.articleContent .buttoncontact:hover *,.articleContent div_buttoncontact:hover *,.articleContent .smallbuttoncontact:hover *,.articleContent div_smallbuttoncontact:hover * {background-color:#00915a; color:#fff !important;}
.articleContent div_ctabnpp, .articleContent div.ctabnpp{width:100%;overflow:hidden;position:relative;margin-top:15px;margin-bottom:15px;display:block;}
.articleContent div_ctabnpp img, .articleContent div.ctabnpp img{width:100%;overflow:hidden;position:relative;}
.articleContent .buttonvideo a, .articleContent div_buttonvideo a,.articleContent .buttonfocus a, .articleContent div_buttonfocus a, .articleContent .buttoncontact a, .articleContent div_buttoncontact a, .articleContent .smallbuttonfocus a, .articleContent div_smallbuttonfocus a, .articleContent .smallbuttoncontact a, .articleContent div_smallbuttoncontact a, .articleContent .smallbuttontwitter a, .articleContent div_smallbuttontwitter a, .articleContent .smallbuttoninternalarticle a, .articleContent div_smallbuttoninternalarticle a{color:#fff !important;border-bottom:0px;}
.articleContent .buttonfocus .titlefocus, .articleContent div_buttonfocus div_titlefocus{font-family:bnpp_sansregular;display:block;width:100%;margin-bottom:5px;}


.articleContent div_ctabnpp div_title, .articleContent div.ctabnpp .title{position:absolute;top:30px;left:30px;font-family: BNPPSansCondensed;font-size:26px;display:block;}
.articleContent div_ctabnpp div_claim, .articleContent div.ctabnpp .claim{position:absolute;top:70px;left:30px;font-family: bnpp_sans_condensedbold;font-size:60px;width:400px;display:block;line-height:55px;}
div_containerourvision {display:block;position:relative;margin-bottom:90px;}
div_containerourvision img{display:block;width:100%;}

div.bnppseparator,div_bnppseparator{background:#ccc;margin-top:30px;margin-bottom:30px;width:10%;margin-left:45%;height:1px;overflow:hidden;display:block;}


div_readmore, div.readmore{display:block;position:relative;margin-bottom:40px;padding-bottom:30px;}
div.readmore{height:180px;overflow:hidden;}

div.readmorebar{height:100px;position:absolute;bottom:0px;width:100%;display:block;z-index:19;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
div.readmorebar div.readmorebutton, div_readmorebar div_readmorebutton{width:200px;position:absolute;left:50%;margin-left:-100px;text-align:center;bottom:0px;z-index:20;font-weight:bold;font-family:bnp_sansregular;text-indent:-9999px;
    background:url(/partners/cib/statics/img/readmore_button.jpg) no-repeat;height:30px;
}
div_articleupdatesrssfeed,div.articleupdatesrssfeed{display:block;position:relative;float: right;width: auto;margin: 40px 10px -7px 0;font-family:bnpp_sanslight;color:#aaa;text-transform: uppercase;font-size:16px;}
div_articleupdatesrssfeed{margin-bottom:5px;}
div_articleupdatesrssfeed img{margin-bottom:-5px;}
div_articleupdatesrssfeed:hover,div.articleupdatesrssfeed:hover{cursor:pointer}

div_readmorebar div_readmorebutton{
    background-position: 0px -30px;
}

.articleContent div_orderedboxedtext, .articleContent .orderedboxedtext{display:block;width:38.5%;margin-left:5%;background-color:#e9f4ee;padding-top:20px;padding-bottom:20px;padding-left:2%;padding-right:2%;;position:relative;float:left;margin-top:40px;}
.articleContent div_orderedboxedtext div_order, .articleContent .orderedboxedtext .order{background-color:#17bc66;color:#fff;display:block;
    border-radius: 50px;
    background: #73AD21;
    font-size:25px;text-align:center;padding-top:10px;
    width: 50px;
    height: 40px;
    position:absolute;top:-25px;left:-25px;font-family:bnpp_sansregular;
}
.articleContent div_orderedboxedtext:hover div_order, .articleContent .orderedboxedtext:hover .order{background-color:#17bc66;color:#73AD21;display:block;
    border-radius: 50px;
    background: #e9f4ee;
    font-size:25px;text-align:center;padding-top:10px;
    width: 50px;
    height: 40px;
    position:absolute;top:-25px;left:-25px;font-family:bnpp_sansregular;
    border:1px solid #73AD21;
}

.articleContent div_orderedboxedtext div_title, .articleContent .orderedboxedtext .title{color:#17bc66;font-family:bnpp_sansregular;display:block;margin-bottom:10px;margin-top:10px;}
@media screen and (max-width:1200px) {
    .articleContent .orderedboxedtext{display:block;width:70%;margin-left:15%!important;background-color:#e9f4ee;padding-top:20px;padding-bottom:20px;padding-left:2%;padding-right:2%;;position:relative;float:left;margin-top:40px;}
}
.articleContent div_iconedboxedtext, .articleContent .iconedboxedtext{
    box-sizing:border-box;display:block;width:45%;
    margin-left:5%;background-color:#daeef3;padding-top:20px;padding-bottom:20px;padding-left:2%;padding-right:2%;;position:relative;float:left;margin-top:40px;}
.articleContent div_iconedboxedtext div_title, .articleContent .iconedboxedtext .title{color:#000;font-family:bnpp_sansregular;display:block;margin-bottom:10px;margin-top:10px;text-align:center;position: relative;
    margin-top: -10px;
    margin-bottom: 20px;
    margin-left: 30px;}

.articleContent div_iconedboxedtext div_icon, .articleContent .iconedboxedtext .icon{width:40px;position:absolute;top:10px;left:10px;overflow:hidden;}

@media screen and (max-width:1200px) {
    .articleContent .iconedboxedtext{width:95%;margin-left:5%;;padding-top:20px;padding-bottom:20px;padding-left:2%;padding-right:2%;;position:relative;float:left;margin-top:40px;}
}






.articleContent ul{list-style:square;list-style-position: inside;}
.articleContent ul li{padding:6px 0px 10px 30px;display:block;background:url(/partners/cib/statics/img/puceBNPP.jpg) no-repeat 0px 20px;}
.articleContent ul li ul{list-style:circle !important;list-style-position: inside;list-style-image:none;}
.articleContent ul li ul li {padding:10px 0px 10px 0px;background:transparent;list-style:circle inside !important;display:list-item}

#articleFullPage .nbPartage{font-family: bnpp_sansregular;}
#articleFullPage.landingPageDE {text-align: justify;text-justify:inter-word }
#articleFullPage.landingPageDE .articleContent{text-align: justify;text-justify:inter-word }
#articleFullPage.landingPageDE blockquote.citation span{display:inline;position:relative;padding:0px;}
#articleFullPage.landingPageDE blockquote.citation .laquo , #articleFullPage.landingPageDE blockquote.citation .raquo{display:inline-block;height:15px;}
#articleFullPage.landingPageDE blockquote.citation .raquo {margin-left:5px;}

/*
.articleFullPage_129{word-break:keep-all;}
.articleFullPage_130{word-break:keep-all;}
.articleFullPage_131{word-break:keep-all;}
.articleFullPage_132{word-break:keep-all;}
.articleFullPage_1333{word-break:keep-all;}
.articleFullPage_134{word-break:keep-all;}
*/

.ratingComponent{float: right;position: relative;display: block;margin-top: 10px;}
.rate-ex1-cnt {width: 119px;height: 24px;position: relative;z-index: 1;float: right;}
.rate-ex1-cnt .rate-btn {width: 24px;height: 24px;float: left;background: url(/partners/cib/statics/img/etoile-1.png) no-repeat;cursor: pointer;position: absolute;z-index: 2;top: 0;background-size: contain;}
.rate-ex1-cnt .rate-btn.rate-btn-active {background: url(/partners/cib/statics/img/etoile-1-hover.png) no-repeat!important;background-size: contain;}
.rate-ex1-cnt .rate-btn-hover{background: url(/partners/cib/statics/img/etoile-1-hover.png) no-repeat;background-size: contain;}
.rate-ex1-cnt .backgroundFiller{width: 100%;height: 100%;background-color: #979797;position: absolute;z-index: 0;}
.rate-ex1-cnt .backgroundFiller2{width: 60%;height: 100%;background-color: #f49c16;position: absolute;z-index: 1;-webkit-transition: width 0.5s ease;-moz-transition: width 0.5s ease;-o-transition: width 0.5s ease;-ms-transition: width 0.5s ease;transition: width 0.5s ease;}
.textRating{display: inline;line-height: 32px;font-size: 15px;margin-right: 10px;font-family: bnpp_sansregular}
.rate-btn-2{left:24px;}
.rate-btn-3{left:48px;}
.rate-btn-4{left:72px;}
.rate-btn-5{left:96px;}
.waitingAnimation{height: 24px;width: 24px;background: url(/partners/common/statics/img/wait_fb.gif) no-repeat;background-size: contain;float: right;margin-right:-30px;display: none;}
.rate-ex1-cnt .rate-btn:hover.noHover,.rate-ex1-cnt .rate-btn.noHover{background: url(/partners/cib/statics/img/etoile-1.png) no-repeat!important;cursor: auto!important;}
.validPictoRating{display: block;color: #007a43;font-size: 25px;font-family: FontAwesome;float: right;margin-right:-30px;font-style: normal;}
.validPictoRating:before{content: "\f00c";}

@media screen and (max-width:1110px) {
    .articleContent div_ctabnpp div_title, .articleContent div.ctabnpp .title{top:30px;left:30px;font-size:20px;letter-spacing:-1px;}
    .articleContent div_ctabnpp div_claim, .articleContent div.ctabnpp .claim{top:70px;left:30px;font-size:40px;width:300px;line-height:35px;}

}
@media screen and (max-width:960px) {
    .articleContent div.keyfigure{width:200px;font-size:16px;}
    .articleContent div.keyfiguretitle{font-size:80px;line-height:40px;}
}

@media screen and (max-width:769px) {
    #mainContent.mainContent_sw_viewBlog_notop{margin-top: 0!important;}
    #mainContent.mainContent_sw_viewBlog_notop .blogTitleNoir {display: block;font-family: bnpp_sans_condensedbold;font-size: 80px;line-height: 80px;margin-top: -25px;}
    #searchHeader_0{display:none;}
    .firstArticle .buttonPlay,.articleComponent .buttonPlay, #inDepthComponent .buttonPlay, #articleTop .buttonPlay,#feedHistory_1 .articleComponentPlayableVideo .buttonPlay, #lastNewsOurVision .contentLarge .buttonPlay{width:75px !important;height:75px !important;top:25%!important ;margin-left:-37px;z-index:19;}
    .firstArticle .theme_firstArticle{display:block;}
    .firstArticle .theme_firstArticle_up{display:none   ;}
    #lastNewsOurVision .theme_lastArticle_up, #lastNewsOurVision .dateHead{display:none;}
    #lastNewsOurVision .theme_lastArticle{display:block;}
    #lastNewsOurVision .logo {font-size:15px;}
    .otherArticle .contentLittle .textLittle {
        width: 92%;
        left: 4%;
        margin-left:0px;
    }
    .firstArticle .contentLarge .textLarge, #lastNewsOurVision .contentLarge .textLarge {
        width: 92%;
        left: 4%;
        margin-left: 0;
        bottom: 0px;
    }
    #lastNewsOurVision .contentLarge .textLarge .containerHeadAll{bottom:0px;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent{text-align: left;margin-left:0px;}
    #lastNewsOurVision .contentLarge .textLarge .abstractTitle {text-align: left;margin-left:0px;}


    .articleContent .infographiccontainer{width:100%;margin-left:0px;}
    .articleContent .boxtextideacontainer{width:98%;margin-left:0px;}
    #feedHistory_1 .margeRightFirst_16_9{;margin-top: 0px;}
    #topContentTitle{display:inline-block;}
    #articleTop .titleContent{display:none;}
    #articleTopCategory{display:block;}

    #articleTop{width: 100%;}


}


@media screen and (max-width:760px) {
    .articleContent div_ctabnpp div_title, .articleContent div.ctabnpp .title{top:20px;left:30px;font-size:20px;letter-spacing:-1px;}
    .articleContent div_ctabnpp div_claim, .articleContent div.ctabnpp .claim{top:50px;left:30px;font-size:30px;width:200px;line-height:25px;}
}
@media screen and (max-width:460px) {
    .articleContent .buttonfocus, .articleContent div_buttonfocus{width:200px;left:100%;margin-left:-300px;position:relative;margin-top:20px;margin-bottom:20px;color:#fff;font-size:17px;padding:15px 15px 15px 85px;height:70px;overflow:hidden;
        font-family:bnpp_sanslight;
        background  : url(/partners/cib/statics/img/readMore.jpg) no-repeat -10px 0px #2491ee;
    }
    .articleContent .buttoncontact, .articleContent div_buttoncontact{width:100px;left:100%;margin-left:-235px;position:relative;margin-top:20px;margin-bottom:20px;color:#fff;font-size:17px;padding:15px 15px 15px 100px;height:70px;overflow:hidden;
    }
    .articleContent div.keyfigure{width:100%;font-size:20px;}
    .articleContent div.keyfiguretitle{font-size:100px;line-height:60px;}
    #topContentTitle h1, , #topContentTitle span{font-size:40px;}
}
@media screen and (max-width:400px) {
    .articleContent div_ctabnpp div_title, .articleContent div.ctabnpp .title{top:20px;left:30px;font-size:15px;letter-spacing:-1px;}
    .articleContent div_ctabnpp div_claim, .articleContent div.ctabnpp .claim{top:50px;left:30px;font-size:20px;width:150px;line-height:20px;}

}


/*////////////////////////////////////////////////////////////////////////////////////////DEBUT  SHARING MENU//////////////////////////////////////////////////////////////////*/
.articleContent div_infographiccontainer .sharingMenu,.articleContent div_infographiccontainer .menuZoom,  .articleContent div.infographiccontainer  .sharingMenu, .articleContent div.infographiccontainer  .menuZoom, .articleContent figure  .sharingMenu,.articleContent figure  .menuZoom {
    background-color: transparent;
    border: 0px solid #53c169;
    color: #53c169;
}
.articleContent div_infographiccontainer .sharingMenu, .articleContent div.infographiccontainer  .sharingMenu, .articleContent figure  .sharingMenu {
    top: inherit;
    bottom: 0;
}

.articleContent div_infographiccontainer  .sharingMenu:hover,.articleContent div.infographiccontainer  .sharingMenu:hover, .articleContent figure  .sharingMenu:hover {
    width: 110px;
}
.articleContent div_infographiccontainer .sharingMenu ul li,.articleContent div.infographiccontainer  .sharingMenu ul li, .articleContent figure  .sharingMenu ul li {
    background: none !important;
}

.articleContent div_infographiccontainer  .sharingMenu>i.fa-share-alt, .articleContent div.infographiccontainer  .sharingMenu>i.fa-share-alt, .articleContent figure  .sharingMenu>i.fa-share-alt {
    color: #53c169;
}

.articleContent div_infographiccontainer  .menuZoom>span.fa-search-plus, .articleContent div.infographiccontainer  .menuZoom>span.fa-search-plus, .articleContent figure  .menuZoom>span.fa-search-plus{
    color: #53c169;
    line-height: initial;
    font-size: 27px;
    padding: 3px 0 0 3px;
    overflow: hidden;
}

.articleContent div_infographiccontainer .sharingMenu ul li i, .articleContent div.infographiccontainer .sharingMenu ul li i, .articleContent figure .sharingMenu ul li i {
    color: #7f7f7f;
    font-size: 20px;
    line-height: initial;
}

.articleContent div_infographiccontainer .sharingMenu ul li i:hover.fa-envelope, .articleContent div.infographiccontainer  .sharingMenu ul li i:hover.fa-envelope, .articleContent figure  .sharingMenu ul li i:hover.fa-envelope {
    color: #53c169;
}
/*////////////////////////////////////////////////////////////////////////////////////////FIN  SHARING MENU//////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////DEBUT  ZOOM POPIN//////////////////////////////////////////////////////////////////*/
#jobPopupTkp.zoomPopin #tkpInsidePopup {
    background-color: #fff;}
#jobPopupTkp.zoomPopin #tkpInsidePopup #internalCloseButton {
    display: none;
}







div_btnstyle,button_btnstyle,  div_btnrow, div_twobtns, div_buttontitle, div_singlebutton{display: block;}
div_btnstyle:hover,button_btnstyle:hover,.btnstyle:hover{cursor:pointer;}
div_btnstyle,.btnstyle,button_btnstyle {
    width: 100%;
    max-width: 350px;
    vertical-align:middle;
    border: none;
    color: white;
    text-align: center;
    padding: 15px 32px;
    background-color:#f0f0f0;
    font-family:bnpp_sanslight;
    color: #000;
    text-decoration: none;
    font-size: 20px;
    margin: 20px auto;
    display: block;
}
.btnrow, divbtnrow {
    margin: 0 -10px;
}
.twobtns, div_twobtns {
    box-sizing: border-box;
    padding: 0 10px;
    width: 50%;
    float: left;
}
.btnrow:after, div_btnrow:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.buttontitle, div_buttontitle{
    text-align: center;
}
.singlebutton, div_singlebutton{
    width: 100%;
}
@media (max-width: 550px) {
    .btnrow, div_btnrow {
        margin: 0;
    }

    .twobtns, div_twobtns {
        padding: 0;
        width: 100%;
    }
}
/* fin des styles page article  */
#authorComponent{width:100%;margin-top:20px;margin-bottom:20px;}
#authorComponent.noMainImg{border-top:1px solid #ccc;padding-top:20px;}
#authorComponent .inside{width:80%;margin-left:10%;margin-right:10%;}
#authorComponent .inside .imgContainer{width:100%;}
#authorComponent .inside .imgContainer img{width:100%;}
#authorComponent .title{text-align:left;font-family:bnpp_sansregular;margin-top:20px;font-size:18px;line-height: 28px;margin-bottom: 5px;}
#authorComponent .title .nameAuthor{text-align:left;font-family:bnpp_sansregular;margin-top:20px;font-size:25px;margin-bottom: 10px;}
#authorComponent .titleAlone{padding-top:30px;margin-top:0px !important;}
#authorComponent .follow{text-align:right;margin-top:20px;}
#authorComponent .resume .responsiveImgContainer{float:left;width:20%;margin-right:1%;}
#authorComponent .resume .imgContainer{width:100px;float:left;height:100px;margin-right:20px;border-radius:50%;overflow:hidden;}
#authorComponent .resume .imgContainer img{width:100%;}
#authorComponent .resume .responsiveTextContainer{float:left;width:79%;}
#authorComponent .resume{font-size:16px;font-family:bnpp_sanslight;}
@media screen and (max-width:1100px) {
    #authorComponent .resume .responsiveImgContainer{float:left;width:24%;margin-right:1%;}
    #authorComponent .resume .responsiveTextContainer{float:left;width:75%;}

}
@media screen and (max-width:900px) {
    #authorComponent .resume .responsiveImgContainer{float:left;width:29%;margin-right:1%;}
    #authorComponent .resume .responsiveTextContainer{float:left;width:70%;}

}
@media screen and (max-width:500px) {
    #authorComponent .resume .responsiveImgContainer{float:left;width:39%;margin-right:1%;}
    #authorComponent .resume .responsiveTextContainer{float:left;width:60%;}

}

@media screen and (max-width:400px) {
    #authorComponent .resume .responsiveImgContainer{float:left;width:100%;margin-right:1%;text-align:center;}
    #authorComponent .resume .responsiveTextContainer{float:left;width:100%;margin-top:10px;}
    #authorComponent .resume .imgContainer {
        left:50%;margin-left:-50px;
        margin-right:0px;
        position:relative;
    }


}


#mainContent.mainContentWithAdminMenu.mainContent_sw_viewBlog_notop #articleFullPage{margin-top:0px !important;}
#mainContent.mainContent_sw_viewBlog_notop #articleFullPage{margin-top:0px !important;padding-top:30px;}

#mainContent.mainContent_sw_viewBlog{margin-top:0px !important;}
#mainContent.mainContent_sw_viewBlog_notop{margin-top:198px !important;}
#articleFullPage{padding-top:30px;z-index:400;}
#articleFullPage {z-index:400;}
#articleFullPage img{position:relative;}
#articleFullPage .keyWordUp{display: none;}
#articleFullPage .blogTitleNoir {display: none;}
#mainContent.mainContent_sw_viewBlog_notop .blogTitleNoir {display: block;font-family: bnpp_sans_condensedbold;font-size: 80px;line-height: 80px;margin-top: -25px;}
#articleFullPage #header_author_bellowTitle {display: none;}
#articleFullPage #authorNameFunction {display: none;}
#articleFullPage .dateArticle {display: none;}
#articleFullPage .keyWordDown{display: none;}
#articleFullPage .themaKeyword {display: none;}
/*#articleFullPage #recommendations */

#articleFullPage {width: 65%;margin-right: auto;margin-left: auto;margin-bottom:0px;padding-left:5%;padding-right:5%;padding-bottom:45px;background-color: #ffffff;
    margin-top: -8%;position: relative;z-index: 10;}


@media screen and (min-width:1280px) {
    #articleFullPage {width: 820px;margin-left: -450px;left:50%;padding-left:40px;padding-right:40px;}
    #articleTop{margin-top: 186px;}
}




#articleFullPage .abstract  {text-align: center;font-size: 26px;margin-left: 5px;margin-right: 5px;}
#articleFullPage .abstract h3{font-family:Open-Sans; margin-bottom: 0;font-size: 25px;text-align: left;}
#articleFullPage .abstract b{font-family:Open-Sans;font-size: 23px;line-height: normal;text-align: left!important;}

.bg_titreComment {display: none!important;}
#editComment{display: none!important;}
#comments{display: none!important;}



#nextContribution{width: 100%;position: relative;display:inline-block;margin: 0;padding: 0;margin-bottom: -4px;overflow: hidden;margin-top: 70px;z-index: 1;}
#nextContribution .backImgLarge{width: 100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;}
#nextContribution:before{content: '';display: block;padding-top: 44.375%;}
#nextContribution .contentLarge {position: absolute;;width : 100%;height: 100%;top: 0;z-index: 2;}
#nextContribution .contentLarge img{position: absolute;top: 0; width : 100%;height: 100%;z-index: 3;}
#nextContribution .contentLarge .textLarge{position:relative;/*background-color: #9DF39F;*/width: 100%;height: 100%;margin:0;margin-left: auto;margin-right: auto;z-index:4;}
#nextContribution .contentLarge .textLarge .containerHeadAll{position: absolute;bottom: 25%;left: 0;/*background-color: orangered;*/width: 100%;}
#nextContribution .contentLarge .textLarge .headLogo{width:100%;height:33px;line-height: 33px;white-space: nowrap;display:block;/*background-color: #ff9e5e;*/text-align: center;}
#nextContribution .contentLarge .textLarge .logo{font-family:bnpp_sansbold;font-size:15px;text-transform:uppercase;color:#ffffff;padding: 4px 25px 6px 25px;border-radius:25px;}
#nextContribution .contentLarge .textLarge .authorHead{font-family:bnpp_sansbold;font-size:15px;text-transform:uppercase;color:#ffffff;text-shadow: 2px 2px 20px #000;}
#articleTop .contentLarge .textLarge .containerHeadAll .spacerTitle{margin-top: 20px;}
#nextContribution .contentLarge .textLarge .dateHead{font-family:bnpp_sansbold;font-size:15px;text-transform:uppercase;color:#ffffff;text-shadow: 2px 2px 20px #000;}
#nextContribution .contentLarge .textLarge .titleContent{width: 90%;font-family: bnpp_sans_condensed;font-size: 5vw/*45px*/;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 2%;margin-bottom:1%;text-align: center;text-shadow: 2px 2px 20px #000;}
#nextContribution .contentLarge .textLarge .titleContent a{text-decoration: none;color: #ffffff;}
#nextContribution .contentLarge .textLarge .marginBull{margin-left: 7px;margin-right: 10px;}
#nextContribution .contentLarge .textLarge .abstractTitle{width: 90%;/*background-color: #00a0d6;*/font-family:bnpp_sansregular;font-size: 1.5vw/*16px*/;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: center;text-shadow: 2px 2px 20px #000;}
#nextContribution .containerButton{width: 100%;position: relative;margin-top: 20px;display: inline-block;}
#nextContribution .centralButton{margin-left: auto;margin-right:auto;text-align:center;background-color: #ffffff;height:30px;position: relative;width: 120px;line-height:30px;font-family: bnpp_sansbold;text-transform: uppercase;font-size: 12px;border-radius: 2px;}
#nextContribution .centralButton a{text-decoration: none;color:#333333;}
/*////////////////////////////////////////////////////////////////////////////////////////fin Main CONTENT article//////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////MENU NAV//////////////////////////////////////////////////////////////////////////////*/

/*=====  BURGER MENU  ======*/
#containerburgerMenuContent{right:-100%;background-color: transparent;width: 100%;height:100%;position:fixed;top:0px;z-index:1000;padding-top:95px;box-sizing: border-box;}
#burgerMenuContent{float:right;width:300px;height:100%;z-index:1000;position:relative;background-color:#333;top:0px;border: 1px solid #333;-webkit-box-shadow: 3px 0 5px 0 rgba(80, 80, 80, 0.79);box-shadow: 3px 0 5px 0 rgba(80, 80, 80, 0.79);
    overflow-y: auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:none;}
#burgerCloseButton:hover{cursor:pointer;}
#burgerMenuContent p.accordion{color:#c1c1c1;font-family:bnpp_sans_condensed;font-size:25px;margin-left:15px;border-bottom:1px solid rgba(132, 132, 132, 0.79); padding-bottom:5px;
    margin-top: 15px;margin-bottom: 10px}
#burgerMenuContent p.on,#burgerMenuContent p:hover {color:#fff;}
#burgerMenuContent p:hover{cursor:pointer;}

#burgerMenuContent .cibArrDown{width:30px;height:30px;background-position:-30px -56px;float:right;display:block;margin-right:10px;}
#burgerMenuContent .cibArrRight{width:30px;height:30px;background-position:0px -56px;float:right;display:block;margin-right:10px;}
#burgerMenuContent .cibArrleft{float:left;width:30px;height:30px;background-position:-60px -56px;display:block;margin-right:10px;}
#burgerCloseButton{width:30px;height:30px;background-position:-158px -31px;float:right;margin-right:10px;margin-top:10px;}
#burgerMenuContent ul{padding:0;margin:0;}
#burgerMenuContent ul li{padding:5px 0 5px 0px;margin-left:10px;width:260px;font-family: bnpp_sansregular;font-size: 18px;list-style:none;}
#burgerMenuContent ul li.noneList{list-style: none;/*height: 30px;*/;position:relative;}
#burgerMenuContent ul li a{color:#c1c1c1 !important;text-decoration: none;}
#burgerMenuContent ul li a:hover{color:#fff !important;}

#burgerMenuContent .title{float:none;padding:0px;}
#burgerMenuContent #social li{width:280px;}
#burgerMenuContent .tweeterIcon{width: 137px;/*border-right: 1px solid rgba(132,132,132,0.79)*/;text-align: center;margin-left:0px;float:left;}
#burgerMenuContent .tweeterIcon img{width:137px;}
#burgerMenuContent .linkedinIcon{width: 137px;text-align: center;margin-left:5px;float:left}
#burgerMenuContent .linkedinIcon img{width: 137px;}
#burgerMenuContent .search{border-top: 1px solid rgba(132,132,132,0.79);padding-top:15px;padding-bottom:0px;height:40px;clear:both;}
#burgerMenuContent .search input{border: 1px solid rgba(132, 132, 132, 0.79);color:#848484;padding-left:10px;padding-right:10px;height: 19px;width: 170px;background-color: #2e2e2e;float: left;outline: none;}
#burgerMenuContent .search .imgSearch{background-position:-275px -32px;width:27px;height:27px;position:relative;float: left;margin-top: 0px;margin-left: 10px;}
.imgSearch:HOVER{cursor:pointer;}
#burgerMenuContent .burgerSubContent{width: 300px;position: absolute;top: 0px;left: 300px;height: 100%;box-sizing: border-box;background-color:#333;z-index: 1002;}
/*=====  FIN BURGER MENU  ======*/


/*///////////////////////////////////////////////////////////////////////////////////FIN MENU NAV//////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////RESPONSIVE/////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 1776px){
    .footer-links .container .footer-bourse{width: 30%;}
    .footer-links .container .links{width:14%; }
}

@media screen and (max-width: 1535px){
    .footer-links .container .links{width:14%; }

}
@media screen and (max-width: 1495px){
    .feedBackForm .control-group{width: 60%;float: left;}
}
@media screen and (max-width: 1435px){
    .footer-links .container .footer-bourse{width: 28%;}
    .footer-links p.title{padding: 8px 10px;font-size: 11px; }
    .footer-links ul{padding-left:13px;}
}
@media screen and (max-width: 1385px){
    .footer-links .container .links{width:14%;padding-left: 1%;padding-right: 1%;}
}
@media screen and (max-width:1300px ){
    #articleTop .contentLarge .textLarge .titleContent h1{font-size: 65px;}
}
@media screen and (max-width: 1280px){
    .mainContent_sw_viewBlog .feedBackForm{padding: 15px 0 20px;width: 74.5%;margin: 0 auto;}
    .mainContent_sw_viewBlog .feedBackForm .control-group{width: 60%;float: left;}

    #articleTop .contentLarge .textLarge .containerHeadAll.containerHeadAll.wBackground.left.align{margin-left: -43%;}
    #articleTop{width: 100%;}
    #articleTop .contentLarge .textLarge .containerHeadAll.containerHeadAll.wBackground.left.align{margin-left: -37.7%;}
}
@media screen and (max-width:1200px) {

    #topNewsComponent.insights  .otherArticle{width: 50%;float:left;margin: 0;padding: 0;overflow:hidden;}
    .otherArticle .contentLittle .textLittle .titleContent{width: 100%;font-family: bnpp_sans_condensed !important;font-size: 35px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    .otherArticle .contentLittle .textLittle .titleContent h1{width: 100%;font-size: 35px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    .otherArticle .contentLittle .textLittle .titleContent h3{width: 100%;font-size: 35px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #topNewsComponent.insights  .otherArticle .titleContent{width: 100%;font-size: 35px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #topNewsComponent.insights  .otherArticle .titleContent h1{width: 100%;font-size: 35px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #topNewsComponent.insights  .otherArticle .titleContent h3{width: 100%;font-size: 35px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #topNewsComponent.insights  .otherArticle .abstractTitle{display:block;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent{font-size: 30px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent h1{font-size: 30px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent h3{font-size: 30px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent{font-size: 30px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent h1{font-size: 30px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent h3{font-size: 30px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent{width: 100%;font-size: 35px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent h1,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h1{width: 100%;font-size: 35px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent h3,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h3{width: 100%;font-size: 35px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent{font-size:42px;}

    .otherArticle.block4{width: 50%;}


}

@media screen and (max-width:1200px){
    #feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle{font-size: 17px!important;}
    #feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle h4{font-size: 17px!important;}
    #feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle{font-size: 17px!important;}
    #feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle h4{font-size: 17px!important;}
    #inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .abstractTitle,#inDepthComponent #containerInDepth .firstArticle:hover .contentLittle .textLittle .abstractTitle{font-size: 16px !important;}
}

@media screen and (max-width: 1125px) {
    .mainContent_sw_viewBlog .feedBackForm .control-group{width: 55%;}
}
@media screen and (max-width: 1100px){
    #inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .long{display: none;}
    #inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .small{display: block;}
}
@media screen and (max-width: 1052px){
    .feedBackForm .control-group,.mainContent_sw_viewBlog .feedBackForm .control-group{width: 98%;float: left;}
    .feedBackForm #feedback-form{/*height: auto!important;*/}
    .feedBackForm .g-recaptcha{margin-left: 0;}
    .mainContent_sw_viewBlog .feedBackForm .g-recaptcha,.feedBackForm .g-recaptcha{margin-left: 25px;}
    .mainContent_sw_viewBlog .feedBackForm .captchaMsg,.feedBackForm .captchaMsg {clear: both;float: left;margin-top: 37px;display: inline-block;margin-left: 0;}

}
@media screen and (max-width: 1024px){
    #articleTop .contentLarge .textLarge .keywordHead {display:none;}
}
@media screen and (max-width: 1000px){
    a.tooltip .tooltip {width:50%;}
}

@media screen and (max-width:999px) {
    .firstArticle .contentLarge .textLarge .logo{font-size:15px;padding: 5px 20px 7px 20px;}
    .firstArticle .contentLarge .textLarge .logo h1{font-size:15px;padding: 5px 0px 7px 0px;}
    .firstArticle .contentLarge .textLarge .logo h2{font-size:15px;padding: 5px 0px 7px 0px;}
    .firstArticle .contentLarge .textLarge .authorHead{font-size:15px;}
    .firstArticle .contentLarge .textLarge .dateHead{font-size:15px;}
    .firstArticle .contentLarge .textLarge .titleContent{font-size: 50px !important;}
    .firstArticle .contentLarge .textLarge .titleContent h1{font-size: 50px !important;}
    .firstArticle .contentLarge .textLarge .titleContent h3{font-size: 50px !important;}
    .firstArticle .contentLarge .textLarge .abstractTitle{font-size: 15px !important;}
    .firstArticle .contentLarge .textLarge .abstractTitle h4{font-size:15px !important;}
    .otherArticle .contentLittle .textLittle .abstractTitle{font-size: 17px!important;}
    .otherArticle .contentLittle .textLittle .abstractTitle h4{font-size: 15px!important;}
    #lastNewsOurVision .contentLarge .textLarge .abstractTitle{font-size: 15px;}
    #lastNewsOurVision .contentLarge .textLarge .abstractTitle h4{font-size: 15px;}

    .otherArticle .contentLittle .textLittle .logo{font-size:13px;}
    .otherArticle .contentLittle .textLittle .logo h1{font-size:13px;}
    .otherArticle .contentLittle .textLittle .logo h2{font-size:13px;}
    .otherArticle .contentLittle .textLittle .authorHead{font-size:13px;}
    .otherArticle .contentLittle .textLittle .dateHead{font-size:13px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent{width: 100%;font-size: 25px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent h1,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h1{width: 100%;font-size: 25px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent h3,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h3{width: 100%;font-size: 25px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent{font-size:35px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent{font-size: 25px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent h1{font-size: 25px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent h3{font-size: 25px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent{font-size: 25px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent h1{font-size: 25px;}

    #articleTop .contentLarge .textLarge .titleContent{font-size: 50px;}
    #articleTop .contentLarge .textLarge .titleContent h1{font-size: 50px;}




    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo{font-size:13px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo h1{font-size:13px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo h2{font-size:13px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo{font-size:13px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo h1{font-size:13px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo h2{font-size:13px;}


    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo{font-size:13px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo h1,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo h1{font-size:13px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo h2,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo h2{font-size:13px;}
    #feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle{font-size: 15px!important;}
    #feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle h4{font-size: 15px!important;}
    #feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle{font-size: 15px!important;}
    #feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle h4{font-size: 15px!important;}
    #inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .abstractTitle,#inDepthComponent #containerInDepth .firstArticle:hover .contentLittle .textLittle .abstractTitle{font-size: 15px !important;}
}
@media screen and (max-width: 990px){
    .footer-links .container .footer-bourse{width: 100%;margin-bottom: 15px;}
    .footer-links .container .links{width:31%; }
}
@media screen and (max-width:889px) {
    #lastNewsOurVision .containerButton{display:none;}
    .firstArticle .contentLarge .textLarge .titleContent{font-size: 40px !important;}
    .firstArticle .contentLarge .textLarge .titleContent h1{font-size: 40px !important;}
    .firstArticle .contentLarge .textLarge .titleContent h3{font-size: 40px !important;}
    .otherArticle .contentLittle .textLittle .titleContent{width: 100%;font-size: 30px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    .otherArticle .contentLittle .textLittle .titleContent h1{width: 100%;font-size: 30px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    .otherArticle .contentLittle .textLittle .titleContent h3{width: 100%;font-size: 30px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    .firstArticle .contentLarge .textLarge .abstractTitle{font-size: 15px !important;}
    .firstArticle .contentLarge .textLarge .abstractTitle h4{font-size: 15px !important;}
    .otherArticle .contentLittle .textLittle .abstractTitle{font-size: 15px!important;}
    .otherArticle .contentLittle .textLittle .abstractTitle h4{font-size: 15px!important;}
    #topNewsComponent.insights  .otherArticle .titleContent{font-size: 30px;}
    #topNewsComponent.insights  .otherArticle .titleContent h1{font-size: 30px;}
    #topNewsComponent.insights  .otherArticle .titleContent h3{font-size: 30px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent{width: 100%;font-family: bnpp_sans_condensed;font-size: 23px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent h1,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h1{width: 100%;font-family: bnpp_sans_condensed;font-size: 23px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent h3,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h3{width: 100%;font-family: bnpp_sans_condensed;font-size: 23px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent{font-size:25px;}


    #feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle{font-size: 14px!important;}
    #feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle h4{font-size: 14px!important;}
    #feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle{font-size: 14px!important;}
    #feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle h4{font-size: 14px!important;}
    #inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .abstractTitle,#inDepthComponent #containerInDepth .firstArticle:hover .contentLittle .textLittle .abstractTitle{font-size: 14px !important;}

}
@media screen and (max-width: 830px){
    .mainContent_sw_viewBlog .feedBackForm .g-recaptcha,.feedBackForm .g-recaptcha{width: 100%;margin-left: 0;}
    .mainContent_sw_viewBlog .feedBackForm .captchaMsg,.feedBackForm .captchaMsg{margin-top: 5px;}
    .feedBackForm p{margin-left: 0;}
    .cibKeywords li.keyword {
        width: 140px;
        padding-top:14px;
        font-size: 14px !important;
    }
    .cibKeywords li .hash{font-size:12px;}
}
@media screen and (max-width:820px ){
    #articleTop .contentLarge .textLarge .titleContent h1{font-size: 50px;}
}
@media screen and (max-width:769px) {
    #searchHeader_0{display:none !important;}
    #topMenu{height: 167px;border-top:8px solid #008f5b;}




    #burgerMenuContent{display:block;}
    #searchHeader{display: none;}
    #clientLoginHeader{display: none !important;}
    #menubtn{display:block;}
    #menuFirstLine #greenBar{display:none;}
    .cibTabs, .cibKeywords{display:none;}

    #topMenu{height:86px !important;}
    .mainContent_sw_home, #articleTop,#mainContent {
        margin-top: 93px !important;
    }
    #menuFirstLine {
        height: 85px !important;
        position: absolute;
        border-bottom: 1px solid #eee;
        width: 100%;
        z-index: 997;
    }
    #topNewsComponent.insights  .otherArticle, #topNewsComponent.threeBlocksInARow  .otherArticle{width: 100%;float:left;margin: 0;padding: 0;overflow:hidden;}
    .otherArticle{width: 100%;position: relative;}
    .firstArticle{width: 100%;display: inline-block;position: relative;overflow:hidden;}
    .otherArticle .contentLittle .textLittle .titleContent{width: 100%;font-size: 40px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    .otherArticle .contentLittle .textLittle .titleContent h1{width: 100%;font-size: 40px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    .otherArticle .contentLittle .textLittle .titleContent h3{width: 100%;font-size: 40px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #topNewsComponent.insights  .otherArticle .titleContent h1{font-size: 40px;}
    #topNewsComponent.insights  .otherArticle .titleContent h3{font-size: 40px;}

    #abstractHeader .textAbstractHeader{font-size:20px;}
    #abstractHeader .learnMoreHeader a{font-size:20px;}

    #inDepthComponent .firstArticle{width:100% !important;}
    #inDepthComponent .otherArticle{width:50% !important;}
    #inDepthComponent #containerInDepth.containerInDepth_3 .otherArticle{width: 100% !important;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent{width: 100%;font-size: 30px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent h1,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h3{width: 100%;font-size: 30px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent h3,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h3{width: 100%;font-size: 30px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
    #inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent{font-size:40px;}

    .firstArticle .contentLarge .textLarge .logo{font-size:12px;padding: 9px 25px 7px 25px;}
    .firstArticle .contentLarge .textLarge .logo h1{font-size:12px;padding: 9px 0px 7px 0px;}
    .firstArticle .contentLarge .textLarge .logo h2{font-size:12px;padding: 9px 0px 7px 0px;}
    .firstArticle .contentLarge .textLarge .authorHead{font-size:12px;}
    .firstArticle .contentLarge .textLarge .dateHead{font-size:12px;}
    .firstArticle .contentLarge .textLarge .marginBull{margin-left: 3px;margin-right: 6px;}



    #articleTop .contentLarge .textLarge .titleContent{font-size: 40px;}
    #articleTop .contentLarge .textLarge .titleContent h1{font-size: 40px;}



    .otherArticle .contentLittle .textLittle .logo{font-size:11px;padding: 0 15px;}
    .otherArticle .contentLittle .textLittle .logo h1{font-size:11px;padding: 0 0px;}
    .otherArticle .contentLittle .textLittle .logo h2{font-size:11px;padding: 0 0px;}
    .otherArticle .contentLittle .textLittle .authorHead{font-size:11px;}
    .otherArticle .contentLittle .textLittle .dateHead{font-size:11px;}
    .otherArticle .contentLittle .textLittle .marginBull{margin-left: 5px;margin-right: 5px;}


    #feedHistory_1{background-color: #ffffff;padding-bottom: 0;display:table;}
    #feedHistory_1 .centralBarContainer{display:none;}
    #feedHistory_1 .articleComponent_16_9 {width: 100%;margin-bottom: 0px;margin-left: auto;margin-right: 0px;}
    #feedHistory_1 .articleComponent_16_9:before{content: '';display: block;padding-top: 52.72%;}
    #feedHistory_1 .articleComponentPlayableVideo:before{padding-top: 56.25%;}
    #feedHistory_1 .articleComponent_16_9 .backImg_16_9{width:100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;height:auto;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo{font-size:15px;color:#ffffff;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo h1{font-size:15px;color:#ffffff;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo h2{font-size:15px;color:#ffffff;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent{width: 100%;/*background-color: #2A975D;*/font-size: 35px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent h1{width: 100%;/*background-color: #2A975D;*/font-size: 35px;}
    #feedHistory_1 .articleComponent_4_3 {/*height: 300px;*/width: 100%;/*background-color: orangered;*/margin-bottom: 0;margin-left: auto;margin-right: auto;}
    #feedHistory_1 .articleComponent_4_3:before{content: '';display: block;padding-top: 52.72%;}
    #feedHistory_1 .articleComponent_4_3 .backImg_4_3{width:100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;height:auto;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo{font-size:15px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo h1{font-size:15px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo h2{font-size:15px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent{width: 100%;/*background-color: #2A975D;*/font-size: 32px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent h1{width: 100%;/*background-color: #2A975D;*/font-size: 32px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent h3{width: 100%;/*background-color: #2A975D;*/font-size: 32px;}

    #feedHistory_1 .margeLeftFirst_16_9{float:left;margin-left: 0;margin-top: 0;/*border-top: 30px solid #333333*/}
    #feedHistory_1 .margeLeft_16_9{float:left;margin-left: 0;margin-top: 2px;}
    #feedHistory_1 .margeRightFirst_4_3{float:left;margin-right: 0;margin-top: 2px;}
    #feedHistory_1 .margeRight_4_3{float:left;margin-right: 0;margin-top: 2px;}
    #feedHistory_1 .margeRight_16_9{float: left;margin-right: 0;margin-left: 0;margin-top: 2px;}
    #feedHistory_1 .margeLeft_4_3{float:left;margin-left: 0;margin-right: 0;margin-top: 2px;}

    #feedHistory_1 .borderLeftFirst {display: none;}
    #feedHistory_1 .borderLeft {display: none;}
    #feedHistory_1 .borderRightFirst {display: none;}
    #feedHistory_1 .borderRight {display: none;}





    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo{font-size:11px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo h2,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo h2{font-size:11px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo h1,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo h1{font-size:11px;}

    #lastNewsOurVision .contentLarge .textLarge .logo{font-size:11px;}
    #lastNewsOurVision .contentLarge .textLarge .logo h2{font-size:11px;}
    #lastNewsOurVision .contentLarge .textLarge .dateHead{font-size:11px;}

    #footer .linkFooter{font-size: 11px;}


    #articleTop .contentLarge .textLarge .authorHead{font-size:14px;}
    #articleTop .contentLarge .textLarge .dateHead{font-size:14px;}
    #nextContribution .contentLarge .textLarge .logo{font-size:14px;}
    #nextContribution .contentLarge .textLarge .authorHead{font-size:14px;}
    #nextContribution .contentLarge .textLarge .dateHead{font-size:14px;}


    #feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle{font-size: 18px!important;}
    #feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle h4{font-size: 18px!important;}
    #feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle{font-size: 18px!important;}
    #feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle h4{font-size: 18px!important;}
    #inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .abstractTitle,#inDepthComponent #containerInDepth .firstArticle:hover .contentLittle .textLittle .abstractTitle{font-size: 18px !important;}



    .otherArticle.block3{width: 100%;}
    .otherArticle.block4{width: 100%;}

    .barScrollingProgress{top:87px!important;}


    /*.footer-links .container .links{display: none;}
    .footer-links .links.footer-social ul li a span{display: none;}
    .footer-links .links.footer-social{display: block;width: 100%;}
    .footer-links .links.footer-social p.title {padding: 2px 0 0 5px;display: inline-block;line-height: 12px;margin-right: 15px;}
    .footer-links .links.footer-social ul {padding: 0;display: inline-block;margin-bottom: 0;}
    .footer-links .links.footer-social ul li{display: inline-block;vertical-align: middle;padding: 0 4px;margin-bottom: 0;}
    .footer-links .links.footer-social ul li a:hover{border-color: transparent;}*/

    .mainContent_sw_viewBlog .feedBackForm{margin: 0 15px;width: inherit;}
}

@media screen and (max-width:769px) {
    .mainContent_sw_viewBlog{padding-top:0px !important;margin-top:0px !important;}
    abstractHeader .textAbstractHeader{font-size:17px;}
    #abstractHeader .learnMoreHeader a{font-size:17px;}

    #mainContent .leftBorder{display: none;}
    #mainContent .rightBorder{display: none;}
    .otherArticle{width: 100%;position: relative;}
    .firstArticle{width: 100%;display: inline-block;position: relative;overflow:hidden;}
    .firstArticle .backImgLarge{position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;height:100%;margin-left:-25%;width:auto;}
    .firstArticle:before{content: '';display: block;padding-top: 72.76%;}

    .firstArticle .contentLarge .textLarge .containerHeadAll{position: absolute;;left: 0;bottom: 15px;}
    .contentLarge .textLarge .containerHeadAll .share{text-align: left;}
    .firstArticle .contentLarge .textLarge .headLogo{width:100%;height:28px;line-height: 28px;white-space: nowrap;/*background-color: #ff9e5e;*/display: block;text-align: left;}
    .firstArticle .contentLarge .textLarge .logo{font-size:13px;}
    .firstArticle .contentLarge .textLarge .logo h1{font-size:13px;;}
    .firstArticle .contentLarge .textLarge .logo h2{font-size:13px;}
    .firstArticle .contentLarge .textLarge .authorHead{font-size:13px;font-family:bnpp_sansbold;text-transform:uppercase;color:#ffffff;float: left;}
    .firstArticle .contentLarge .textLarge .dateHead{font-size:13px;font-family:bnpp_sansbold;text-transform:uppercase;color:#ffffff;float: left;}
    .firstArticle .contentLarge .textLarge .titleContent{width:100%;font-size: 35px;text-align: left;}
    .firstArticle .contentLarge .textLarge .titleContent h1{width:100%;font-size: 35px !important;text-align: left;}
    .firstArticle .contentLarge .textLarge .titleContent h3{width:100%;font-size: 35px !important;text-align: left;}
    .firstArticle .contentLarge .textLarge .abstractTitle{width:100%;text-align: left;font-size: 18px !important;}
    .firstArticle .contentLarge .textLarge .abstractTitle h4{width:100%;text-align: left;font-size: 18px !important;}

    .otherArticle .contentLittle .textLittle .logo{font-size:13px;}
    .otherArticle .contentLittle .textLittle .logo h1{font-size:13px;}
    .otherArticle .contentLittle .textLittle .logo h2{font-size:13px;}
    .otherArticle .contentLittle .textLittle .authorHead{font-size:13px;}
    .otherArticle .contentLittle .textLittle .dateHead{font-size:13px;}
    .otherArticle .contentLittle .textLittle .titleContent{font-size: 35px;}
    .otherArticle .contentLittle .textLittle .titleContent h1{font-size: 35px;}
    .otherArticle .contentLittle .textLittle .titleContent h3{font-size: 35px;}
    .otherArticle .contentLittle .textLittle .abstractTitle{font-size: 18px !important;}
    .otherArticle .contentLittle .textLittle .abstractTitle h4{font-size: 18px !important;}




    .articleContent h3, .articleContent h3_intertitre {
        font-size: 25px !important;line-height:30px;
    }
    .articleContent h2, .articleContent h2_intertitre {
        font-size: 25px !important;line-height:30px;
    }

    .articleContent blockquote.citation, .articleContent blockquote_citation, .articleContent span_citation {
        font-size: 16px !important;
        line-height: 20px;
    }


    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo{font-size:13px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo h1,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo h1{font-size:13px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo h2,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo h2{font-size:13px;}




    #lastNewsOurVision:before{content: '';display: block;padding-top: 52.72%/*44.375*/;}
    #lastNewsOurVision .contentLarge .textLarge .headLogo{height:23px;line-height: 23px;}
    #lastNewsOurVision .contentLarge .textLarge .logo{font-size:13px;}
    #lastNewsOurVision .contentLarge .textLarge .logo h2{font-size:13px;}
    #lastNewsOurVision .contentLarge .textLarge .authorHead{font-size:13px;}
    #lastNewsOurVision .contentLarge .textLarge .dateHead{font-size:13px;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent{font-size:40px;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent h1{font-size:40px;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent h3{font-size:40px;}



    #articleFullPage {width:100%;padding-bottom:45px;margin-top: 0;padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0;}




    #articleFullPage .articleContent {display: block;width:95%;margin-left: auto;margin-right: auto;}

    #articleFullPage .videoTkp {width:100%;margin-left: 0;}


    #mainContent.mainContent_sw_viewBlog_notop .blogTitleNoir {padding-left:20px;}
    #inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .long{display: block;}
    #inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .small{display: none;}


    .ratingComponent{margin-right:2.5%; }
}

@media screen and (max-width: 600px){
    a.tooltip .tooltip {width:60%;margin-left:-100px;}
}
@media screen and (max-width: 860px) {
    #footer{min-height: 100px;text-align: center;}
    #footer .logoFooter{text-align: center;float: none;}
    #footer .linkFooter{clear:both;font-size:11px;text-align: center;float: none;width:100%;margin-top:20px;}
}
@media screen and (max-width: 660px) {
    #textHeader{display: none;}

    #abstractHeader .textAbstractHeader{font-size:15px;}
    .abstractHeaderHome .textAbstractHeader h1{font-size:15px;}
    #abstractHeader .learnMoreHeader a{font-size:15px;}

    #menuBottomFlux{width:100%;height:65px;line-height: 65px;white-space: nowrap;display: block;text-align: center;background-color: #373938;}

    #containerTheme{width:60%;background-color: #ffffff;float: left;}
    #arrow{width:0;border:15px solid transparent;border-left:15px solid #ffffff;float: left;margin-top: 17px;}

    #menuBottomFlux .logo{font-family:bnpp_sansbold;width:83px;height:23px;font-size:15px;text-transform:uppercase;color:#ffffff;padding: 0 20px;padding-top:5px;padding-bottom:5px;border-radius:25px;margin-right:1%;}




    #feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle{font-size: 17px!important;}
    #feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle h4{font-size: 17px!important;}
    #feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle{font-size: 17px!important;}
    #feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle h4{font-size: 17px!important;}
    #inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .abstractTitle,#inDepthComponent #containerInDepth .firstArticle:hover .contentLittle .textLittle .abstractTitle{font-size: 16px !important;}
    #inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .long{display:none ;}
    #inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .small{display: block;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent{font-size: 30px;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent h1{font-size: 30px;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent h3{font-size: 30px;}
}


@media screen and (max-width: 595px){
    .feedBackForm p{margin-left: 0;margin-top: 3px;clear: both;}
}
@media screen and (max-width: 560px){
    .footer-links .container .links{width: 48%;}
}
@media screen and (max-width: 499px){
    #inDepthComponent .otherArticle{width:100% !important;}
    .firstArticle .contentLarge .textLarge .titleContent{width:100%;font-size: 30px!important;margin-top: 5%;}
    .firstArticle .contentLarge .textLarge .titleContent h1{width:100%;font-size: 30px!important;margin-top: 5%;}
    .firstArticle .contentLarge .textLarge .titleContent h3{width:100%;font-size: 30px!important;margin-top: 5%;}
    .firstArticle .contentLarge .textLarge .abstractTitle{display:none;}
    .otherArticle .contentLittle .textLittle .titleContent,.otherArticle .contentLittle .textLittle .titleContent h1,.otherArticle .contentLittle .textLittle .titleContent h3{margin-top: 5%;}
    .otherArticle .contentLittle .textLittle .abstractTitle{display:none;}
    .otherArticle .contentLittle .textLittle .abstractTitle h4{font-size: 15px;}

    /*#containerTheme:after, #containerTheme:before {left: 75%;top: 98.3%;border: solid #ffffff;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
    #containerTheme:after {border-color: rgba(255, 255, 255, 0);border-left-color: #ffffff;border-width: 14px;margin-top: -14px;}*/
    #menuBottomFlux .logo{font-family:bnpp_sansbold;width:65px;height:23px;font-size:12px;text-transform:uppercase;color:#ffffff;padding: 0 10px;padding-top:5px;padding-bottom:5px;border-radius:25px;margin-right:1%;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo{font-size:12px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo h1{font-size:12px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo h2{font-size:12px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent{width: 100%;/*background-color: #2A975D;*/font-size: 25px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent h1{width: 100%;/*background-color: #2A975D;*/font-size: 25px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent h3{width: 100%;/*background-color: #2A975D;*/font-size: 25px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo{font-size:12px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo h1{font-size:12px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo h2{font-size:12px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent{width: 100%;/*background-color: #2A975D;*/font-size: 25px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent h1{width: 100%;/*background-color: #2A975D;*/font-size: 25px;}
    #lastNewsOurVision .contentLarge .textLarge .logo{font-size:10px;}#lastNewsOurVision .contentLarge .textLarge .dateHead{font-size:10px;}
    #lastNewsOurVision .contentLarge .textLarge .logo h2{font-size:10px;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent{font-size: 25px;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent h1{font-size: 25px;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent h3{font-size: 25px;}
    #lastNewsOurVision .contentLarge .textLarge .abstractTitle{display:none;}

    #articleTop .contentLarge .textLarge .titleContent {font-size: 25px;}
    #articleTop .contentLarge .textLarge .titleContent h1 {font-size: 25px;}

    #feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle{font-size: 15px!important;}
    #feedHistory_1 .articleComponent_4_3:hover .contentLittle .textLittle .abstractTitle h4{font-size: 15px!important;}
    #feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle{font-size: 15px!important;}
    #feedHistory_1 .articleComponent_16_9:hover .contentLittle .textLittle .abstractTitle h4{font-size: 15px!important;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent h3,.firstArticle .contentLarge .textLarge .titleContent h3,.otherArticle .contentLittle .textLittle .titleContent h3,
    #inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h3, .otherArticle .contentLittle .textLittle .titleContent h3
    {
        font-size: 25px !important;
    }
    #inDepthComponent #containerInDepth .otherArticle:hover .contentLittle .textLittle .abstractTitle,#inDepthComponent #containerInDepth .firstArticle:hover .contentLittle .textLittle .abstractTitle{font-size: 14px !important;}

}
@media screen and (max-width: 450px){
    #lastNewsOurVision .contentLarge .textLarge .abstractTitle{display:none;}
    #lastNewsOurVision .contentLarge .textLarge .abstractTitle h4{display:none;}
    .firstArticle .contentLarge .textLarge .abstractTitle{display:none;}
    .firstArticle .contentLarge .textLarge .abstractTitle h4{display:none;}

    #topNewsComponent.insights  .otherArticle .abstractTitle{display:none;}
}

@media screen and (max-width: 399px){

    #abstractHeader .textAbstractHeader{font-size:14px;}
    #abstractHeader .learnMoreHeader a{font-size:14px;}

    .firstArticle .contentLarge .textLarge .titleContent{width:100%;font-size: 30px !important;margin-top: 9%;}
    .firstArticle .contentLarge .textLarge .titleContent h1{width:100%;font-size: 30px !important;margin-top: 9%;}
    .firstArticle .contentLarge .textLarge .titleContent h3{width:100%;font-size: 30px !important;margin-top: 9%;}


    .otherArticle .contentLittle .textLittle .titleContent{font-size: 25px;margin-top: 9%;}
    .otherArticle .contentLittle .textLittle .titleContent h1{font-size: 25px;margin-top: 9%;}
    .otherArticle .contentLittle .textLittle .titleContent h3{font-size: 25px;margin-top: 9%;}

    #inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent {font-size: 25px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent, #inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent {font-size: 25px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent h1, #inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h1 {font-size: 25px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .titleContent h3, #inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .titleContent h3 {font-size: 25px;}


    #lastNewsOurVision .contentLarge .textLarge .headLogo{height:13px;line-height: 13px;}
    #lastNewsOurVision .contentLarge .textLarge .logo{font-size:10px;}
    #lastNewsOurVision .contentLarge .textLarge .logo h2{font-size:10px;}
    #lastNewsOurVision .contentLarge .textLarge .authorHead{font-size:10px;}
    #lastNewsOurVision .contentLarge .textLarge .dateHead{font-size:10px;}



    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo{font-size:10px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo h1{font-size:10px;}
    #feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo h2{font-size:10px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo{font-size:10px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo h1{font-size:10px;}
    #feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo h2{font-size:10px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo{font-size:10px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo h1,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo h1{font-size:10px;}
    #inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo h2,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo h2{font-size:10px;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent{font-size:25px;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent h1{font-size:25px;}
    #lastNewsOurVision .contentLarge .textLarge .titleContent h3{font-size:25px;}
    #lastNewsOurVision .contentLarge .textLarge .abstractTitle{display:none;}
    #lastNewsOurVision .contentLarge .textLarge .abstractTitle h4{display:none;}

}
@media screen and (max-width: 380px){
    .footer-links .container .links{width: 85%;}
}


@media screen and (max-height: 480px){
    #burgerMenuContent p.accordion {

        font-size: 20px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    ul .firstLevel .title {
        padding: 5px;
        font-size: 14px;
    }
    #burgerMenuContent ul li {
        padding:5px 0px 0px 0px;
    }
    ul .firstLevel .miscBullet , .thinkBullet, .adaptBullet, .sustainBullet, .bnppBullet {
        margin-top: 5px !important;
    }
}

/*////////////////////////////////////////////////////////////////////////////////////////IE 8 & précédent/////////////////////////////////////////////////////////////////////////////*/





#abstractHeader .textAbstractHeader{font-size:25px\9;}
#abstractHeader .learnMoreHeader a{font-size:25px\9;}

.firstArticle .contentLarge .textLarge .logo{font-size:16px\9;}
.firstArticle .contentLarge .textLarge .authorHead{font-size:16px\9;}
.firstArticle .contentLarge .textLarge .dateHead{font-size:16px\9;}
.firstArticle .contentLarge .textLarge .titleContent{font-size: 55px\9;}
.firstArticle .contentLarge .textLarge .titleContent h1{font-size: 55px\9;}
.firstArticle .contentLarge .textLarge .titleContent h3{font-size: 55px\9;}
.firstArticle .contentLarge .textLarge .abstractTitle{font-size:18px\9;}
.firstArticle .contentLarge .textLarge .abstractTitle h4{font-size:18px\9;}

.otherArticle .contentLittle .textLittle .logo{font-size:13px\9;}
.otherArticle .contentLittle .textLittle .logo h1{font-size:13px\9;}
.otherArticle .contentLittle .textLittle .logo h2{font-size:13px\9;}
.otherArticle .contentLittle .textLittle .authorHead{font-size:13px\9;}
.otherArticle .contentLittle .textLittle .dateHead{font-size:13px\9;}
.otherArticle .contentLittle .textLittle .titleContent{font-size: 32px\9;}
.otherArticle .contentLittle .textLittle .titleContent h1{font-size: 32px\9;}
.otherArticle .contentLittle .textLittle .titleContent h3{font-size: 32px\9;}
.otherArticle .contentLittle .textLittle .abstractTitle{font-size: 14px\9;}
.otherArticle .contentLittle .textLittle .abstractTitle h4{font-size: 14px\9;}

#lastNewsOurVision .contentLarge .textLarge .headLogo{height:13px\9;line-height: 13px\9;}
#lastNewsOurVision .contentLarge .textLarge .logo{font-size:13px\9;}
#lastNewsOurVision .contentLarge .textLarge .logo h2{font-size:13px\9;}
#lastNewsOurVision .contentLarge .textLarge .authorHead{font-size:13px\9;}
#lastNewsOurVision .contentLarge .textLarge .dateHead{font-size:13px\9;}
#lastNewsOurVision .contentLarge .textLarge .titleContent{font-size:55px\9;}
#lastNewsOurVision .contentLarge .textLarge .titleContent h1{font-size:55px\9;}
#lastNewsOurVision .contentLarge .textLarge .titleContent h3{font-size:55px\9;}
#lastNewsOurVision .contentLarge .textLarge .abstractTitle{font-size:18px\9;}
#lastNewsOurVision .contentLarge .textLarge .abstractTitle h4{font-size:18px\9;}


#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo{font-size:11px\9;}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo h1,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo h1{font-size:11px\9;}
#inDepthComponent #containerInDepth .otherArticle .contentLittle .textLittle .logo h2,#inDepthComponent #containerInDepth .firstArticle .contentLittle .textLittle .logo h2{font-size:11px\9;}

#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo{font-size:12px\9;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo h1{font-size:12px\9;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .logo h2{font-size:12px\9;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent{width: 100%;/*background-color: #2A975D;*/font-size: 25px\9;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent h1{width: 100%;/*background-color: #2A975D;*/font-size: 25px\9;}
#feedHistory_1 .articleComponent_4_3 .contentLittle .textLittle .titleContent h3{width: 100%;/*background-color: #2A975D;*/font-size: 25px\9;}
#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo{font-size:12px\9;}
#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo h1{font-size:12px\9;}
#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .logo h2{font-size:12px\9;}
#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent{width: 100%;/*background-color: #2A975D;*/font-size: 25px\9;}
#feedHistory_1 .articleComponent_16_9 .contentLittle .textLittle .titleContent h1{width: 100%;/*background-color: #2A975D;*/font-size: 25px\9;}
#lastNewsOurVision .contentLarge .textLarge .logo{font-size:10px\9;}
#lastNewsOurVision .contentLarge .textLarge .logo h2{font-size:10px\9;}
#lastNewsOurVision .contentLarge .textLarge .dateHead{font-size:10px\9;}
#lastNewsOurVision .contentLarge .textLarge .titleContent{font-size: 28px\9;}
#lastNewsOurVision .contentLarge .textLarge .titleContent h1{font-size: 28px\9;}
#lastNewsOurVision .contentLarge .textLarge .titleContent h3{font-size: 28px\9;}
#lastNewsOurVision .contentLarge .textLarge .abstractTitle{font-size: 10px\9;}
#lastNewsOurVision .contentLarge .textLarge .abstractTitle h4{font-size: 10px\9;}

/*////////////////////////////////////////////////////////////////////////////////////////FIN IE 8 & précédent/////////////////////////////////////////////////////////////////////////////*/

.siteWrapper_sw_viewBlog,.siteWrapper_sw_viewTheme{background-color: #f3f1f2!important;}


.notAdminPage  .menuAdmin , .siteWrapper_sw_login  .menuAdmin{background-color:#eee;width:96%;padding:0% 2% !important;clear:both;height:50px;border-top:1px solid #ccc;overflow:hidden;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important;position:fixed;top:167px;

}
#topMenu.noborder .menuAdmin{top:44px;}
.notAdminPage .menuAdmin ul{list-style:none;height:50px;position:relative;top:0px;overflow:hidden;right:0px;padding:0px !important;margin:0px;}
.notAdminPage .menuAdmin ul li{display:inline-block;float:right;position:relative;height:17px !important;padding:16px 10px 17px 0px !important;border-right:1px  solid #ccc;margin-right:10px;overflow:hidden;}
.notAdminPage .menuAdmin ul li a{color:#333;font-size:17px;line-height:15px;font-weight:lighter;text-decoration:none;font-family:bnpp_sanslight;}
.notAdminPage .menuAdmin .adminLink{border-right:0px  dotted #fff;margin-right:0px;}
.notAdminPage .menuAdmin ul li .edit{padding-left:35px;background:url(/partners/cib/statics/img/edit.png) 10px 2px no-repeat;}






.mainContent_sw_compose{background-color:#fff !important;padding:2% !important;width:96% !important;border-bottom:1px solid #000;overflow:hidden;}

.mainContent_sw_compose {width:1200px !important;float:left;position:relative;left:50%;margin-left:-600px;}
.mainContent_sw_compose #tkpMetaDatas{padding:0px;}
.mainContent_sw_compose #compose{width:740px;float:left;position:relative;padding:0px;}
.mainContent_sw_compose #compose_components{width:340px;float:left;position:relative;padding:0px;margin-left:20px;}


#componentGuideline, .genericComponent {width:340px;margin-left:0px;margin-top:5px;}

#componentGuideline .title,.genericComponent .title{border-bottom:2px solid #2a975d;padding-bottom:5px;}
#componentGuideline  .title .titleText,.genericComponent .title .titleText{font-family:bnpp_sansbold;font-size:22px;}
#componentGuideline .inside, .genericComponent .inside{padding-top:10px;font-size:15px;}
#componentGuideline ul {list-style-position:inside;}

.separator{width:100%;height:4px;background-color:#2a975d;}

#componentGuideline .inside ul li, #componentInsertComponents .inside ul li{background:url(/partners/cib/statics/img/flRight.png) no-repeat !important;padding-left:15px;margin-bottom:10px;}


.mainContent_sw_viewTheme{background-color: #333333!important;}
/*  who we are */
.mainContent_sw_viewTheme_4 #abstractHeader{background-color: #333333!important;border-bottom:4px solid #01965E;padding:0px;}
.mainContent_sw_viewTheme_4 #abstractHeader h2, .mainContent_sw_viewTheme_4 #abstractHeader h1{color: #01965E;margin-top:35px;font-size: 48px;line-height:48px;}
.mainContent_sw_viewTheme_4 #abstractHeader .textAbstractHeader{padding:0px;}
/*  focus*/
.mainContent_sw_viewTheme_28{background-color: #f3f1f2!important;padding-top:45px !important;}
.mainContent_sw_viewTheme_28 #pageThemes{width:65%;padding-bottom:45px;padding-top:45px;padding-left: 5% !important;padding-right: 5% !important;margin-left: auto !important;margin-right:auto;background-color:#fff;margin-bottom:45px;margin-top:45px !important;position:relative;}
.mainContent_sw_viewTheme_28  .articleComponent{margin-top:30px;position:relative;}
.mainContent_sw_viewTheme_28  .articleComponent .imgContainer {width:30%;float:left;position:relative;}
.mainContent_sw_viewTheme_28  .articleComponent .imgContainer img{width:100%;}
.mainContent_sw_viewTheme_28  .articleComponent .articleComponentText{margin-left:3%;width:67%;float:left;position:relative;font-family: bnpp_sanslight;font-size: 17px;}
.mainContent_sw_viewTheme_28  .articleComponent .articleComponentText h2{font-size:20px;font-family: bnpp_sansregular;display:block;margin-bottom:15px;margin-top:0px;}
.mainContent_sw_viewTheme_28  .articleComponent .articleComponentText .content{font-family: bnpp_sanslight;font-size: 17px;}
.mainContent_sw_viewTheme_28  .articleComponent .articleComponentText .content a{font-family: bnpp_sanslight;font-size: 17px;}
.mainContent_sw_viewTheme_28 h2{display:inline;font-size:20px;font-family: bnpp_sansregular;}
@media screen and (max-width:769px) {
    .mainContent_sw_viewTheme_28 #pageThemes{width:90%;padding-bottom:45px;padding-top:45px;;margin-left: 0px;margin-right:0px;background-color:#fff;}
}
@media screen and (max-width:450px) {
    .mainContent_sw_viewTheme_28  .articleComponent .imgContainer {width:100%;float:left;position:relative;}
}

.siteWrapper_sw_login, .siteWrapper_sw_change_pwd{background-color:#f3f1f2 }
.mainContent_sw_userRegister .adressComplement{display:none;}

.pageContainer{width:65%;padding-bottom:45px;padding-top:45px;padding-left: 5% !important;padding-right: 5% !important;margin-left: auto !important;margin-right:auto;background-color:#fff;margin-bottom:45px;margin-top:45px !important;position:relative;}
@media screen and (max-width:660px) {
    .pageContainer{width:90%;padding-left: 5% !important;padding-right: 5% !important;margin-left: 0px !important;margin-right:0px;margin-top:0px !important;}
}

.mainContent_sw_login .tableLogin{/*width: 100%;*/margin-left: auto;margin-right: auto;}
.mainContent_sw_login strong{font-family:bnpp_sansregular;}


@media screen and (max-width: 1074px){
    .mainContent_sw_login .tableLogin table,.mainContent_sw_login .tableLogin tbody,.mainContent_sw_login .tableLogin tr,.mainContent_sw_login .tableLogin td {display: block\0;float:left\0;clear: both\0;width: 100%\0;}
    .mainContent_sw_login .tableLogin td {padding:0;vertical-align:top;display: block;float: left;clear:left;width: 100%;}
    .mainContent_sw_login .tableLogin .loginForm{text-align: center;}

}
.siteWrapper_sw_userRegister{background-color:#f3f1f2 }
.siteWrapper_sw_forgottenId{background-color:#f3f1f2 }



.mainContent_sw_userRegister #pageCreateAccount{width: 62%;background-color: #ffffff;margin-left: auto;margin-right: auto;padding: 25px;}
.mainContent_sw_userRegister #pageCreateAccount .txt{font-family:bnpp_sanslight!important;}

.siteWrapper_sw_viewFullSearch{background-color: #f3f1f2!important;font-family:bnpp_sanslight !important;font-size:17px;padding-top:40px;}
.siteWrapper_sw_viewFullSearch .articleComponent{margin-bottom: 40px;margin-top: 15px;}
.siteWrapper_sw_viewFullSearch .headSearch{width:100%;white-space: nowrap;display:block;text-align: center;border-top: 1px solid #ccc;padding-top:20px;}
.siteWrapper_sw_viewFullSearch .logo{font-family:bnpp_sanslight !important;font-size:15px!important;text-transform:uppercase;color:#ffffff;float: left;margin-top: 5px;}
.siteWrapper_sw_viewFullSearch .logo a{color:#ffffff;}
.siteWrapper_sw_viewFullSearch .title a{color:#000 !important;font-family:bnpp_sansregular !important;font-size: 20px;}
.siteWrapper_sw_viewFullSearch .dateArticle{font-family:bnpp_sanslight !important;font-size:14px !important;color:#000000;float: right;font-weight: 300;margin-top: 4px;}
.siteWrapper_sw_viewFullSearch .content{width: 100%;float: left;}
.siteWrapper_sw_viewFullSearch .Container_16_9 {width: 30%;position: relative;display:inline-block;margin: 0;padding: 0;margin-bottom: -4px;overflow: hidden;float: left;margin-right: 20px;margin-top: 10px;margin-bottom: 10px;}
.siteWrapper_sw_viewFullSearch .Container_16_9:before{content: '';display: block;padding-top: 52.72%;}
.siteWrapper_sw_viewFullSearch .Container_16_9 img{height: 100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;}
.siteWrapper_sw_viewFullSearch .Container_16_9 .gradientLarge{width:100%;height: 100%;}
.siteWrapper_sw_viewFullSearch .textContainerSearch {width:65%;float: left;}
.siteWrapper_sw_viewFullSearch .keywords {margin-top: 10px;margin-bottom: 10px;padding: 10px 0px 10px 0px;;border:0px;font-family:bnpp_sansregular !important;}
.siteWrapper_sw_viewFullSearch .keywords a{font-family:bnpp_sanslight !important;}
.siteWrapper_sw_viewFullSearch .author{font-family:bnpp_sansregular !important;}
.articleComponent .emph {background-color: #d6eec8;padding: 2px;}

@media screen and (max-width: 869px){
    .siteWrapper_sw_viewFullSearch .Container_16_9 {width: 100%;}
    .siteWrapper_sw_viewFullSearch .textContainerSearch {width:100%;float: left;}
}


.siteWrapper_sw_viewFullSearch .navigationBar {display: block;margin-bottom: 20px;margin-top: 20px;}

.siteWrapper_404, .siteWrapper_403 , .siteWrapper_401 {background-color: #f3f1f2!important;font-family: bnpp_sanslight;padding-top: 40px;}

.siteWrapper_viewSearch{background-color: #f3f1f2!important;font-family:bnpp_sanslight !important;font-size:17px;padding-top:40px;}
.siteWrapper_viewSearch .articleComponent{margin-bottom: 40px;margin-top: 20px;font-size:17px;}
.siteWrapper_viewSearch .articleComponent .author_oreille{display:none;}
.siteWrapper_viewSearch .articleComponentFirst{margin-top:0px;padding-top:0px;}
.siteWrapper_viewSearch .articleComponentFirst .headSearch{border-top: 0px solid #ccc;padding-top:0px;}
.siteWrapper_viewSearch .articleComponent h4, .siteWrapper_viewSearch .articleComponent h4 span{font-family:bnpp_sansregular !important;}
.siteWrapper_viewSearch .headSearch{width:100%;white-space: nowrap;display:block;text-align: center;border-top: 1px solid #ccc;padding-top:20px;}
.siteWrapper_viewSearch .logo{display: inline;
    font-family: bnpp_sanslight !important;
    font-size: 15px;
    text-transform: uppercase;
    color: #ffffff;
    float: left;margin-top: 5px;}
.siteWrapper_viewSearch .logo a{color:#ffffff;}
.siteWrapper_viewSearch .title a{color:#000 !important;font-family:bnpp_sansregular !important;font-size: 20px;}

.siteWrapper_viewSearch .dateArticle{font-family:bnpp_sanslight !important;font-size:15px!important;color:#000000;float: right;font-weight: 100;margin-top: 4px;}
.siteWrapper_viewSearch .content{width: 100%;float: left;}
.siteWrapper_viewSearch .Container_16_9 {width: 30%;position: relative;display:inline-block;margin: 0;padding: 0;margin-bottom: -4px;overflow: hidden;float: left;margin-right: 20px;margin-top: 10px;margin-bottom: 10px;}
.siteWrapper_viewSearch .Container_16_9:before{content: '';display: block;padding-top: 52.72%;}
.siteWrapper_viewSearch .Container_16_9 img{height: 100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden;}
.siteWrapper_viewSearch .Container_16_9 .gradientLarge{width:100%;height: 100%;}
.siteWrapper_viewSearch .textContainerSearch {width:65%;float: left;}
.siteWrapper_viewSearch .keywords {margin-top: 10px;margin-bottom: 10px;padding: 10px 0px 10px 0px;border-top:0px !important;}
.articleComponent .emph {background-color: #d6eec8;padding: 2px;}
@media screen and (max-width: 869px){
    .siteWrapper_viewSearch .Container_16_9 {width: 100%;}
    .siteWrapper_viewSearch .textContainerSearch {width:100%;float: left;}
}

.siteWrapper_sw_adminLogin{min-height: 750px;background-color:#f3f1f2 }

.footer_sw_adminLogin{position: absolute;bottom: 0;left:0;}


#searchHeader #searchBox, #searchHeader_0 #searchBox{display:none;position:absolute;bottom:-55px;width:250px;height:30px;right:0px;background:#fff;border-radius:0px 0px 0px 10px ; text-align:right;padding:15px 05px 15px 15px;z-index:998;}
#searchHeader_0 #searchBox{box-shadow: 1px 1px 1px 0px #ccc;}
#searchHeader #searchee{border: 1px solid #888889;border-top:0px;border-left:0px;border-right:0px;color: #888889;padding-left: 0px;padding-right: 34px;height: 19px;width: 200px;background-color: #fff;float: left;outline: none;font-size: 14px;  color: #888889;margin-top:-5px;}
#searchHeader .imgSearch{background-position:-275px 0px;width:27px;height:27px;position:relative;float:right;margin-left:-27px;top:0;margin-top:-5px;}
@media screen and (max-width:870px){
    #searchHeader #searchee{width:130px;font-size:12px;}
}
@media screen and (max-width:800px){
    #searchHeader #searchee{width:120px;font-size:11px;}
}
#HTMLAreaInsertComponents ul{list-style:none;}
#HTMLAreaInsertComponents ul li a {font-size:17px;}


#overlay-wrapper{position: relative;top: 0;width: 100%;z-index: 9999;}
#cookie-consent-container {width: 100%;background-color:#161616;font-size: 12px;color: #ffffff;margin: 0px;padding: 0px;border: 0px none;text-decoration: none;font-family: bnpp_sanslight;position:relative;}
#cookie-consent-wrapper {margin: 0px auto;width: 85%;text-align: center;}
#cookie-consent-overlay {text-align: center;padding:4px 48px;position: relative; }
#cookie-consent-container p {font-size: 13px;font-family:bnpp_sanslight;}
#cookie-consent-container p a{font-size: 13px;color:#fff !important;font-family:bnpp_sanslight;}
#cookie-consent-overlay #closeCookieHeader {cursor:pointer;background: transparent url("/partners/cib/statics/img/closeCookie.png") no-repeat scroll 0% 0%; position: absolute; width: 25px;height:25px;top: 25px;right: 0px;border: 0px none;text-indent: -9999px;}
#overlay-wrapper a{color:#fff !important;}
/* error */
.error{width:90% !important;margin:auto;margin-bottom:20px;}

.container_ourVision .cookies__banner_container{display:none !important;}



#readMoreGermany{width: 100%;background:url(/partners/cib/statics/img/trame.png) repeat ;display: inline-block;overflow: hidden;margin-top: 0;border-top:10px solid #01965e;}

#readMoreGermany .littleImage{height:100%;width:100%;overflow:hidden;position:absolute;top:0px;}
#readMoreGermany .largeImage{height:100%;width:100%;overflow:hidden;position:absolute;top:0px;}

#readMoreGermany .topBorder{width:100%;height: 2px;background-color: #ffffff;top:0;z-index: 15;position:absolute;}
#readMoreGermany .leftBorder{width: 1px;height: 100%;background-color: #ffffff;left:0;top:0;z-index: 15;position:absolute;}
#readMoreGermany .rightBorder{disoplay:none;}
#readMoreGermany #containerInDepth{width: 100%;min-height: 150px;margin-top: 0px;margin-bottom: 18px;display: inline-block;}
.siteWrapper_sw_viewBlog #containerInDepth{margin-bottom: 0px !important;}
#readMoreGermany  .otherArticle:hover{cursor:pointer;}
#readMoreGermany #containerInDepth .otherArticle{width: 50%;float: left;position: relative;z-index: 1;display: inline-block;overflow:hidden;}
#readMoreGermany #containerInDepth .otherArticle img{height:100%;position: absolute;margin-bottom: -5px;z-index: 1;top: 0;left: 0;overflow: hidden!important;}
#readMoreGermany #containerInDepth .otherArticle:before{content: '';display: block;padding-top: 56.25%;}

#readMoreGermany #containerInDepth .otherArticle .contentLittle {position: absolute;;width : 100%;height: 100%;top: 0;z-index: 2;}

#readMoreGermany #containerInDepth .otherArticle .contentLittle img{position: absolute;top: 0; width : 100%;z-index: 3;}
#readMoreGermany #containerInDepth .otherArticle  img{-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;}
#readMoreGermany #containerInDepth .otherArticle:hover a img{
    filter: brightness(50%);
    -moz-filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -ms-filter: brightness(50%);
    -o-filter: brightness(50%);

}
#readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle{position:relative;width: 92%;height: 90%;margin-top:3%;left:0px;margin-left: auto;margin-right: auto;z-index:4;}
#readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .containerHeadAll{position: absolute;bottom: 0;left: 0;/*background-color: orangered;*/}
#readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .headLogo{width:100%;height:28px;line-height: 28px;white-space: nowrap;/*background-color: #ff9e5e;*/display: block;text-align: left;}
#readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .logo{font-family:bnpp_sansbold;font-size:14px;text-transform:uppercase;color:#ffffff;padding: 0 20px;border-radius:25px;float: left;}
#readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .titleContent{width: 100%;font-family: bnpp_sans_condensed;font-size: 35px;color:#ffffff;text-transform: uppercase;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;}
#readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .titleContent a{text-decoration: none;color: #ffffff;}
#readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .abstractTitle{display: none;}
#readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .abstractTitle h4{display: none;}
#readMoreGermany #containerInDepth .otherArticle:hover .contentLittle .textLittle .abstractTitle{width: 100%;font-size: 17px !important;color: #d7dadf;margin-left: auto;margin-right: auto;margin-top: 3%;text-align: left;text-shadow: 2px 2px 20px #000;font-family:bnpp_sansregular;display: block;}
#readMoreGermany #containerInDepth .otherArticle:hover .contentLittle .textLittle .headLogo{display: none;}
#readMoreGermany #containerInDepth .otherArticle:hover .contentLittle .textLittle .long{display: block;}
#readMoreGermany #containerInDepth .otherArticle:hover .contentLittle .textLittle .small{display: none;}

@media screen and (max-width:769px){
    #readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .titleContent{font-size: 30px;}
    #readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .logo{font-size:13px;}
    #readMoreGermany #containerInDepth .otherArticle:hover .contentLittle .textLittle .abstractTitle{font-size: 15px !important;}
}
@media screen and (max-width:720px){
    #readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .titleContent{font-size: 25px;}
    #readMoreGermany #containerInDepth .otherArticle:hover .contentLittle .textLittle .abstractTitle{font-size: 14px !important;}

}
@media screen and (max-width:660px){
    #readMoreGermany #containerInDepth .otherArticle{width: 100%;}
    #readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .titleContent{font-size: 35px;}
    #readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .logo{font-size:14px;}
    #readMoreGermany #containerInDepth .otherArticle:hover .contentLittle .textLittle .abstractTitle{font-size: 17px !important;}
}
@media screen and (max-width:500px){
    #readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .titleContent{font-size: 30px;}
    #readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .logo{font-size:13px;}
}

@media screen and (max-width:480px){
    #readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .titleContent{font-size: 20px;}
    #readMoreGermany #containerInDepth .otherArticle .contentLittle .textLittle .logo{font-size:12px;}
    #readMoreGermany #containerInDepth .otherArticle:hover .contentLittle .textLittle .abstractTitle{font-size: 14px !important;}
}
.siteWrapper_noDressing #topMenu, .siteWrapper_noDressing #footer, .siteWrapper_noDressing #mainRecommandations,.siteWrapper_noDressing #recommendations{display:none!important;}
.siteWrapper_noDressing #articleFullPage {padding-bottom:0px;}
.siteWrapper_noDressing .mainContent_sw_viewBlog #abstractHeader{background-color:#fff !important;}
.siteWrapper_noDressing .mainContent_sw_viewBlog{background-color: #fff!important;}
.siteWrapper_noDressing  #articleTop{margin-top:0px;}
.siteWrapper_noDressing #header{border-top:1px solid #CFCFCF;padding-top:0px;background-color:#fff;}


@media print {
    div[trackablelink]{display: none!important;}
    .ratingComponent{display: none!important;}
    .feedBackForm{display: none!important;}
    /*#topMenu{display: none!important;}*/
    .printLogo{display: block;width: 160px;height: 44px;margin-top:-48px;position: relative;}
    .cibTabs{display: none!important;}

    .barScrollingProgress{display: none!important;}
    .footer-links{display: none!important;}
    .ratingComponent{display: none!important;}
    #menuFirstLine{border: none!important;height: 109px!important;display: block;}
    #menuFirstLine #greenBar{display: none!important;}
    #articleTop .contentLarge .textLarge .containerHeadAll{display: none;}
    #topContentTitle{display: inline-block;margin: 0;padding: 0;width: 100%;height:auto;background:transparent!important;position: relative;float: left;}
    #topMenu{display:block;position:relative;float: left;width: 100%;height: 78px;border: none!important;}
    #recommendations,#inDepthComponent,#searchHeader,#clientLoginHeader,#footer, .siteWrapper_sw_viewBlog #abstractHeader,.siteWrapper_sw_viewBlog .headLogo, .siteWrapper_sw_viewBlog .keywordHead, .siteWrapper_sw_viewBlog .gradientLarge,#ScrollTopButton{display:none !important;}
    #articleFullPage{width:100%;padding:0;margin: 0!important;}
    .siteWrapper_sw_viewBlog .titleContent{color:#000!important;font-size:50px!important;margin: 0!important;}
    .siteWrapper_sw_viewBlog .containerHeadAll{top:0px!important;margin: 0!important;}
    .siteWrapper_sw_viewBlog  .backImgLarge{overflow:auto!important;position:relative;width:100%!important;height:auto!important;margin: 0!important;}
    /*.articleTop_sw_viewBlog:before{content:none;padding-top:65% !important;!*display:none;*!}*/
    #articleTop{margin: 0!important;}
    .articleContent .boxtextideacontainer {
        margin-top: 20px;
        margin-bottom: 20px;
        position: relative;
        width: 98%;
        margin-left:  0%;
        background-color: #00ab45;
        padding: 1%;
    }
    .articleContent .infographiccontainer {
        margin-top: 20px;
        margin-bottom: 20px;
        position: relative;
        width: 100%;
        margin-left: 0%;
    }
}

#articleTop .contentLarge .textLarge .headLogo.headLogoResponsive{margin-top: 1.5%}
@media screen and (max-width:1600px ){
    #articleTop .contentLarge .textLarge .containerHeadAll{width: 40%;}
    #articleTop .contentLarge .textLarge .containerHeadAll.wBackground.left{padding: 25px 0 25px 20px;}
    #articleTop .contentLarge .textLarge .containerHeadAll.wBackground.right{padding: 25px 20px 25px 0;}
}
@media screen and (max-width:1512px ){
    #articleTop .contentLarge .textLarge .keywordHead{width: 56%;margin-left: 10px;}
    #articleTop .contentLarge .textLarge .titleContent h1{font-size: 52px;line-height: 62px;}
    #articleTop .contentLarge .textLarge .dateHead{margin-right: 10px;}
}
@media screen and (max-width:1385px ){
    #articleTop .contentLarge .textLarge .dateHead{font-size: 16px;}
    #articleTop .contentLarge .textLarge .keywordHead a h4{font-size: 16px;}
    #articleTop .logo{padding: 5px 15px;}
    #articleTop .contentLarge .textLarge .titleContent h1{line-height: 52px;font-size: 48px;}
    #articleTop .contentLarge .textLarge .containerHeadAll{width: 45%;}

}
@media screen and (max-width:1350px ){
    #articleTop .contentLarge .textLarge .keywordHead{width: 50%;margin-left: 0;margin-top: 7px;}
    #articleTop .contentLarge .textLarge .headLogo{display: none;}
    #articleTop .contentLarge .textLarge .headLogo.headLogoResponsive{margin-top: 1%;display: block!important;}
    #articleTop .contentLarge .textLarge .titleContent{margin-top: 0%;margin-bottom:0%;}
    #articleTop .contentLarge .textLarge .authorHead{font-size: 19px;margin-top: 5px;}
    #articleTop .contentLarge .textLarge .containerHeadAll .barPresentation{width: 10px;}
    #articleTop .contentLarge .textLarge .containerHeadAll.wBackground.left{padding: 25px 0 25px 10px;}
    #articleTop .contentLarge .textLarge .containerHeadAll.wBackground.right{padding: 25px 10px 25px 0;}
}
@media screen and (max-width: 1000px){
    #articleTop .contentLarge .textLarge .titleContent h1{font-size: 45px;line-height: 48px;}
}
@media screen and (max-width: 900px){
    #articleTop .contentLarge .textLarge .titleContent h1{font-size: 35px;line-height: 38px;}
    #articleTop .logo h4{font-size: 16px;}
    #articleTop .contentLarge .textLarge .dateHead{font-size: 14px;}
}
@media screen and (max-width:769px ){
    #articleTop .contentLarge .textLarge .containerHeadAll{bottom: 0%;display:none;}
    #articleTop .contentLarge .logo{display:none;}
}


.navigationBar{margin:0 auto;position: relative;top: 10px;text-align: center;padding-bottom: 25px;}
.navigationBar .currentPagination{padding: 3px 10px 3px 10px;background-color: #000;}
.navigationBar .activePagination{padding: 3px 10px 3px 10px;color: #999999;}
.navigationBar .activePagination a {color: #999999;text-decoration: none;font-weight: bold;}
.navigationBar .activePagination:hover {background-color: #000;color: #2a975d;cursor: pointer;}
.navigationBar .activePagination:hover a{color: #2a975d;}

/***************************************************************Page Focus***********************************************************************/
.siteWrapper_sw_viewTheme{background-color: #333333!important;}
.mainContent_sw_viewTheme_28{background-color: #333333!important;}
.mainContent_sw_viewTheme_28 #abstractHeader.focus {background-color: #333333!important;border-bottom: 4px solid #01965E;padding: 0px;border-top: none;}
.mainContent_sw_viewTheme_28 #abstractHeader .textAbstractHeader {padding: 0px;}
.mainContent_sw_viewTheme_28 h2 {display: block;font-size: 20px;font-family: bnpp_sansregular;}
.mainContent_sw_viewTheme_28 #abstractHeader h2 {color: #01965E;margin-top: 0px;font-size: 48px !important;line-height: 48px !important;margin-bottom: 0px;position:relative !important;background-color: transparent !important;left:auto !important;top:auto !important;font-family: bnpp_sansregular !important;}
.mainContent_sw_viewTheme_28 #abstractHeader .subTextAbstractHeader {color: #d0d0d0;margin-top: 0px;font-size: 24px;line-height: 48px;text-align: center;font-family: bnpp_sansregular;}
.mainContent_sw_viewTheme_28 #abstractHeader .subTextAbstractHeader h3 {color: #d0d0d0;margin-top: 0px;font-size: 24px;line-height: 48px;margin-bottom: 27px;}


.mainContent_sw_viewTheme_28 .magazineIteration {width: 45%;max-width:950px;padding-bottom: 30px;padding-top: 1px;padding-left: 3% !important;padding-right: 3% !important;margin-left: auto !important;margin-right: auto;background-color: #fff;margin-bottom: 45px;margin-top: 45px !important;position: relative;}
.mainContent_sw_viewTheme_28 .articleComponent .imgContainer {width: 38%;float: left;position: relative;}
.mainContent_sw_viewTheme_28 .articleComponent .imgContainer img{border:7px solid #d6d6d6;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.mainContent_sw_viewTheme_28 .articleComponent .imgContainer img:hover{border:7px solid #01965e;}
.mainContent_sw_viewTheme_28 .articleComponent .articleComponentText {margin-left: 5%;width: 57%;float: left;position: relative;font-family: bnpp_sanslight;font-size: 17px;}
.mainContent_sw_viewTheme_28 .articleComponent .articleComponentText .headInfoMagazine{padding-bottom: 15px;border-bottom: 2px solid #cbcbcb;position: relative;display: block;float: left;width: 100%;margin-bottom: 20px;}
.mainContent_sw_viewTheme_28 .articleComponent .articleComponentText .headInfoMagazineResponsive{display:none;padding-bottom: 15px;border-bottom: 2px solid #cbcbcb;position: relative;float: left;width: 100%;margin-bottom: 20px;}
.mainContent_sw_viewTheme_28 .articleComponent .articleComponentText .headInfoMagazine table,.mainContent_sw_viewTheme_28 .articleComponent .articleComponentText .headInfoMagazineResponsive table{position: relative;top:-10px;}
.mainContent_sw_viewTheme_28 .articleComponent .articleComponentText .numberMagazine{color:#01965e;font-family: bnpp_sansregular;font-size: 65px;float: left;position: relative;line-height: 55px;margin-right: 10px;}
.mainContent_sw_viewTheme_28 .articleComponent .articleComponentText .titleMagazine{/*float: left;*/height: auto;    margin-top: -10px;}
/*.mainContent_sw_viewTheme_28 .articleComponent .articleComponentText h2 {text-transform: uppercase;margin-left: 10px;font-size: 30px;font-family: bnpp_sansregular;display: block;display: block;position: relative;float: left;margin-bottom: -5px;}*/
.mainContent_sw_viewTheme_28 .articleComponent .articleComponentText h2 {text-transform: uppercase;
    /*margin-left: 85px;*/
    font-size: 30px;
    font-family: bnpp_sansregular;
    display: block;
    /* display: inline; */
    position: relative;
    /* float: left; */
    margin-bottom: 0px;}
.mainContent_sw_viewTheme_28 .articleComponent .articleComponentText .dateMagazine{color: #686868;display: block;position: relative;font-family: bnpp_sansregular;font-size: 20px;text-transform: uppercase;/*clear: both;margin-top: -18px;margin-left: 85px;*/}


.downloadButton{width: 190px;height:62px;background-color: #01965e;margin: 10% auto 5% auto;cursor: pointer}
.icoDownloadButton{background-image: url("/partners/cib/statics/img/ico-DL.png");width: 37px;height: 33px;background-repeat: no-repeat;float: left;margin: 15px 20px 15px 20px;}
.textDownloadButton{color: #FFFFFF;text-transform: uppercase;font-size: 18px;font-family: bnpp_sansregular;float: left;margin-top:19px;}
.textDownloadButton a{text-decoration:none;color: #FFFFFF;text-transform: uppercase;font-size: 18px;font-family: bnpp_sansregular;float: left;}
.imgContainer a{display: block;}
.mainContent_sw_viewTheme_28  .articleComponent .articleComponentText .content a{font-family:bnpp_sansregular;line-height: 22px;}
.mainContent_sw_viewTheme_28  .articleComponent .articleComponentText .content{line-height: 17px;}
@media screen and (max-width: 1760px){
    .mainContent_sw_viewTheme_28 .magazineIteration {width: 48%;}
}
@media screen and (max-width: 1680px){
    .mainContent_sw_viewTheme_28 .magazineIteration {width: 51%;}
}
@media screen and (max-width: 1595px){
    .mainContent_sw_viewTheme_28 .magazineIteration {width: 55%;}
}
@media screen and (max-width: 1485px){
    .mainContent_sw_viewTheme_28 .magazineIteration {width: 60%;}
}
@media screen and (max-width: 1380px){
    .mainContent_sw_viewTheme_28 .magazineIteration {width: 64%;}
}
@media screen and (max-width: 1280px){
    .mainContent_sw_viewTheme_28 .magazineIteration {width: 70%;}
}
@media screen and (max-width: 1200px){
    .mainContent_sw_viewTheme_28 .magazineIteration {width: 100%;}
}
@media screen and (max-width: 1030px){
    .mainContent_sw_viewTheme_28 .magazineIteration {width: 90%;}
}
@media screen and (max-width: 768px){
    .mainContent_sw_viewTheme_28 .magazineIteration {width: 92%;}
}
@media screen and (max-width: 650px){
    .mainContent_sw_viewTheme_28 .articleComponent .imgContainer {width: 97%;float: left;position: relative;}
    .mainContent_sw_viewTheme_28 .articleComponent .articleComponentText {margin-left: 5%;width: 90%;float: left;position: relative;font-family: bnpp_sanslight;font-size: 17px;margin-top: 25px;}
    .mainContent_sw_viewTheme_28 .articleComponent .articleComponentText .headInfoMagazineResponsive{display:block;}
    .mainContent_sw_viewTheme_28 .articleComponent .articleComponentText .headInfoMagazine{display:none;}
}

.mainContent_sw_viewTheme_28 .articleComponent .articleComponentText br{line-height: 15px;}
/*#abstractHeader .textAbstractHeader {
    font-size: 25px\9;
}
#abstractHeader .textAbstractHeader {
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: bnpp_sansregular;
}*/
/***************************************************************fin Page Focus***********************************************************************/
#userSettings  .message{font-size:17px;font-family:bnpp_sanslight;color:#2a975d;}
#userSettings  .errorMessage{font-size:17px;font-family:bnpp_sanslight;color: #c04737;}

.fieldLabel {
    font-size: 17px !important;font-family: bnpp_sansregular;
}
.fieldInput{position:relative;}
.fieldInput input, .fieldInput select, .fieldInput textarea {
    font-size: 17px;
    padding: 5px 10px ;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

#tweetSelectionButton{
    background: transparent;width:50px;height:50px;position:absolute;top:1000px;left:350px;z-index:9999;box-sizing: border-box;padding:0px;
    box-shadow:0 0 0px rgba(0,0,0,.5); display:none;
}
#tweetSelectionButton #triangleTop {
    color: #40abe3;
    /*text-shadow: 0 -2px 2px rgba(31,133,195,.5);*/
    top:-14px;position:absolute;left:4px;
}
#tweetSelectionButton .imgButton{
    position: absolute;width: 100%;height: 100%;top: 0;left:0;background: url("/partners/cib/statics/img/tweeter-share.jpg");background-size: 100%;
}
#tweetSelectionButton #triangleBottom{display: none!important;}