#globalContainer.sw_viewBlog{background: url(/partners/teamviewer/statics/img/bgPageOp.png)  repeat-y;}
@media screen and (min-width:1500px) {
    #globalContainer.sw_viewBlog{background:#fff;}
    #pageContainer{background: url(/partners/teamviewer/statics/img/bgPageOp.png) repeat-y;}
}
.articleContent .abstract , .articleContent .date{display:none;}
#articleFullPage  .articleTitle{display:none;}
.intro{background-color:#0a357e;padding:20px;color:#fff;margin-bottom:30px;background: url(/partners/teamviewer/components/teletravail/img/introBG.jpg);background-size: cover;}
.intro h1{margin:0px 0px 10px 0px;color:#fff;font-size:2em; font-family: 'roboto black';}
.intro h2{margin:0px 0px 20px 0px;color:#fff;text-transform: uppercase;text-align: center;font-size:1.9em;font-family: 'roboto black';
    -webkit-text-stroke: 2px #fff;color:transparent;
}





@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .intro h2{color:#fff;  }
}
@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */
    .intro h2{color:#fff;  }
}
.intro p{color:#eee;}
p.animated strong{font-size:1.1em;font-family: 'roboto black';}



div.keyContainer {width:31%;margin-right:2%;float:left;height:240px;background: transparent;color:#5eadbc;position:relative;}
div.keyContainer.keycontainer4{width:70%;float:right;margin-right:5%;height:220px;}
div.keyContainer .keyInf{position:relative;width:100%;text-align: center;padding:0px;height:45px;}
div.keyContainer .keyInf .odomoter, div.keyContainer .keyInf .per,div.keyContainer .keyInf .odometer *{color:#fff;font-family: "Roboto black";font-size:40px;   -webkit-text-stroke: 2px #5eadbc;display:inline;line-height: 45px;margin:0px;padding:0px;}
div.keyContainer.keycontainer4 .keyInf .odomoter, div.keyContainer.keycontainer4 .keyInf .per,div.keyContainer.keycontainer4 .keyInf .odometer *{-webkit-text-stroke: 2px #5585c0;}
div.keyContainer.keycontainer4 .keyInf .label{color:#5585c0;}
div.keyContainer .iconcontainer{border:1px solid #5eadbc;height:175px;position:relative;}
div.keyContainer.keycontainer4 .iconcontainer{border:1px solid #5585c0;height:155px;}
div.keyContainer .iconcontainer{position: relative;}
div.keyContainer .iconcontainer img{width:50%;margin-left:25%;height:auto;margin-top:20px;}

div.keyContainer.keycontainer4 .iconcontainer #icon0_4{height:80px;width:auto;margin-left:50%;margin-top:20px;}
div.keyContainer.keycontainer4 .iconcontainer .text{width:auto;margin-left:37%;}
div.keyContainer.keycontainer4 .iconcontainer #france{width:225px;height:auto;position:absolute !important;left:-260px;top:-45px;}
div.keyContainer .iconcontainer2{height:170px;}
div.keyContainer .keyInf2{margin-top:5px;}
div.keyContainer .iconcontainer2 img{width:45%;margin-left:33%;height:auto;margin-top:25px;}
div.keyContainer .iconcontainer3{height:170px;}
div.keyContainer .keyInf3{margin-top:5px;}
div.keyContainer .iconcontainer3 img{width:40%;margin-left:30%;height:auto;margin-top:30px;}
div.keyContainer .iconcontainer .text{display:inline-block;position:absolute;left:0px;bottom:0px;color:#5eadbc;width:100%;padding:5px 5px 10px 5px;text-align: center;font-family: "Roboto";font-weight:400;line-height:18px;}
div.keyContainer.keycontainer4 .iconcontainer .text{color:#5585c0;}


#attenteAvenirContainer{width:100%;padding-top:30%;position:relative;margin-top:30px;}
#attenteAvenirContainer #attenteAvenirGraph{position:absolute;width:25% !important;height:100% !important;top:10px;left:0px;left:38%;}
#attenteAvenirContainer #label1{position:absolute;width:33% !important;height:100% !important;top:0px;left:0px;left:0%;text-align: center;}
#attenteAvenirContainer #label1 .keyLegende{font-family: 'roboto black';display:inline;font-size:40px;color:#386fa5;}
#attenteAvenirContainer #label2 .keyLegende{font-family: 'roboto black';display:inline;font-size:40px;color:#51a0ae;}
#attenteAvenirContainer #label2{position:absolute;width:33% !important;height:100% !important;top:0px;left:0px;left:63%;text-align: center;}




.multibars{width:100%;margin-top:30px;}
.multibars .item {margin-top:15px;}
.multibars .item .text{width:30%;float:left;margin-right:2%;font-size:1em;
    display: flex;align-items: center;height:40px;}

.multibars .item .barContainer{float:left;width:68%;}


.multibars .item .bar{width:70px;background-color:#002954;height:44px;color:#fff;padding:4px 5px 2px 5px;text-align: left;font-size:1.5em;font-weight:400;border-radius: 0px 15px 15px 0px;clear: both;float:left;
    -webkit-text-stroke: 1px #fff;font-family: 'roboto black';
    color: transparent;box-sizing: border-box;
}

.multibars .item .bar .normal{font-size:16px;font-family: 'roboto';-webkit-text-stroke: 0px #fff;
    font-weight: 100;color:#fff;line-height:15px;margin-left:10px;
    display: inline-flex;align-items: center;flex-direction: row;height: 100%;justify-content: center;display:none;
}


#iabars, #iotbars{background: url(/partners/teamviewer/components/transformationlogistique/img/BGGraph.jpg);background-repeat: no-repeat;background-size: cover;margin:0px;height:192px;overflow:hidden;position:relative;}
#iabars .barContainer , #iotbars .barContainer{width:100%;border-top:20px solid #fff;}
#iabars .barContainer .addDiv, #iotbars .barContainer .addDiv{background-color:#fff;height:100%;display:block;float:right;height:44px !important;}
#iotbars .barContainer .addDiv{float:left !important;}
#iotbars .barContainer .bar{float:right !important;}
.addDiv .normal{display:none;    height: 100%;justify-content: center;margin-left:10px;margin-top: 10px;}
.addDiv .normal.lowres{display:none !important;}
#iabars.multibars .item, #iotbars.multibars .item{margin-top:0px;height: 64px !important;
    overflow: hidden;}
#iotbars.multibars .item .bar,#iabars.multibars .item .bar{border-radius: 0px;background:transparent;text-align: right;}
#iotbars.multibars .item .bar{text-align:left;}
#iotbars.multibars .item .bar .normal{float:left;}
#iabars.multibars .item .bar .normal{float:left;}
.header{margin-top:20px;height:40px;background-color: #fff;width:100%;position:relative;display: flex;align-items: center;margin-bottom:0px;}
.header .title{position:relative;color:#3b6aae;line-height:0.9em !important;font-size:0.9em !important;text-transform: uppercase;font-family: 'roboto black';width:100%;}
#animatedInfography1_ia .header .title{justify-content: right;text-align: right;}
#animatedInfography1_iot_ia{}
#animatedInfography1_iot_ia div.label{background-color:#fff;display:inline-block;padding:3px 0px;position:absolute;font-size:14px;line-height:14px;font-family: "Roboto";border:1px solid #7bb3c9;}
#animatedInfography1_iot_ia div.label.label1{top:70px;left:50%;width:180px;margin-left:-90px;text-align: center;}
#animatedInfography1_iot_ia div.label.label2{top:130px;left:50%;width:128px;margin-left:-64px;text-align: center;}
#animatedInfography1_iot_ia div.label.label3{top:200px;left:50%;width:200px;margin-left:-100px;text-align: center;}

h2.intertitre{color:#37afbf !important;text-transform: uppercase;font-size:1.3em !important;font-family: 'roboto black';}





#animatedInfography1_iot_ia{width:100%;margin-bottom:20px;overflow: visible;}
#animatedInfography1_ia{width:49.5%;float:left;margin-left:0.5%;overflow: visible;}
#animatedInfography1_iot{width:50%;float:left;overflow: visible;}

#animatedInfography2_0{margin-top:30px;}
.trikey{padding:5px;color:#fff;float:left;}
.trikey .text{color:#fff;font-size:0.8em;}
#trikey_0{background-color:#5585c0;width:40%;height:200px;}
#trikey_1{background-color:#5eadbc;width:60%;border-left:3px solid #fff;height:100px;}
#trikey_2{background-color:#4c94b4;width:60%;border-left:3px  solid #fff;border-top:3px solid #fff;height:100px;}
#trikey_1 .text, #trikey_2 .text{width:50%;}
.trikey .key{display: flex;
    -webkit-text-stroke: 1px #fff;
    font-family: 'roboto black';
    color:transparent !important;background: transparent !important;
    font-size:35px;position:absolute;line-height: 35px;
    width:110px;height:40px;margin:0px !important;padding: 0px !important;
}
#trikey_0 .key{bottom:10px;left:-100px;transform: rotate(-90Deg);}
#trikey_1 .key{bottom:35px;right:-100px;transform: rotate(90Deg);}
#trikey_2 .key{bottom:35px;right:-100px;transform: rotate(90Deg);width:80px;}



div.animatedKeyContainer {margin-bottom: 20px;height:100px;width:100%;padding-left:160px;}
div.animatedkey{width:160px;float:left;font-weight: 700;height:100px;display: flex;align-items: center;overflow:hidden;float:left;margin-left:-160px;}
div.animatedKeyContainer .text{margin-left:2%;float:left;height:100px;display: flex;align-items: center;color:#6b829b;}
div.animatedKeyContainer .animatedkey{display:flex;align-items: center;justify-content: center;height:100px;width:160px;}
div.animatedKeyContainer .animatedkey span.odometer, div.animatedKeyContainer .animatedkey span.per{font-family: 'roboto black';display:inline;font-size:3em }
div.animatedKeyContainer  #item_83 span{color:#6b829b;}

.odometer *{font-size:1em;font-family: 'roboto black';color:#6b829b;}
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;*vertical-align: auto;position: relative;}
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {display: inline;}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;*vertical-align: auto;position: relative;}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {*display: inline;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;*vertical-align: auto;visibility: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {*display: inline;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {text-align: left;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {display: block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {display: block;-webkit-backface-visibility: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {display: block;-webkit-transform: translateZ(0);}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {position: absolute;}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {-webkit-transition: -webkit-transform 2s;-moz-transition: -moz-transform 2s;-ms-transition: -ms-transform 2s;-o-transition: -o-transform 2s;transition: transform 2s;}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

#topsContainer{margin-top:30px;}
.topContainer{width:29%;margin-right:4%;float:left;height:220px;text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.topContainer.topContainer1{background-color:#4c94b4;box-shadow: 12px -12px 0px 0px rgba(76, 148, 180, .3);}
.topContainer.topContainer2{height:215px;margin-top:5px;}
.topContainer.topContainer3{height:200px;margin-top:20px;}
.topContainer  img{width:45%;height:auto!important;margin-bottom:15px;transform: rotate(-180Deg);}
.topContainer.topContainer2{background-color:#5eadbc;box-shadow: 12px -12px 0px 0px rgba(94, 173, 188, .3);}
.topContainer.topContainer3{background-color:#5585c0;box-shadow: 12px -12px 0px 0px rgba(85, 133, 192, .3);}
.topContainer .label{background-color:#fff;display:inline-block;padding:3px 10px;position:absolute;bottom:-8px;font-size:14px;line-height:14px;font-family: "Roboto";border:1px solid #7bb3c9;}
.topContainer .topKey{font-size: 30px;font-family: "Roboto black";line-height: 30px;-webkit-text-stroke: 2px #fff;color:transparent;margin:15px 0px;}

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



    div.keyContainer .iconcontainer .text {font-size:0.75em;line-height:1em;}
    div.keyContainer .keyInf .odomoter, div.keyContainer .keyInf .per,div.keyContainer .keyInf .odometer *{font-size:30px; line-height: 35px;}
    div.keyContainer {height: 200px;margin-top:0px;}
    div.keyContainer .iconcontainer {height: 135px;margin-top:0px;}
    div.keyContainer .iconcontainer2, div.keyContainer .iconcontainer3 {height: 130px;margin-top:0px;}
    div.keyContainer .iconcontainer img {margin-top: 15px;}

    div.keyContainer.keycontainer4 .iconcontainer #france{height:130px;left:-50%;top:-15px;width:auto !important}

    .topContainer {height:180px;}
    .topContainer.topContainer1 {box-shadow: 7px -7px 0px 0px rgba(76, 148, 180, .3);}
    .topContainer.topContainer2 {height:170px;box-shadow: 7px -7px 0px 0px rgba(94, 173, 188, .3);margin-top:10px;}
    .topContainer.topContainer3 {height:160px;box-shadow: 7px -7px 0px 0px rgba(85, 133, 192, .3);margin-top:20px;}
    .topContainer .label {font-size: 11px;line-height: 12px;}


    #attenteAvenirContainer #label1, #attenteAvenirContainer #label2 {font-size:0.9em;line-height: 1em;}
    #attenteAvenirContainer #attenteAvenirGraph {width:29% !important;left: 34%;}
}
@media screen and (max-width:550px) {
    div.keyContainer.keycontainer4 .iconcontainer{height:130px;}
    div.keyContainer.keycontainer4 .iconcontainer #france{height:130px;left:-50%;top:-15px;width:auto !important}
    div.keyContainer.keycontainer4 {margin-right: 10%;}
    div.keyContainer.keycontainer4 .iconcontainer #icon0_4 {height: 60px;margin-left: 55%;}
}

@media screen and (max-width:500px) {
    #trikey_1 .text, #trikey_2 .text {width: 70%;}
    #trikey_1 .key, #trikey_2 .key {
        bottom: 0px;}
    #attenteAvenirContainer {margin-bottom:30px;}
    #attenteAvenirContainer #attenteAvenirGraph {width:33% !important;left:31%;}
    #attenteAvenirContainer #label1, #attenteAvenirContainer #label2 {
        font-size: 0.85em;
        line-height: 1em;width:30% !important;
    }
    #attenteAvenirContainer #label1 .keyLegende, #attenteAvenirContainer #label2 .keyLegende {font-size: 35px !important;}
}

@media screen and (max-width:400px) {
    #attenteAvenirContainer #label1, #attenteAvenirContainer #label2 {
        font-size: 0.75em;
    }
    .trikey .key {
        font-size: 30px;
        line-height: 30px;
    }
    #trikey_2 .key {width: 65px;}
    #trikey_1 .key {width: 90px;}
}
@media screen and (max-width:350px) {
    div.keyContainer.keycontainer4 .iconcontainer .text {
        width: 100px;
        margin-left: 48%;
    }
    .articleContent, .articleContent * {
        font-size: 0.9em;
    }
}