/*       W25      */
.filiere-w25 {
   position: relative;
   width: 235px;
   height: 375px;
   padding: 0;
   background: #FFF;
}
   .filiere-w25 .picture {
      width: 235px;
   } 
      .filiere-w25 .item-content {
      }
         .filiere-w25 .item-content .subtitle {
            padding: 0 0.5rem;
         }
         .filiere-w25 .item-content .title {
            padding: 0 0.5rem;
         }
         .filiere-w25 .item-content .description {
            padding: 0.7rem 0.5rem;
         }
   .filiere-w25 .item-content .bottom .rs {
      margin: auto 0;
      margin-left: 0.5rem;
      display: flex; display: -webkit-flex; 
      flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
      justify-content: space-around; -webkit-justify-content: space-around;
   }
      .filiere-w25 .item-content .bottom .rs a, .filiere-w25 .item-content .bottom .rs .js-share-facebook {
         display: block;
         margin: 0 3px;
      }


/*       W50      */
.filiere-w50 {
   position: relative;
   width: 480px;
   height: 375px;
   padding: 0;
   background: #FFF;
}
   .filiere-w50 .picture {
      width: 480px;
   } 
      .filiere-w50 .item-content {
      }
         .filiere-w50 .item-content .subtitle {
            padding: 0 1.3rem;
         }
         .filiere-w50 .item-content .title {
            padding: 0 1.3rem;
         }
         .filiere-w50 .item-content .description {
            padding: 0.7rem 1.3rem;
         }
   .filiere-w50 .item-content .bottom .rs {
      margin: auto 0;
      margin-left: 1.3rem;
   }


/*    W100 BANNER  */
.filiere-w25-banner {
   position: relative;
   width: 235px;
   height: 375px;
   margin: 0 5px 30px;   
}
   .filiere-w25-banner .banner {
      height: 375px;
   }
      .filiere-w25-banner .banner img {
         width: auto;
         height: 375px;
      }
.filiere-w100-banner {
   position: relative;
   width: 100%;
   margin-bottom: 30px;
}
   .filiere-w100-banner .banner {
      width: 100%;
   }
      .filiere-w100-banner .banner img {
         width: 100%;
         height: auto;
      }




.filiere .wall-item .picture {
   height: 217px;
   position: relative;
} 
   .filiere .wall-item .picture .link-index {
      position: absolute;
      z-index: 15;
      left: 0px;
      top: 0px;
      padding: 0.4rem 1rem;
      background: #FFF;
      font-size: 10px;
      color: #0a0d36;
      line-height: 11px;
      text-transform: uppercase;
   }

.filiere .wall-item .item-content .subtitle {
   margin: 0.6rem 0;
   font-size: 11px;
   color: #0a0d36;
   text-transform: uppercase;
   display: flex; display: -webkit-flex; 
   flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
   justify-content: flex-start; -webkit-justify-content: flex-start;
   border-top: 1px solid #0a0d36;
   border-bottom: 1px solid #0a0d36;
   padding-top: 0.4rem;
   padding-bottom: 0.4rem;
}
   .filiere .wall-item .item-content .subtitle .categorie {
      margin: auto 0;
      font-family: 'DIN Next HeavyCnd';
      color: #336cb3;
      line-height: 1.0;
      height: 9px;
   }
      .filiere .wall-item .item-content .subtitle .categorie.co-red {
         color: #e01e22;
      }
      .filiere .wall-item .item-content .subtitle .categorie.co-blue1 {
         color: #336cb3;
      }
      .filiere .wall-item .item-content .subtitle .categorie.co-orange {
         color: #e0751e;
      }
      .filiere .wall-item .item-content .subtitle .categorie.co-green {
         color: #00a49d;
      }
      .filiere .wall-item .item-content .subtitle .categorie.co-white {
         color: #FFF;
      }

   .filiere .wall-item .item-content .subtitle .date {
      margin: auto 0;
      margin-left: auto;
      font-size: 9px;
      line-height: 1.0;
   }
.filiere .wall-item .item-content .title {
   font-family: 'DIN Next MedCnd';
   font-size: 16px;
   line-height: 1.1;
   padding-top: 0.6rem;
   color: #0a0d36;
   text-transform: uppercase;
   display: block;
}
.filiere .wall-item .item-content .description {
   font-size: 11px;
   line-height: 1.1;
   color: #0a0d36;
}
.filiere .wall-item .item-content .bottom {
   position: absolute;
   left: 0px;
   right: 0px;
   bottom: 12px;
   display: flex; display: -webkit-flex; 
   flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
   justify-content: flex-start; -webkit-justify-content: flex-start;
}
   .filiere .wall-item .item-content .bottom .rs {
      display: flex; display: -webkit-flex; 
      flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
      justify-content: flex-start; -webkit-justify-content: flex-start;
  }
      .filiere .wall-item .item-content .bottom .rs a {
         display: block;
         margin: 0 3px;
      }
   .filiere .wall-item .item-content .bottom .link-more {
      font-family: 'DIN Next Cnd';
      margin: auto 0;
      margin-left: auto;
      display: block;
      color: #FFF;
      font-size: 13px;
      text-transform: uppercase;
      width: 120px;
      border-left: 5px solid #0a0d36;
      text-align: center;
      height: 18px;
      line-height: 20px;
      background: url('../../_img/grids/fillere-more.png') no-repeat center left #0a0d36;
   }
   .filiere .wall-item .item-content .bottom .link-more.is-premium {
      border-color: #e01e22;
      background-color: #e01e22;
   }
   .filiere .wall-item .item-content .bottom .premium {
      display: inline-block;
      background: #FFF;
      color: #e01e22;
      padding: 0.3rem 0.5rem;
      margin-top: 0.5rem;
      font-size: 12px;
      position: absolute;
      right: 4px;
      bottom: 20px;
    }

.filiere .wall-item .item-content .bottom .link-more-shop {
   font-family: 'DIN Next Cnd';
   display: block;
   width: 100%;
   max-width: 200px;
   height: auto;
   background: #e01e22;
   font-size: 14px;
   padding: 0.3rem;
   line-height: 1.0;
   text-align: center;
   text-transform: uppercase;
   color: #FFF;
   margin-left: auto;
}
   .filiere .wall-item .item-content .bottom .link-more-shop span {
      display: block;
      font-size: 11px;
      line-height: 1.2;
   }

/* SHOPPING */
.wall-item.shopping {
   background: #a23da3;
   color: #FFF;
}
.wall-item.shopping .item-content .title {
   color: #FFF;
}
.wall-item.shopping .item-content .description {
   color: #FFF;
}
.filiere .wall-item .label {
   position: absolute;
   z-index: 15;
   left: 0px;
   top: 19px;
   padding: 0.4rem 1rem;
   background: #adadad;
   font-size: 10px;
   color: #0a0d36;
   line-height: 11px;
   text-transform: uppercase;
}


/* A LA UNE */
.filiere-une {
   width: 100%;
   display: flex; display: -webkit-flex; 
   flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
   justify-content: flex-start; -webkit-justify-content: flex-start;
   margin-bottom: 2rem;
}
   .wall-item.filiere-une .picture {
      width: 50%;
      margin: 0;
      height: auto;
      min-height: 350px;
   }
      .filiere-une .picture img {
         width: 100%;
         height: auto;
      }
   .filiere-une .content {
      width: 50%;
      background: #FFF;
      color: #0a0d36;
      margin: 0;
      display: flex; display: -webkit-flex; 
      flex-flow: column; -webkit-flex-flow: column;
      justify-content: center;
      padding: 3rem;
      position: relative;
   }
      .filiere-une .content .alaune-title {
         display: block;
         width: 100%;
         font-size: 65px;
         color: #0a0d36;
         text-transform: uppercase;
         line-height: 1.0;
         font-family: 'DIN Next BlackCnd';
         border-bottom: 1px solid;
         padding-bottom: 1rem;
         margin-bottom: 1rem;
      }
      .filiere-une .content .date {
         display: block;
         width: 100%;
         font-size: 12px;
         text-transform: uppercase;
         line-height: 1.0;
     }
      .filiere-une .content .title {
         display: block;
         width: 100%;
         font-size: 22px;
         text-transform: uppercase;
         line-height: 1.0;
         font-family: 'DIN Next MedCnd';
         padding-bottom: 1rem;
         margin-top: 2rem;
      }
      .filiere-une .content .description {
         display: block;
         width: 100%;
         font-size: 14px;
         line-height: 1.1;
      }
      .filiere-une .content .link-more {
         display: block;
         position: absolute;
         bottom: 0px;
         right: 0px;
         z-index: 10;
         padding: 0.5rem;
         background: #0a0d36;
         color: #FFF;
         display: flex; display: -webkit-flex; 
         flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
         justify-content: space-around; -webkit-justify-content: space-around;
      }
         .filiere-une .content .link-more span {
            margin: auto 1rem;
            margin-right: 1.6rem;
            display: inline-block;
            text-transform: uppercase;
            line-height: 22px;
            font-family: 'DIN Next Cnd';
            font-size: 16px;
         }
   
.filiere .loadmore-bt {
  /* color: #FFF;*/
   text-decoration: underline;
}