body{background-color: #e82d2f!important;
    background:url("https://images.itnewsinfo.com/partner_zone/tanium/img/tanium-bg.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    }
    .center-txt{text-align: center;margin-top: 35px; margin-bottom: 35px;}
    
    #twitter-widget-0{box-shadow: 0 1px 11px -2px rgb(0 0 0 / 57%);height: 553px!important;}
    .subtitle{color: #121820;}
    .title_h2{color: #121820!important;font-size: 25px;margin-bottom:8px;line-height: 30px;font-weight: bold;}
    .title_h4{color: #ffffff!important;font-size: 30px;margin-bottom:8px;line-height: 39px;font-weight: bold;}
    .title_h3{color: #121820!important;font-size: 25px;margin-bottom: 20px;line-height: 39px;font-weight: 600;}
    .title_sub{color: #121820!important;font-size: 17px;margin-bottom: 20px;line-height: 26px;font-weight: 400;}
    .text-p-actu{color: #121820;font-size: 15px;font-weight: 600;}
    .text-p-actu-sub{color: #121820;font-size: 14px;font-weight: 400;margin-bottom: 15px;}
    .green{color: #233247;}
    a { color: #2464f3; text-decoration: none;}
    a.title:hover{color:#2464f3 !important}
    .mb-small{ margin-bottom: 15px !important; }
    #footer{  position: relative;}
    /*#tanium .background{ background-image: url("https://images.itnewsinfo.com/desk/intel072019/LMI-Intel-Mini_03.jpg");}*/
    /*#tanium #section3 { background-image: url("https://images.itnewsinfo.com/desk/intel072019/LMI-Intel-Mini_06.jpg");}*/
    #tanium .blackColorTheme{ background-color: #121820 !important;position: relative; }
    #tanium .gradientBackground{ background: #5d3ced;  background: -moz-linear-gradient(left, #00529e 0%, #023f78 100%); background: -webkit-linear-gradient(left, #00529e 0%,#023f78 100%);
        background: linear-gradient(to right, #5d3ced, #802be0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00529e', endColorstr='#023f78',GradientType=1 ); }
    #tanium .grayBackground{ background-color: #e5e5e5; }
    #tanium .noPadding{ padding: 0 !important; }
    /*#tanium h1{ margin-top: 30px; font-family: "Libre Franklin", sans-serif; font-size: 41px;color: #004f5f;}*/
    h1{font-family: "Libre Franklin", sans-serif; font-size: 41px; color: #ffffff;}
    #tanium .titleZone{ text-align: center; font-family: "Libre Franklin", sans-serif; font-size: 23px; color: #333333; }
    #tanium .logo-cloud figure{ display: inline-block; }
    #tanium .logo-cloud figure img{ width: 370px; }
    
    .color_white{color: #ffffff!important;}
    #tanium .txtHead{ max-width: 870px; margin: 0 auto; margin-bottom: 15px; }
    #tanium nav ul{ display: inline; }
    #tanium nav li{ display: block; float: left; }
    #tanium nav li:hover{ background-color: #ffffff;}
    #tanium nav li a:hover{color: black;}
    #tanium nav li a{ display: inline-block; padding: 13px 20px; font-size: 15px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #ffffff; }
    #tanium .icon-home{ padding: 7px 20px 8px 20px; font-size: 22px; }
    #tanium .social-icon{ padding: 4px 6px; font-size: 14px; float: right; margin-right: 8px; margin-top: 8px; border: 1px solid #fff; border-radius: 50%; color: #fff; cursor: pointer; text-decoration: none; }
    #tanium .social-icon:hover{ background-color: #ffffff; }
    #tanium .social-icon:hover{color: #000000; }
    .icon-twitter:before:hover{color:#121820;}
    #tanium .pictoLmiSmall{ position: absolute; bottom: 0; left: 0; max-width: 25px; max-height: 25px; }
    #tanium .pictoLmiBig{ position: absolute; bottom: 0; left: 0; max-width: 50px; max-height: 50px; }
    #tanium .image{ position: relative; margin-bottom: 10px;}
    #tanium .item img { width: 100%; }
    #tanium .item .title{ font-size: 16px; margin-bottom: 8px; }
    #tanium .item p{ font-size: 15px; }
    #tanium #events a{ font-size: 40px; color: #4a5960; text-decoration: none; }
    #tanium .link{ display: inline-block; margin-top: 20px; font-size: 15px; font-weight: 400; color: #ffffff; background-color: #eb4952; padding: 10px 20px; border-radius: 3px; text-decoration: none; cursor: pointer; text-transform: uppercase; }
    #tanium .link:hover{ opacity: 0.8; }
    #tanium #section4 { padding-top: 0px; }
    #section1{background: #1a3043;}
    #tanium #section1 h1 {bottom: 0; left: 0; right: 0; line-height: 1.3em; font-size: 24px; margin-top: auto;}
    #tanium #section1 p {margin-top: auto; font-size: 15px;}
    #tanium #section1 .une h1 {margin-bottom: 10px;}
    #tanium #section1 .title {font-size: 18px; margin-bottom: 2px;}
    #tanium .orderList span{ font-weight: bold; line-height: 26px; display: inline-block; text-align: center; width: 25px; height: 25px; color: #0288d1; background: white; margin-right: 10px; margin-top: -2px; float: left; }
    #tanium .orderList p{ font-weight: bold; }
    
    #tanium #eventConf{ text-align: center; padding: 50px 28px; background-image: url("./img/illusConf1.jpg"); }
    #tanium #eventConf a{ text-decoration: none; color: white;}
    
    #tanium .noHover:hover { position: relative; opacity: 1; }
    
    #tanium .section-title .ligne { position: absolute; width: 100%; border-top: 1px solid #cccccc; top : 50%; }
    
    #tanium .pattern-column-1 .section-title h2 {font-size: 26px;font-weight: bold;text-transform: none; }
    
    #tanium #event #section3 .pattern-column-1 .section-title h2 {font-size: 26px;}
    #tanium #section3 h1 {margin-top: 0px; margin-bottom: 10px; font-family: "Libre Franklin", sans-serif; font-size: 30px!important; margin-left: 10px; color: #ffffff;}
    #tanium #section3 p {font-size: 15px;line-height: 1.3; color: #ffffff; margin-bottom: 20px;}
    #tanium #section3 a.title {text-decoration: none; color: #333333 !important; font-size: 20px!important;}
    #tanium #section3 h2 { margin-bottom: 10px; }
    #tanium #section3 .cta { display: inline-block; padding: 10px 24px; color: #ffffff; background-color: #eb4952; border-radius: 4px; text-decoration: none; text-align: center; margin-left: 10px; font-size: 15px; text-transform: uppercase; }
    #tanium #section3 .cta:hover { opacity: 0.9;}
    #tanium #section3 .avisExpert {color: #ffffff; margin-top: -7px;}
    
    #tanium #section4 .title {font-size: 18px; margin-bottom: 2px;}
    
    #tanium .image:hover{ position: relative; margin-bottom: 10px; opacity: 1;}
    
    #tanium #carrousel { text-align: center; }
    #tanium #carrousel h3 { color: #ffffff; }
    #tanium #carrousel .owl-controls .owl-buttons div { display: inline-block; color: #5d3ced; background-color: #ffffff; zoom: 1; margin: 5px; font-size: 12px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; filter: Alpha(Opacity=50); opacity: 0.8; position: absolute; }
    #tanium #carrousel .owl-controls .owl-buttons .owl-prev { left: 10px; bottom: 0; }
    #tanium #carrousel .owl-controls .owl-buttons .owl-next { right: 10px; bottom: 0; }
    
    
    #tanium #carrousel i[class^="icon-"]{ position: relative; top: 1px; font-size: 20px; font-weight: bold;  }
    #tanium #carrousel .icon-right-open{ padding-left: 4px; }
    #tanium #carrousel .icon-left-open{ padding-right: 4px; }
    
    #tanium #carrousel .owl-pagination{ margin-top: 20px; }
    #tanium #carrousel .owl-pagination .owl-page{ display: inline-block; }
    #tanium #carrousel .owl-pagination .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; background-color: #ffffff; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
    
    #tanium #carrousel .owl-pagination .owl-page.active span { filter: Alpha(Opacity=100); opacity: 1; }
    .heading-text, .heading-text-gris{display: flex!important;
                flex-direction: row;}
    
    
    
    /*animation cercle-------*/
    .cercle-left-bleu {
             /*margin-top: -245px;
           position: absolute;
        top: 50%;
        right: -136%;*/
           width: 1350px;
        height: 1350px;
        margin: -60px 0px 0 -308px;
       /* margin:-160px 0 0 -60px;*/
         z-index: 2;
        -webkit-animation:spin 15s linear infinite;
        -moz-animation:spin 15s linear infinite;
        animation:spin 19s linear infinite;
         opacity: 0.5;
        position: absolute;
        z-index: -9;
    }
    @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
    @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
    @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
    /* Blog 
    ---------------------*/
    
    .blog-grid {
      margin-top: 15px;
      margin-bottom: 15px;
    }
    .blog-grid-width{
        width:315px;
    }
    .blog-grid-width.xs {
        width: 267px;
    }
    .blog-grid .blog-img {
      position: relative;
      border-radius: 5px;
      overflow: hidden;
    }
    .blog-grid .blog-img .date {
      position: absolute;
      background: #3a3973;
      color: #ffffff;
      padding: 8px 15px;
      left: 0;
      top: 10px;
      font-size: 14px;
    }
    .blog-grid .blog-info {
      box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
      border-radius: 5px;
      background: #ffffff;
      padding: 20px;
      margin: -30px 20px 0;
      position: relative;
    }
    .blog-grid .blog-info h5 {
      font-size: 17px;
      font-weight: 500;
      margin: 0 0 10px;
      min-height: 82px;
    }
    .blog-grid .blog-info h5 a {
      color: #121820;
        font-weight: bold;
    }
    .blog-grid .blog-info p {
      margin: 0;
    }
    .blog-grid .blog-info .btn-bar {
      margin-top: 20px;
    }
    
    .px-btn-arrow {
        padding: 0 50px 0 0;
        line-height: 20px;
        position: relative;
        display: inline-block;
        color: #fe4f6c;
        -moz-transition: ease all 0.3s;
        -o-transition: ease all 0.3s;
        -webkit-transition: ease all 0.3s;
        transition: ease all 0.3s;
    }
    
    .section-home-bg-red{
        background:#e82d2f!important;
    }
    .px-btn-arrow .arrow {
        width: 13px;
        height: 2px;
        background: currentColor;
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 25px;
        -moz-transition: ease right 0.3s;
        -o-transition: ease right 0.3s;
        -webkit-transition: ease right 0.3s;
        transition: ease right 0.3s;
    }
    
    .px-btn-arrow .arrow:after {
        width: 8px;
        height: 8px;
        border-right: 2px solid currentColor;
        border-top: 2px solid currentColor;
        content: "";
        position: absolute;
        top: -3px;
        right: 0;
        display: inline-block;
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .white-color{
        color: #ffffff!important;
        line-height: 30px!important;
    }
    .img-logo{background: #ffffff;box-shadow:0px 1px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.3)}
    
    
    .pattern-column-1 .section-title h2{
        background: transparent!important;
    }
    .image{
            border: none!important;
    }
    .heading-text:before{
         content: "";
                flex: 1 1;
                border-bottom: 2px solid #ffffff;
                margin: auto;
           margin-right: 22px;
    }
    .heading-text:after{
          content: "";
                flex: 1 1;
                border-bottom: 2px solid #ffffff;
                margin: auto;
            margin-left: 22px;
    }
    .heading-text-gris:before{
         content: "";
                flex: 1 1;
                border-bottom: 2px solid #cccccc;
                margin: auto;
           margin-right: 22px;
    }
    .heading-text-gris:after{
          content: "";
                flex: 1 1;
                border-bottom: 2px solid #cccccc;
                margin: auto;
            margin-left: 22px;
    }
    
    .video-play-button {
      position: absolute;
      z-index: 10;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      box-sizing: content-box;
      display: block;
      width: 32px;
      height: 44px;
      /* background: #c74634; */
      border-radius: 50%;
      padding: 18px 20px 18px 28px;
    }
    
    .video-play-button:before {
      content: "";
      position: absolute;
      z-index: 0;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      display: block;
      width: 80px;
      height: 80px;
      background: #ba1f24;
      border-radius: 50%;
      -webkit-animation: pulse-border 1500ms ease-out infinite;
              animation: pulse-border 1500ms ease-out infinite;
    }
    
    .video-play-button:after {
      content: "";
      position: absolute;
      z-index: 1;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      display: block;
      width: 80px;
      height: 80px;
      background: #c04332;
      border-radius: 50%;
      transition: all 200ms;
    }
    
    .video-play-button:hover:after {
      background-color: #233247;
    }
    
    .video-play-button img {
      position: relative;
      z-index: 3;
      max-width: 100%;
      width: auto;
      height: auto;
    }
    
    .video-play-button span {
      display: block;
      position: relative;
      z-index: 3;
      width: 0;
      height: 0;
      border-left: 32px solid #fff;
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
    }
    
    @-webkit-keyframes pulse-border {
      0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
      }
      100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
      }
    }
    
    @keyframes pulse-border {
      0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
      }
      100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
      }
    }
    .img-mini{
            padding-right: 0px!important;
        padding-left: 0px!important;
        display: block;
        width: 50%;
    }
    #section-green{
    position: relative;
        padding: 0;
    color: #fff;
        background: -webkit-linear-gradient(180deg, #fff 63%, rgba(0, 0, 0, 0) 63%), -webkit-linear-gradient(180deg, #004f5f 93%, #fff 66%);
        background: -o-linear-gradient(180deg, #fff 63%, rgba(0, 0, 0, 0) 63%), -o-linear-gradient(180deg, #004f5f 93%, #fff 66%);
        background: -moz-linear-gradient(180deg, #fff 63%, rgba(0, 0, 0, 0) 63%), -moz-linear-gradient(180deg, #004f5f 93%, #fff 66%);
        background: linear-gradient(180deg, #fff 63%, rgba(0, 0, 0, 0) 63%), linear-gradient(180deg, #004f5f 93%, #fff 66%);
    }
    
    .display-flex{
        display:flex;
        justify-content: center;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        justify-content: center;
        align-items: center;
    }
    .display-flex-space-between{
       display: flex;
        gap: 10px 20px;
        flex-wrap: wrap;
    }
    #section2,#section6{
    position: relative;
        padding: 0;
        background-repeat: no-repeat;
        background-position: 0 -50px;
        padding-top: 50px;
    }
    #section3{
    position: relative;
         background:#e82d2f;
        padding: 0;
        background-repeat: no-repeat;
        background-position: 0 -50px;
        padding-top: 50px;
        padding-bottom: 80px;
    }
    
    
    .bg-blue{background:#233247!important;}
    .margin-left-16{
        margin-left:16px;
    }
    .margin-top-20{
        margin-top:20px;
    }
    .margin-top-50{
        margin-top:50px;
    }
    .margin-top-100{
        margin-top:100px;
    }
    .margin-bottom-20{
            margin-bottom: 20px;
    }
    .margin-bottom-30{
            margin-bottom: 30px;
    }
    .margin-bottom-50{
            margin-bottom: 50px;
    }
    .card {
      box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
      transition: all 0.2s ease-in-out;
      box-sizing: border-box;
      margin-top:10px;
      margin-bottom:10px;
      background-color:#FFF;
    border-radius: 10px;
    }
    .card-inner h2{
        font-size: 20px;
        line-height: 27px;
        padding-bottom: 7px;
        color:#252525;
    }
    .card-inner p{
            line-height: 26px;
        color: #747e8c;
    }
    .card:hover {
      box-shadow: 0 5px 5px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
    .card > .card-inner {
          padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
        height: 268px;
    }
    .card .header h2, h3 {
      margin-bottom: 10px;
        line-height: 27px;
        margin-top: 20px;
    }
    .card .header {
      margin-bottom:5px;
    }
    .card img{
      width:100%;
        border-top-left-radius: calc(10px - 1px);
        border-top-right-radius: calc(10px - 1px);
        height: 123px;
    }
    
    .padding-top-30{
        padding-top: 30px!important;
    }
    .padding-top-60{
        padding-top: 60px!important;
    }
    .icon{background: #ccdbdf; padding: 10px;}
    
    .box-title{
    padding: 30px 30px;
        text-align: left;
        line-height: 28px;
        color:#004f5f;
    }
    
    .ombre{
         box-shadow: 0px 1px 8px rgb(0 0 0 / 30%);
        -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 1px 8px rgb(0 0 0 / 30%);
    }
    .box-part {
        background: #ffffff;
         margin-bottom: 25px;
        height:464px;
           
    }
    .image-box{  
        width:100%;
        height: 170px;}
    .image-box-50{
            width: 80%;
        height: auto;
        margin: 0 auto;
         display: block;
    }
    .box-part:hover {
        background: #004f5f;
    }
    
    .button-box{
        background: #004f5f;
        padding: 10px;
        border-radius: 10px;
        width: 100px;
        margin: 0 auto;
    }
    .box-part:hover .button-box{
      background: #ffffff;   
    }
    .box-part:hover .button-box a{
        color:#312d2a;
    }
    .button-box a{
          color: #ffffff;
        font-size: 14px;
        text-decoration: none;
    }
    
    .box-part:hover .icon,
    .box-part:hover .px-btn-arrow ,
    .box-part:hover .fa-square,
    .box-part:hover .fas,
    .box-part:hover .box-title h3,
    .box-part:hover .text{
        color: #FFF;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out
    }
    .fa-square{
        width: 15px;
        height: 15px;
        display: inline-block;
        background: #ec2e30;
        margin-right: 10px;
    }
    .px-btn-arrow {
        text-decoration: none;
        color:#ec2e30;
        line-height: 20px;
        position: relative;
        display: inline-block;
        -moz-transition: ease all 0.3s;
        -o-transition: ease all 0.3s;
        -webkit-transition: ease all 0.3s;
        transition: ease all 0.3s;
        bottom: 3px;
    }
    .px-btn-arrow .arrow {
        width: 13px;
        height: 2px;
        background: currentColor;
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 25px;
        -moz-transition: ease right 0.3s;
        -o-transition: ease right 0.3s;
        -webkit-transition: ease right 0.3s;
        transition: ease right 0.3s;
    }
    .text {
        margin: 20px 0px
    }
    /*----------SLIDER----------*/
    .slider {
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      /*width: 350px;*/
      height: 465px;
      box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
      top: 237px;
    }
    
    .wrapper {
      overflow: hidden;
      position: relative;
        width: 685px;
        height: 480px;
        z-index: 1;
        
    }
    
    .slides {
      display: flex;
      position: relative;
      top: 0;
     
      width: 10000px;
    }
    
    .slides.shifting {
      transition: left 0.2s ease-out;
    }
    
    .slide {
      width: 350px;
      /*height: 465px;*/
      cursor: pointer;
      display: flex;
      flex-direction: column;
      justify-content: center;
      transition: all 1s;
      position: relative;
    padding-right: 15px;
      border-radius: 2px;
    }
    
    /*.slider.loaded .slide:nth-child(2),
    .slider.loaded .slide:nth-child(7) {
      background: #FFCF47;
    }
    .slider.loaded .slide:nth-child(1),
    .slider.loaded .slide:nth-child(6) {
      background: #7ADCEF;
    }
    .slider.loaded .slide:nth-child(3) {
      background: #3CFF96;
    }
    .slider.loaded .slide:nth-child(4) {
      background: #a78df5;
    }
    .slider.loaded .slide:nth-child(5) {
      background: #ff8686;
    }*/
    
    .control {
      position: absolute;
      top: 50%;
      width: 50px;
      height: 50px;
      background: #fff;
      border-radius: 50px;
      margin-top: -20px;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
      z-index: 2;
    }
    
    .prev,
    .next {
      background-size: 22px;
      background-position: center;
      background-repeat: no-repeat;
      cursor: pointer;
    }
    
    .prev {
      background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronLeft-512.png);
    left: -30px;
        margin-top: -5%;
    }
    
    .next {
      background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronRight-512.png);
     right: -57px;
        margin-top: -5%;
    }
    
    .prev:active,
    .next:active {
      transform: scale(0.8);
    }
    /*----------FIN SLIDER------*/
    
    .fa {
        color: #00BFFF
    }
    @keyframes animStar {
      from {
        transform: translateY(0px);
      }
      to {
        transform: translateY(-2000px);
      }
    }
    
    
    @media (max-width: 640px)
    {
        #tanium h1{  font-size: 24px; margin-bottom: 20px; }
        .margin-top-50{margin-top: 0px;}
        #tanium nav li a{padding: 12px 10px; font-size: 12px;}
        
        .padding-top-30-secteur{padding-top: 30px;}
        .display-flex-space-between{ flex-direction: column;
            
        }
        .cercle-left-bleu{ display: none;}
    }
    
    @media (min-width: 768px)
    {
        
        .col-sm-offset-2 { margin-left: 16.666667%; }
         
        .padding-top-30-secteur{padding-top: 30px;}
    
    }
    
    @media (min-width: 992px)
    {
        #tanium #carrousel .owl-controls .owl-buttons .owl-prev { left: 70px; top: 200px; bottom: auto; }
        #tanium #carrousel .owl-controls .owl-buttons .owl-next { right: 90px; top: 200px; bottom: auto; }
    }
    
    
    
        /*----------Tabs----------------*/
        .tab-no-padding{
          padding: 0px!important;
      margin-left: 0px!important;
      margin-top: 0px!important;
      margin-right: 0px!important;
    }
    .tab-padding{
       padding-left: 130px;
      padding-right: 130px;
      padding-top: 55px;
      padding-bottom: 30px;
    }
    .tab-color{
      background:#f4ecf7; 
    }
    .tab-wrap {
      -webkit-transition: 0.3s box-shadow ease;
      transition: 0.3s box-shadow ease;
      border-radius: 6px;
      max-width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
      position: relative;
      list-style: none;
      background-color: #fff;
      color: #1d4289;
      margin: 5px 0;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }
    .tab-wrap:hover {
      box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    }
    
    .tab {
      display: none;
      font-size: 20px;
    }
    .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
      opacity: 1;
      -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
      transition: 0.5s opacity ease-in, 0.2s transform ease;
      position: relative;
      top: 0;
      z-index: 50;
      -webkit-transform: translateY(0px);
            transform: translateY(0px);
      text-shadow: 0 0 0;
    }
    .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
      opacity: 1;
      -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
      transition: 0.5s opacity ease-in, 0.2s transform ease;
      position: relative;
      top: 0;
      z-index: 50;
      -webkit-transform: translateY(0px);
            transform: translateY(0px);
      text-shadow: 0 0 0;
    }
    .tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
      opacity: 1;
      -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
      transition: 0.5s opacity ease-in, 0.2s transform ease;
      position: relative;
      top: 0;
      z-index: 50;
      -webkit-transform: translateY(0px);
            transform: translateY(0px);
      text-shadow: 0 0 0;
    }
    .tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
      opacity: 1;
      -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
      transition: 0.5s opacity ease-in, 0.2s transform ease;
      position: relative;
      top: 0;
      z-index: 50;
      -webkit-transform: translateY(0px);
            transform: translateY(0px);
      text-shadow: 0 0 0;
    }
    .tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
    opacity: 1;
    -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
    transition: 0.5s opacity ease-in, 0.2s transform ease;
    position: relative;
    top: 0;
    z-index: 50;
    -webkit-transform: translateY(0px);
          transform: translateY(0px);
    text-shadow: 0 0 0;
    }
    
    .tab:first-of-type:not(:last-of-type) + label {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    .tab:not(:first-of-type):not(:last-of-type) + label {
    border-radius: 0;
      
    }
    .tab:last-of-type:not(:first-of-type) + label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .tab:checked + label {
      background-color: #fff;
      box-shadow: 0 -1px 0 #fff inset;
      cursor: default;
      color: #192533;
    }
    .tab:checked + label:hover {
      box-shadow: 0 -1px 0 #fff inset;
      background-color: #fff;
      color: #192533;
    }
    .tab + label {
      width:100%;	  
      box-shadow: 0 -1px 0 #eee inset;
      
      cursor: pointer;
      display: block;
      text-decoration: none;
      color: #ffffff;
      -webkit-box-flex: 3;
      -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
      text-align: center;
      background-color: #192533;
      -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
      text-align: center;
      -webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
      transition: 0.3s background-color ease, 0.3s box-shadow ease;
      height: 50px;
      box-sizing: border-box;
      padding: 19px;
      height: 75px;
      font-size: 18px;
    }
    @media (min-width:768px) {
          
      .tab + label {
          width:auto;
      }
    }
    .tab + label:hover {
          background-color: #081018;
      
    }
    .tab__content {
      padding: 10px 25px;
      background-color: transparent;
      position: absolute;
      width: 100%;
      z-index: -1;
      opacity: 0;
      left: 0;
      -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
      border-radius: 6px;
      
    }
    
    /* Boring Styles */
    .img-mini{
          padding-right: 0px!important;
      padding-left: 0px!important;
      display: block;
      width: 50%;
    }
    /*----------Fin Tabs----------------*/
    
    
    /*----------VALEUR SUPERIEURE----------------*/
    .container-rouge {
      padding: 20px;
      color: white;
      display: grid;
      border-radius: 10px;
      width: 250px;
      height: 250px;
      background: linear-gradient(to left, #E52929, #920704);
      justify-content: flex-start;
      align-items: center;
    }
    .container-rouge.xs {
        height: 100px;
    }
    .container-rouge:hover {
      background: linear-gradient(to left, rgb(59, 59, 59), rgb(31, 29, 41));
      box-shadow:0 0 5px rgb(80, 80, 80);
      /* Blanc au survol */
    }
    
    .cadre-item {
      margin-right: 10px;
    }
    
    
    .cadre-item p {
     color: white;
     font-size: 25px;
     font-weight: bold;
    }
    
    
    ._play-icon { 
        position: absolute;
        left: 44%;
        top: 44%;
        width: 64px !important;
        height: 64px;
        display: block;
        margin: auto;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
    }
    /*----------FIN VALEUR SUPERIEURE----------------*/
    #tanium #section1 .item .aem-col img {
        width:64px;
        height:64px;
        margin-bottom: 1rem;
    }
    #tanium #section1 .item .aem-col h2 {
         margin-top: 0;
        font-size: 1.25rem;
        line-height: 2rem;
        font-weight: 600;
        margin-bottom: 1rem;
        color:#fff;
    }
    #tanium #section1 .item .aem-col p {
    margin-top: 0;
        font-size: 1.25rem;
        line-height: 1.65rem;
        font-weight: 400;
        margin-bottom: 1rem;
        color: #fff;    
        font-size: 12px;
    }