@import url(/partners/common/statics/fontAwesomeIcons.css?date=20200914);
h1{font-size:1.7em;margin:40px 0px 10px 0px ;
    text-align: center;color:#656565;}
h1.bigTitle{font-family: "Open Sans";}
.themes{margin:0px 0px 40px 0px ;  text-align: center;color:#fe7062;padding-left:20px;
    }
.themes a{font-size:0.9em;color:#fe7062 !important;font-weight:700;padding:5px;}
.themes .theme{background: url(/partners/salesforce/statics/img/marker.png) no-repeat;padding-left:30px;height:26px;}
.articleContentContainer{max-width:1080px;margin:auto;}
#globalContainer.sw_viewBlog{background: url(/partners/salesforce/statics/img/bgMap.png) repeat-y;}
#pageContainer{padding-top:0px;}

@media screen and (min-width:1500px) {
    #globalContainer.sw_viewBlog{background:#fff;}
    #pageContainer{background: url(/partners/salesforce/statics/img/bgMap.png) repeat-y;}

}
.dossier{background-color: #fff;}
#articleFullPage{padding-bottom:20px;}
#articleFullPage .sommaire{width:38%;float:left;padding:0%;margin:0% 2% 0% 0%;}
#articleFullPage .articleContent{width:60%;padding:0% 1%;float:left;}
#articleFullPage.articleFullPageInfographic .articleContent{width:70%;padding:0% 0%;float:left;margin-left:15%;}
#articleFullPage .sommaire .visual{width:100%;padding-top:91%;background-color: transparent;margin-bottom:20px;overflow:hidden;background-color: #eee;}
#articleFullPage .sommaire .visual:before{  content: '';}
#articleFullPage .sommaire .visual img{position:absolute;top:0px; width:100%;}


#topcontent {    max-width: 1080px;  width:60%; margin-left:20%;margin-bottom:30px;}
#topcontent .videoTkp{display:block;width:100%;padding-top:56%;margin-top:20px;margin-bottom:20px;}
/*@media (min-aspect-ratio: 11/9) {  #topcontent{width:100%;max-width: 1080px;padding: 0% 12.5%;}  }*/
#topcontent .videoTkp div, #topcontent .videoTkp iframe,  .videoTkp video {position:absolute;top:0px;width:100% !important;height:100% !important;left:0px;}


.articleContent, .articleContent * {color:#656565;font-size:1em;line-height:1.4em}
.articleContent .abstract *{font-weight:700;}
.articleContent .abstract {margin-bottom:30px;}
.articleContentContainer .abstractTop {display:none;}
.sommaireContent *{color:#656565;}
.sommaireContent .title{color:#777;margin-top:0px;font-size:0.9em;margin-bottom:10px;}
.sommaireContent h2{font-family: 'Frank Ruhl';color:#656565;font-size:1.1em;font-weigh:700;margin-bottom:10px;line-height: 1.1em;}
.sommaireContent h3{display:inline;}
.sommaireContent li.on{color:#fe7062;font-weight: 700;}
.sommaireContent li.on h3 a{color:#fe7062;line-height:0.8em;}
.sommaireContent ol{list-style-position: inside;}
.sommaireContent li{margin-bottom:10px;font-weight:700;}
.sommaireContent li h3 a{font-weight:400;font-size: 0.9em;line-height: 0.9em;}
.sommaireContent li .auteur{font-size: 0.8em;margin-top:10px;line-height:0.8em;color:#565656;}
.sommaireContent li .discipline{text-transform:capitalize; font-size: 0.8em;margin-top:10px;line-height:0.8em;color:#565656;}
.sommaireContent .shares{width:120px;text-align: center;left:50%;margin-left:-60px;margin-bottom:20px;}
.sommaireContent .share{width:30px;height:30px;border-radius: 15px;background-color: #656565;border-color:#656565;float:left;margin-left:10px;color:#fff;padding-top:6px;font-size:17px;}
.sommaireContent .share:hover{cursor:pointer;background-color: #000;}
#sommaireContent.fixedContent{position:fixed;top:85px;}

 .videoTkp,   center_videotkp{display:block;width:100%;padding-top:66%;margin-top:20px;margin-bottom:20px;}
.videoTkp a.cookie_link,.videoTkp div, .videoTkp iframe,  .videoTkp video ,   center_videotkp img, .videoTkp p{position:absolute;top:0px;width:100% !important;height:100% !important;left:0px;color:#2A9ADF;font-weight: 700;}
.videoTkp video {background-color: #000;}
body.articleContent a{display:inline-block;}

 .videoTkp cookie_link{background:#eee;width:100%;height:100%;position:absolute;top:0px;left:0px;display:block;padding:30px;}
 .videoTkp cookie_link:before{content:"Mettre à jour votre gestion des cookies pour consulter ce contenu sur youtube";}

.dossier {margin-top:-20px;padding-top: 50px;}
.articleContent a, .articleContent a i, .articleContent a strong{color: #2a9ae9;}


.articleContent h2, .articleContent h2_intertitre,.articleContent h2.intertitre {color:#2a9ae9;display:block;margin-top:30px;margin-bottom:30px;font-weight:700;font-size:1.2em;font-weight:500;}

.articleContent blockquote.citation, .articleContent blockquote_citation{display:block;padding:110px 30px 30px 30px;background:#fafafa;font-family:"Frank Ruhl";color:#5a5a5a;margin-top:30px;margin-bottom:30px;border-bottom:1px solid #5a5a5a;border-top:1px solid #5a5a5a;}
.articleContent blockquote span.citation, .articleContent blockquote_citation span_citation{display:block;font-family:"Open Sans";color:#5a5a5a;font-size:1.1em;text-align: center;font-weight:400; }
.articleContent span_raquo, span.raquo{display:none;}
.articleContent span_laquo, span.laquo{text-indent: -9999px;position:absolute;top:0px;left:50%;width:70px;height:98px;background:url(/partners/salesforce/statics/img/quote.png);margin-left:-35px;}
/*
.articleContent blockquote.citation, .articleContent blockquote_citation{display:block;padding:110px 30px 30px 30px;background:#fe7062;;color:#5a5a5a;margin-top:30px;margin-bottom:30px;}
.articleContent blockquote span.citation, .articleContent blockquote_citation span_citation{display:block;font-family:"Open Sans";color:#fff;font-size:1.1em;font-weight:300;text-align: center;}
.articleContent span_raquo, span.raquo{display:none;}
.articleContent span_laquo, span.laquo{text-indent: -9999px;position:absolute;top:0px;left:50%;width:67px;height:98px;background:url(/partners/salesforce/statics/img/white_quote.png);margin-left:-34px;}
*/
.articleContent div_key,  .articleContent div.key{display:block;background-color:#2a9ae9;color:#fff;margin-top:30px;margin-bottom:30px;padding:30px;}
.articleContent div_key *,  .articleContent div.key *{display:block;color:#fff;text-align:center;}
.articleContent div_key div_title,  .articleContent div.title{font-size:2em;font-family:"Frank Ruhl";}
.articleContent div_separator, .articleContent div.separator {height:2px;margin:15px 35%;width:30%;background-color: #fff;}
.articleContent .date{margin-bottom:20px;font-size: 0.8em;}
.articleContent .author{margin-top:-15px;margin-bottom:20px;font-size: 0.8em;}
.articleContent .author .authorName{font-weight: 700;}

.articleContent p{margin:20px 0px;}

@media screen and (max-width:1480px) {
    #topcontent {    max-width: 1080px;  width:80%; margin-left:10%;margin-bottom:30px;}
}

@media screen and (max-width:900px) {
    .sommaireContent h2 {
        font-size: 1em;
        line-height: 1em;
    }
    .sommaireContent li {  font-size: 0.8em;  line-height: 1.2em;  }
    .sommaireContent li h3 a {  font-size: 0.8em;  line-height: 0.8em;  }
    .sommaireContent li .auteur, .sommaireContent li  .discipline {
        font-size: 0.7em;
        line-height: 0.9em;
    }
    #articleFullPage .sommaire {  width: 30%;}
    #articleFullPage .articleContent {  width: 68%;  }
    #articleFullPage.articleFullPageInfographic .articleContent{width:96%;padding:0% 0%;float:left;margin-left:2%;}
    #topcontent {   width:96%;padding:0% 0%;margin-left:2%;}
}

@media screen and (max-width:768px) {
    #articleFullPage .sommaire {
        width: 100%;
    }
    #articleFullPage .articleContent {
        width: 100%;
        padding:0px;
    }
    .articleContent .abstract{display:none;}
     .articleContentContainer .abstractTop {
        display:block;margin-bottom:40px;
    }
    .articleContentContainer .abstract *{font-weight:700;color:#656565;}
    #articleFullPage .sommaire .visual{padding-top:45.5%;background: transparent;}
    #articleFullPage .sommaire .visual img{width:320px;left:50%;margin-left:-160px;}
    .sommaireContent{width:100% !important;padding-left:10%;padding-right:10%;margin-bottom:40px;}

}

@media screen and (max-width:550px) {
    #articleFullPage .sommaire .visual{padding-top:75%;background: transparent;}
    #articleFullPage .sommaire .visual img{width:80%;left:10%;margin-left:0px;}
    #globalContainer.sw_viewBlog{background:#fff;}
    #pageContainer{background:#fff;}

    .articleContent  {  line-height: 1.5em;  }


    .sommaireContent li .auteur, .sommaireContent li .discipline {

        line-height: 1em;
    }
}