/* CATEGORIE TITLE */
.category-title {
   width: 100%;
   padding: 10px 0 15px;
   margin-bottom: 25px;
   border-bottom: 1px solid #a3abb7;
   display: flex; display: -webkit-flex; 
   flex-flow: row wrap; -webkit-flex-flow: row wrap;
   justify-content: flex-start; -webkit-justify-content: flex-start;
}
   .category-title span {
      display: block;
      margin: auto 0;
      font-size: 54px;
      line-height: 1.0;
      font-family: 'ClanOT-Medium';
      color: #002561;
   }
      .category-title.smalled span {
         font-size: 44px;
      }
   .category-title a {
      display: block;
      margin: auto 0 auto auto;
      text-decoration: none;
   }
      .category-title a i {
         font-size: 45px;
         color: #002561;
      }

/* ITEMS  */
.union-w100-banner {
   position: relative;
   width: 100%;
   margin-bottom: 30px;
}
   .union-w100-banner .picture {
      width: 100%;
   }
      .union-w100-banner .picture img {
         width: 100%;
         height: auto;
      }

.union-w100-big {
   position: relative;
   width: 100%;
   padding-bottom: 28px;
   border-bottom: 1px solid #a3abb7;
   margin-bottom: 30px;
   background: #FFF;
}
   .union-w100-big .picture {
      width: 100%;
   }
      .union-w100-big .picture img {
         width: 100%;
         height: auto;
      }
      .union-w100-big .picture .link-index {
         top: 0px;
         right: 0px;
      }
   .union-w100-big .item-content {
      padding: 1.5rem 2rem;
   }

.union-w100-small {
   position: relative;
   width: 100%;
   padding: 0.8rem;
   margin-bottom: 30px;
   display: flex; display: -webkit-flex; 
   flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
   justify-content: flex-start; -webkit-justify-content: flex-start;
   background: #FFF;
}
   .union-w100-small .picture {
      width: 295px;
      height: 160px;
      overflow: hidden;
      text-align: center;
   }
      .union-w100-small .picture.size-medium {
         height: 320px;
      }
      .union-w100-small .picture .link-index {
         bottom: 0px;
         left: 0px;
      }
   .union-w100-small .item-content {
      padding: 1.2rem;
      padding-bottom: 20px !important;
      border-bottom: 1px solid #a3abb7;
      margin: 0;
      width: calc(100% - 150px);
   }


/*       W33 > listing news...      */
.union-w33 {
   position: relative;
   margin-top: 10px;
   display: flex; display: -webkit-flex; 
   flex-flow: column; -webkit-flex-flow: column;
   justify-content: flex-start; -webkit-justify-content: flex-start;
   background: none;
}
   .union-w33 .picture {
      width: 100%;
      height: 165px;
      overflow: hidden;
      text-align: center;
   }
      .union-w33 .picture .link-index {
         bottom: 0px;
         left: 0px;
      }
   .union-w33 .item-content {
      padding: 1.2rem 0 0;
      margin: 0;
      width: auto;
   }
      .union-w33 .item-content .categorie {
         width: 100%;
         display: block;
         color: #e01e22;
         font-weight: bold;
         font-size: 14px;
         text-transform: uppercase;
         color: #e01e22;
         border-bottom: 1px solid #333333;
         padding-bottom: 0.3rem;
         margin-bottom: 0.7rem;
      }
      .union-w33 .item-content .description {
      }

.theme-wrapper.events .union-w33 {
   width: 31%;
   margin: 0 1%;
}
   .theme-wrapper.events  .wall-item .item-content {
      margin-top: 5px;
   }

/*    LABEL > actualités,dossiers,étuds... */
.union .wall-item .label {
   position: absolute;
   z-index: 15;
   left: 0px;
   top: 0px;
   padding: 0.6rem 1.5rem;
   font-size: 16px;
   line-height: 20px;
   font-family: 'ClanOT-Bold';
   border-bottom-right-radius: 15px;
   overflow: hidden;
   text-transform: uppercase;
}
   .union .wall-item .label {
   }
      .union .wall-item .label img {
         height: 19px;
      }
.union .wall-item .label.news {
   background: #e01e22;
   color: #f97c7f;   
}
.union .wall-item .label.etudes {
   background: #1a1e51;
   color: #6f74b7;   
}
.union .wall-item .label.dossiers {
   background: #336cb3;
   color: #104384;   
}
.union .wall-item .label.feeds {
   background: #87c7f3;
   color: #4d9feb;   
}
.union .wall-item .label.videos {
   background: #5ca5f8;
   color: #0066dc;   
}

.union .wall-item .picture {
   position: relative;
   z-index: 10;
}
   .union .wall-item .picture .link-index {
      position: absolute;
      z-index: 15;
      padding: 0.4rem 2.5rem 0.6rem;
      color: #336cb3;
      font-size: 8px;
      font-family: 'ClanOT-News';
      text-transform: uppercase;
      background: #FFF;
      text-decoration: underline;
   }
      .union .wall-item.union-w100-small .picture .link-index {
         padding: 0.6rem 2.5rem 0.4rem;
      }
   .union .wall-item .picture .alaune-title {
      position: absolute;
      z-index: 15;
      bottom: 0;
      left: 0;
   }
.union .wall-item .item-content {
   flex: auto;
   font-size: 12px;
   color: #333333;
   font-family: 'ClanOT-News';
   display: block;
   padding: 0;
}
.union .wall-item .item-content .title {
   display: block;
   color: #333333;
   font-size: 19px;
   font-family: 'ClanOT-Medium';
   line-height: 1.0;
}
.union .wall-item .item-content .subtitle {
   padding-top: 1.5rem;
   padding-bottom: 0.8rem;
   display: block;
   font-size: 13px;
   color: #333333;
}
.union .wall-item .link-more-shop {
   display: block;
   width: 100%;
   height: auto;
   background: #1a1e51;
   font-size: 14px;
   padding: 0.9rem;
   line-height: 1.0;
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
   color: #FFF;
}
   .union .wall-item .link-more-shop span {
      display: block;
      font-size: 12px;
      line-height: 1.2;
      font-weight: normal;
   }
.union .wall-item .info-premium {
   display: block;
   width: 100%;
   height: auto;
   background: #dedede;
   font-size: 12px;
   margin-top: 0.7rem;
   padding: 0.5rem;
   line-height: 1.0;
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
}

.wall-item.union-w33 .link-more {
   margin-top: auto;
   margin-bottom: 7px;
}
.wall-item.union-w33 .link-more-shop {
   margin-top: 0;
}



/* home > a la une */
.alaune-wrapper .union-w100-big {
   display: flex; display: -webkit-flex; 
   flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
   justify-content: flex-start; -webkit-justify-content: flex-start;
   background: #0f265c;
   padding: 0;
   border-bottom: 0;
}
   .alaune-wrapper .union-w100-big .picture {
      width: 50%;
      min-height: 290px;
      background: #FFF;
   }
      .alaune-wrapper .union-w100-big .picture img {
      }
   .alaune-wrapper .union-w100-big .item-content {
      width: 50%;
      margin: auto 0;
      padding: 15px 20px 15px 30px;
   }
   .alaune-wrapper .union-w100-big .item-content .subtitle, .alaune-wrapper .union-w100-big .item-content .subtitle .date, .alaune-wrapper .union-w100-big .item-content .subtitle .categorie {
      font-size: 14px;
      color: #FFF;
      padding-bottom: 15px;
   }
   .alaune-wrapper .union-w100-big .item-content .title {
      color: #FFF;
      font-size: 35px;
      font-family: 'ClanOT-Medium';
   }


/* home > small */
.grid-wrapper.with-aside.union #main li.union-w100-small {
   width: 49%;
   display: flex; display: -webkit-flex; 
   flex-flow: row wrap; -webkit-flex-flow: row wrap;
   justify-content: flex-start; -webkit-justify-content: flex-start;
   padding-bottom: 28px;
   /* border-bottom: 1px solid #a3abb7; */
   margin-bottom: auto;
}