/* Votre CSS pour IE versions 10 et 11 */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  
  .intro .content-intro a:nth-child(6), .intro .content-intro a:nth-child(7){
  animation: none!important;left: 0px!important;opacity: 1!important;
}
  .timeline, .timeline-decennie{
    display: none;
  }
  
  footer, .bandeauPartenaires{display:block!important;}

    ::-webkit-scrollbar {
      width: 0px;
    }

    footer,
    .bandeauPartenaires {
      display: block!important;
    }
  .content-articles .event:nth-child(4n+1), .content-articles .event:nth-child(4n+2), .content-articles .event:nth-child(4n+4){
    right: 0px!important;
    left: 0px!important;
  }
  .content-articles .event{
    margin-bottom: 30px!important;
  }
  .content-articles .event hr.first-hr {

    left: calc(50% - 1px)!important;
  }
  
#decennie .content-background {
    width: 100vw!important;
    left: 0vw!important;
  }
  .content-decennie{
    left: 0px!important;
  }
  .reduct-marge{margin-right: 0px!important;}
  .nav .date-nav hr{
    display: none;
  }
  #decennie aside .content-aside hr.hr-aside{
   display: none;
  }
  #decennie .content-background{
    width: 100%!important;
  }

    /*main{
    left: 0%;
  }
  .move-main{
    transform: none;
    left: -100%!important;
  }
  .header-top-screen.header-full-screen.header-down{
  left: 0px!important;
  }*/
    /*========== HEADER ===========*/
    section.home-curent-news article .content-block-news-white {
      padding: 0px 10px;
    }
    section.home-curent-news .news-white,
    section.home-curent-news article.news-black {
      height: 171px;
    }
    .home-curent-news {
      width: 29.8vw;
    }
    header nav.header-top-screen ul.icon-menu li:hover p {
      margin-top: 15px;
    }
    header nav.header-top-screen ul.icon-menu {
      position: absolute;
      right: 50px;
      bottom: 15px;
    }
    #single-article header nav.header-top-screen ul.icon-menu {
      position: relative;
      right: 0px;
      bottom: 0px;
    }
    .open-notif {
      top: 35px!important;
    }
    section.menu-full .all-ellements-menu {
      margin-top: 120px;
      width: 80%;
      padding-top: 0px;
    }
    section.menu-full {
      display: block;
    }
    section.menu-full .menu-full {
      overflow-y: auto;
    }
    section.menu-full .menu-social-sidebar ul li {
      display: inline-block;
      margin: 15px 10px;
    }
    section.menu-full .menu-social-sidebar {
      display: block;
      height: 150px!important;
      border-right: none;
    }
    section.menu-full .menu-social-sidebar .title-social {
      height: auto;
      position: relative;
    }
    section.menu-full .menu-social-sidebar .title-social p {
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      width: auto;
      text-align: center;
      position: relative;
      left: 0px;
      top: 0px;
      border-bottom: solid 1px white;
      padding-bottom: 10px;
      width: 280px;
      margin: auto;
    }
    section.menu-full .menu-social-sidebar .title-social hr {
      display: none;
    }
    /*========== HEADER NAV TOP ==========*/
    header nav.header-top-screen .nav-other {
      display: none;
    }
    header nav.header-top-screen {
      padding-left: 50px!important;
      padding-right: 50px!important;
    }
    section.menu-full .header-full-screen {
      padding-top: 50px;
      margin-top: 0px!important;
    }
    header nav.header-top-screen ul.icon-menu {
      position: absolute;
      right: 50px;
      bottom: 15px;
    }
    header nav.header-top-screen ul.icon-menu li:last-child {
      margin-right: 0px;
    }
    .bandeauPartenaires {
      padding-left: 5%;
      padding-right: 5%;
    }
    footer nav {
      padding: 55px 10% 80px 10%;
    }
    #home {
      box-shadow: none;
      height: auto;
    }
    #home .content-hr {
      height: 100vh;
    }
    .wrap {
      height: auto;
      overflow: inherit;
      top: 0px;
    }
    .intro .content-intro h1 {
      font-size: 45px;
    }
    .title-on-img {
      font-size: 31px;
    }

    #single-article .content-hr {
      height: 100%!important;
      position: absolute!important;
    }

    .content-articles .event .content-slideshow-bg {
      height: 138px;
    }
    .content-background,
    .filtre-black,
    .content-hr {
      position: fixed;
    }
    #decennie .filtre-black {
      position: absolute!important;
    }
    .intro {
      width: 100%;
      height: auto;
      position: relative;
      z-index: 1;
      padding: 100px 0px;
      height: 100vh;
      text-align: center;
      box-sizing: border-box;
    }
    .intro .content-intro .auto {
      width: 60%;
      margin: auto!important;
    }
    .intro .content-intro p {
      padding-right: 0px;
      font-size: 16px;
    }
    .home-curent-news {
      display: none;
    }
    .text-none-smartphone {
      display: none;
    }
    .all-text {}

    .intro .content-intro a:nth-child(4) {
      font-size: 16px;
      margin-top: 20px;
      display: block;
    }
    .intro .content-intro a:nth-child(6),
    .intro .content-intro a:nth-child(7) {
      font-size: 16px;
      width: calc(50% - 15px);
    }
    .intro .content-intro a:nth-child(6) {
      margin-right: 30px;
    }
    .intro .content-intro hr {
      margin: 20px auto;
      width: 50px;
      transform: translate(calc(50% - 25px));
      position: relative;
      height: 2px;
    }
    .content-articles {
      display: block;
      height: auto;
      padding-left: 0px;
      position: relative;
      overflow: inherit;
    }
    .flex-all {
      display: block;
      height: auto;
    }
    .content-hr hr {
      width: 1px;
    }
    .content-articles .flex-all .auto .flex {
      margin-top: 0px;
      display: block;
    }
    .content-articles .event:nth-child(4n+1) {
      width: 200px;
      margin: auto;
      margin-bottom: -2px;
    }
    .content-articles .event {
      width: 220px;
      margin: auto;
      margin-bottom: 30px;
    }
    .content-articles .event:nth-child(4n+2) .content-slideshow,
    .content-articles .event:nth-child(4n+3) .content-slideshow,
    .content-articles .event:nth-child(4n+4) .content-slideshow {
      top: 0px;
      left: 0px;
    }
    .content-articles .event:nth-child(4n+3) {
      margin-right: 0px;
      margin: auto;
      margin-bottom: 30px;
    }
    .content-articles .event:last-child {
      padding-right: 0px;
    }
    .content-articles .event:nth-child(4n+1) {
      left: -10%;
    }
    .content-articles .event:nth-child(4n+2) {
      right: -10%;
    }
    .content-articles .event:nth-child(4n+3) {
      left: 0%;
    }
    .content-articles .event:nth-child(4n+4) {
      right: -10%;
      margin-bottom: -2px;
    }
    .content-articles .event hr.first-hr {
      width: 2px;
      left: calc(20% - 1px);
      height: 100vh;
      z-index: -1;
    }
    .content-articles .event hr.last-hr {
      display: none;
    }
    #decennie-2 hr.first-hr {
      height: 670px;
    }
    #decennie-4 hr {
      display: none!important;
    }
    .timeline,
    .timeline-decennie {

      position: absolute;
      top: -100px;
      margin-top: 100px;
      right: 15px;
      width: 2px;
      z-index: 9;
    }
    .timeline ul {
      display: block;
      width: auto;
      right: 40px;
      margin-bottom: 0px;
    }
    .timeline hr {
      height: 100%;
      width: 2px;
      right: 0px;
      position: absolute;
      top: 0px;
    }
    .timeline hr.jaune {
      width: 2px;
      right: 0px;
      transition: all 0.5s;
      height: 14.2857%;
      max-height: 100%;
    }
    .timeline ul li {
      margin-bottom: 20px;
    }
    .timeline ul li:last-child {
      margin-bottom: 0px;
    }

    .timeline-decennie ul {
      display: block;
      width: auto;
      right: 13px;
      margin-bottom: 0px;
    }
    .timeline-decennie hr {
      height: 100%;
      width: 2px!important;
      right: 0px;
      position: absolute;
      top: 0px;
    }
    .timeline-decennie hr.jaune {
      width: 2px;
      right: 0px;
      transition: all 0.5s;
      max-height: 100%;
    }
    .timeline-decennie ul li {
      margin-bottom: 20px;
      margin-right: 0px;
      font-size: 14px!important;
    }
    .timeline-decennie li:last-child {
      margin-bottom: 0px;
    }
    .timeline ul li {
      font-size: 14px;
    }
    .timeline-decennie {
      bottom: auto;
    }
    #decennie {
      overflow: visible;
    }
    #decennie .filtre-black {
      background-color: rgba(42, 42, 41, 0);
    }
    #decennie .content-background {
      position: relative;
    }
    .laptop-background {
      display: none;
    }
    .smartphone-background {
      display: block;
    }
    .background-scale {
      transform: scale(1);
      left: 0px;
    }
    #decennie .background-home {
      height: 50vh;
    }

    #decennie .filtre-black {
      height: 50vh;
    }
    #decennie aside {
      width: 100%;
      height: auto;
      position: relative;
      left: 0px;
      padding: 130px 20% 50px;
      box-sizing: border-box;
      min-height: 50vh;
    }
    #decennie aside .content-aside p {
      margin: 0px;
      opacity: 1!important;
      transform: translate(0px)!important;
      left: 0px;
    }
    /* Titre Decennie */
    @-webkit-keyframes titreDecennie {
      0% {
        opacity: 0;
        left: calc(-700px - 6.5%);
      }
      100% {
        opacity: 1;
        left: 0vw;
      }
    }

    @-moz-keyframes titreDecennie {
      0% {
        opacity: 0;
        left: calc(-700px - 6.5%);
      }
      100% {
        opacity: 1;
        left: 0vw;
      }
    }

    @-ms-keyframes titreDecennie {
      0% {
        opacity: 0;
        left: calc(-700px - 6.5%);
      }
      100% {
        opacity: 1;
        left: 0vw;
      }
    }

    @-o-keyframes titreDecennie {
      0% {
        opacity: 0;
        left: calc(-700px - 6.5%);
      }
      100% {
        opacity: 1;
        left: 0vw;
      }
    }

    @keyframes titreDecennie {
      0% {
        opacity: 0;
        left: calc(-700px - 6.5%);
      }
      100% {
        opacity: 1;
        left: 0vw;
      }
    }

    #decennie h1 {
      -webkit-animation: titreDecennie 0.5s 0.25s ease-out forwards;
      -moz-animation: titreDecennie 0.5s 0.25s ease-out forwards;
      -ms-animation: titreDecennie 0.5s 0.25s ease-out forwards;
      -o-animation: titreDecennie 0.5s 0.25s ease-out forwards;
      animation: titreDecennie 0.5s 0.25s ease-out forwards;
    }
    #decennie h1 {
      position: absolute;
      top: -57px;
      width: 100%;
      text-align: center;
      font-size: 45px;
      left: 0px;
    }
    #decennie .wrap {
      height: auto;
      overflow: visible;
    }

    /* HR Decennie */
    @-webkit-keyframes savoirDecennie {
      0% {
        opacity: 0;
        left: calc(-700px - 6.5%);
      }
      100% {
        opacity: 1;
        left: calc(50vw - 25px);
      }
    }

    @-moz-keyframes savoirDecennie {
      0% {
        opacity: 0;
        left: calc(-700px - 6.5%);
      }
      100% {
        opacity: 1;
        left: calc(50vw - 25px);
      }
    }

    @-ms-keyframes savoirDecennie {
      0% {
        opacity: 0;
        left: calc(-700px - 6.5%);
      }
      100% {
        opacity: 1;
        left: calc(50vw - 25px);
      }
    }

    @-o-keyframes savoirDecennie {
      0% {
        opacity: 0;
        left: calc(-700px - 6.5%);
      }
      100% {
        opacity: 1;
        left: calc(50vw - 25px);
      }
    }

    @keyframes savoirDecennie {
      0% {
        opacity: 0;
        left: calc(-700px - 6.5%);
      }
      100% {
        opacity: 1;
        left: calc(50vw - 25px);
      }
    }

    #decennie .solo-hr {
      -webkit-animation: savoirDecennie 0.5s 0.45s ease-out forwards;
      -moz-animation: savoirDecennie 0.5s 0.45s ease-out forwards;
      -ms-animation: savoirDecennie 0.5s 0.45s ease-out forwards;
      -o-animation: savoirDecennie 0.5s 0.45s ease-out forwards;
      animation: savoirDecennie 0.5s 0.45s ease-out forwards;
    }

    .solo-hr {
      position: absolute;
      width: 50px;
      top: 80px;
      left: calc(50vw - 25px);
    }

    #decennie aside .nav {
      display: block;
      opacity: 1;
      top: 0px;
      position: relative;
      padding: 0px;
      width: 100%;
      box-sizing: border-box;
      left: 0px!important;
    }
    #decennie aside .content-aside {
      padding: 0px;
      box-sizing: border-box;
      top: 0px!important;
      text-align: center;
    }
    #decennie aside .content-aside p {
      padding-right: 0px;
      font-size: 16px;
      padding: 50px 0px;
    }
    #decennie aside .nav .date-nav {
      font-size: 16px;
    }
    #decennie aside .content-aside a:nth-child(3),
    #decennie aside .content-aside a:nth-child(4) {
      font-size: 16px;
      width: calc(50% - 15px);
      opacity: 1!important;
      display: inline-block!important;
      left: 0px!important;
    }
    #decennie aside .content-aside hr.hr-aside {
      width: 50px;
      left: calc(50% - 25px);
      position: relative;
      opacity: 1;
    }
    #decennie aside .button-aside {
      display: none;
    }
    .content-decennie {
      position: relative;
      top: 0px;
      left: 0px;
      padding-left: 0px;
      height: auto;
      width: 100%;
      margin: 50px auto;
      padding: 0px 10%;
      box-sizing: border-box;

    }
    .content-decennie .flex-all {
      display: block;
      height: auto;
    }
    .content-decennie .flex-all .auto .flex {
      margin-right: 0px;
      display: block;
    }
    .content-decennie article {
      width: 45%;
      margin: 50px auto;
      display: inline-block;
      vertical-align: top;
    }
    .content-decennie article:nth-child(odd) {
      margin-right: 10%;
    }
    .content-decennie article .content-slideshow-bg {
      height: 173px;
    }
    .content-decennie article h2 {
      font-size: 19px;
      margin-bottom: 8px;
    }
    .content-decennie article p {
      font-size: 14px;
    }
    .content-decennie .content-slideshow-text {
      padding: 24px;
      padding-bottom: 34px;
    }
    .content-hr {
      height: 50vh;
    }
    .content-hr hr {
      width: 1px;
    }
    .hr-black {
      z-index: -9;
      height: 100%;
      position: fixed;
    }
    #recherche .filtre-black {
      position: absolute;
    }
    #recherche .content-hr {
      height: 64vh;
    }
    .category-medias {
      height: auto;
    }
    .category-medias article.first-media-cate {
      width: 100%;
      height: 500px;
    }
    .category-medias .content-curent-news-block {
      width: 100%;
      left: 0px;
    }
    .category-medias .l-cate-medias {
      padding-left: 0px;
      font-size: 0px;
      width: 100%;
      padding-right: 0px;
      padding-top: 5%;
    }
    .category-medias .l-cate-medias article {
      display: inline-block;
      width: 50%;
      padding-top: 0px!important;
      padding-bottom: 0px!important;
      height: 400px;
      vertical-align: top;
    }
    .category-medias .l-cate-medias article:nth-child(1) {
      padding-right: 2.5%;
    }
    .category-medias .l-cate-medias article .image-medias-screen {
      left: 0%!important;
      width: 100%;
      height: 60%;
    }
    .category-medias .l-cate-medias article .video-voir {
      right: 0px!important;
      height: 40%;
      width: 100%;
      position: relative;
    }
    .section-two-cate-media {
      padding: 0px;
    }
    .category-medias article.first-media-cate:nth-child(2) {
      margin: 5% 0px;
    }
    .category-medias article .bg-media-video-photo {
      height: 60%;
    }
    .category-medias article.first-media-cate:hover .bg-media-video-photo {
      -webkit-transition: all 2s;
      -o-transition: all 2s;
      transition: all 2s;
      -webkit-transform: scale(1.0)!important;
      -ms-transform: scale(1.0)!important;
      transform: scale(1.0)!important;
    }
    .category-medias .l-cate-medias article:hover .video-voir {
      right: 0%!important;
      -webkit-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s;
    }

    #tableclassement,
    .home-classement-title {
      width: 100%!important;
    }
    a.home-all-category {
      right: 0px!important;
      left: auto!important;
    }
    a.home-all-category {
      bottom: -30px;
      left: 18px;
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    a.all-category-single-aside {
      bottom: -30px!important;
    }
    aside .zone-pub-newsletter .all-next-matche .next-matche {
      width: 100%;
    }
    aside .zone-pub-newsletter .all-next-matche .next-matche:nth-child(1) {
      margin-right: 0%;
      margin-bottom: 65px;
    }
    .zone-pub-newsletter .home-classement-content {
      width: 100%;
    }
    .zone-pub-newsletter a img {
      display: block;
      width: 100%;
    }
    
  section.menu-full .filtre-menu{position: absolute!important;height: calc(100vh + 200px);}
  .category-news .block-ancre-actu{display: none;}
  section.menu-full .menu-social-sidebar{height: 150px;}
  section.menu-full .all-ellements-menu nav li a{line-height: 16px;}
  .single-content aside article a.home-all-category.all-category-single-aside{display:none;}
    section.menu-full .background-menu-full {
        transform: none;
        transition: none;
    }
    }
    /*header nav.header-top-screen ul.icon-menu li {
        width: 25px;
    }*/
    header nav.header-top-screen ul.icon-menu li:last-child {
        /*margin-top: 14px;*/
    }
    section.menu-full .all-ellements-menu {
        /*margin-top: 8%;*/
    }
.intro .content-intro .auto{
  padding-top: 10%;
}

}