@import url(/partners/common/statics/fontAwesomeIcons.css?date=20200914);
#SalesforceContent{width:100%;min-height:200px; background:#eff2f8;margin-top:40px;clear: both;padding:40px 10%; z-index:501;}
#SalesforceContent .visuel{width:300px;}
#SalesforceContent ul{display:block;width:100%;}
#SalesforceContent ul li{list-style: none;}
#SalesforceContent ul li:hover{cursor:pointer;}
#SalesforceContent .itemContainer{width:721px;left:50%;margin-left:-360px;display:block;}
#SalesforceContent .visuel{width:300px;float:left;margin-left:1px;}
#SalesforceContent .visuel img{width:100%;}
#SalesforceContent .content .title{font-family: "Frank Ruhl";font-size:1.2em;margin-bottom:20px;margin-top:30px;}
#SalesforceContent .content {width:400px;float:left;text-align: left;margin-left :20px;color:#10357c;font-size:0.9em;line-height:1.15em;  }



 .bx-wrapper{margin-top: 0!important;border:0px;}
.bx-wrapper .bx-viewport{height: 100%!important;}
 .bx-wrapper .bx-viewport .SalesForceContentSlider{height: 100%!important;z-index: 1000;}
 .bx-wrapper .bx-viewport .SalesForceContentSlider .slide{height: 100%!important;display: -ms-flexbox;display:-webkit-flex;display: flex;align-items: center;}
.bx-wrapper a:hover{cursor:pointer}
.bx-wrapper .bx-controls.bx-has-controls-direction{position: absolute;top:0px;width:111%;height:100%;}
.bx-wrapper .bx-controls.bx-has-controls-direction a{position: absolute;top:0%;z-index: 99;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;}


.bx-wrapper .bx-prev{display:block;background: url("/partners/salesforce/statics/img/fleche-gauche.jpg") no-repeat;
    width: 71px;height: 113px;left:-10%;;z-index:100;position:absolute;top:50%;margin-top:40px;}
.bx-wrapper .bx-prev:hover{filter: brightness(0.5);
    -moz-filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -ms-filter: brightness(50%);
    -o-filter: brightness(50%);}
.bx-wrapper .bx-next{background: url("/partners/salesforce/statics/img/fleche-droite.jpg")no-repeat;
    width: 71px;height: 113px;right:0%;display:block;z-index:100;position:absolute;top:50%;margin-top:40px;}
.bx-wrapper .bx-next:hover{filter: brightness(0.5);
    -moz-filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -ms-filter: brightness(50%);
    -o-filter: brightness(50%);  }

@media screen and (max-width:1024px) {
    #SalesforceContent .visuel {  width: 200px;  }
    #SalesforceContent .content {  width: 300px;}
    #SalesforceContent .content .title{margin-top:0px;margin-bottom:10px;}
    #SalesforceContent .itemContainer{width:521px;margin-left:-260px;}
    #SalesforceContent .content .chapo{ font-size: 0.8em; }

}

@media screen and (max-width:700px) {
    #SalesforceContent .itemContainer{width:401px;margin-left:-200px;}
    #SalesforceContent .visuel {  width: 400px; padding:0% 0% 0% 0%; margin-left:1px;}
    #SalesforceContent .content {  width: 400px; padding:0% 0% 0% 0%;margin-top:20px;margin-left:0;}

}

@media screen and (max-width:575px) {
    #SalesforceContent .itemContainer{width:201px;margin-left:-100px;}
    #SalesforceContent .visuel {  width: 200px; padding:0% 0% 0% 0%; margin-left:1px;}
    #SalesforceContent .content {  width: 200px; padding:0% 0% 0% 0%;margin-top:20px;margin-left:0;}

}