section.wall {
   width: 100%;
   background: #FFF;
   margin: 0;
   padding: 1.5rem 0;
}
   .filiere section.wall {
      width: 100%;
      background: none;
      margin: 1.5rem 0;
      padding: 0;
   }


/* VIDEO */
.inside-video {
   padding: 2.5rem 0;
   position: relative;
}
   .video-close {
      position: absolute;
      top: 25px;
      right: 30px;
   }
.video-title {
   font-weight: bold;   
   font-size: 30px;
   line-height: 1.0;
   padding-bottom: 2rem;
   color: #FFF;
   text-transform: uppercase;
}
.video-wrapper {
   width: 990px;
   margin: 0 auto;
}

/* INDEX */
.union .index-title {
   width: 100%;
   padding: 2rem;
   font-size: 64px;
   line-height: 1.0;
   font-family: 'ClanOT-Medium';
   color: #002561;
   text-transform: none;
   text-align: center;
}
.union .index-wrapper {
   width: 100%;
   padding: 1rem 0 2rem;
}
.union .index-subtitle {
   width: 100%;
   padding: 30px 0 1.5rem;
   font-size: 38px;
   color: #0f265c;
   font-family: 'ClanOT-Medium';
   text-transform: none;
   text-align: left;
   border-bottom: none;
}
.union .index-subtitle span {
   color: #ee3124;
}
.union.membres .index-title {
    border-top: 1px solid #a3abb7;
    border-bottom: 1px solid #a3abb7;
    margin: 15px 0;
    font-size: 47px;
    line-height: 1.0;
    color: #002561;
    font-weight: 700;
    text-transform: none;
    text-align: left;
    padding: 15px 0;       
}

/* SHOP > A LA UNE */
.shop-une {
   width: 100%;
   margin: 2rem 0;
   display: block;
}
   .shop-une img {
      width: 100%;
      height: auto;
   }


/* A LA UNE */
.alaune-wrapper {
   margin: 0 auto;
   width: 990px;
}
.alaune-wrapper.filiere {
   width: 100%;
}

/* MAIN BLOCS */
.grid-wrapper {
   margin: 0 auto;
   width: 990px;
   display: flex; display: -webkit-flex; 
   flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
   justify-content: space-around; -webkit-justify-content: space-around;
}
   .grid-wrapper.with-aside #main {
      width: 645px;
      margin: 0;
   }
   .grid-wrapper.with-aside #aside {
      width: 300px;
      margin: 0;
      margin-left: auto;
   }

   .grid-wrapper.without-aside #main {
      width: 990px;
      margin: 0;
   }


.sortable { 
   list-style: none;
   list-style-type: none; 
   margin: 0; 
   padding: 0; 
   display: flex; display: -webkit-flex; 
   flex-flow: row wrap; -webkit-flex-flow: row wrap;
   justify-content: flex-start; -webkit-justify-content: flex-start;
   position: relative;
}
   .sortable li { 
   }

   .sortable.front {
      display: flex; display: -webkit-flex; 
      flex-flow: row wrap; -webkit-flex-flow: row wrap;
      justify-content: flex-start; -webkit-justify-content: flex-start;
   }


/* LIST   AVEC  BARRE */
.grid-wrapper.with-aside #main .sortable {
   width: 645px; 
}
   .grid-wrapper.with-aside #main li, .grid-wrapper.with-aside #main li.width2, .grid-wrapper.with-aside #main li.width4 {
      width: 645px; 
   }
.grid-wrapper.with-aside #aside .sortable {
   width: 300px; 
}
   .grid-wrapper.with-aside #aside li, .grid-wrapper.with-aside #aside li.width2, .grid-wrapper.with-aside #aside li.width4 {
      width: 300px; 
      margin-bottom: 30px;
   }

/* LIST   SANS  BARRE */
.grid-wrapper.without-aside #main .sortable {
   width: 990px; 
}
   li.filiere-w50 {
      width: 480px;
      margin: 0 7px 30px;
   }
   li.filiere-w25 {
      width: 235px; 
      margin: 0 6px 30px;
   }
.grid-wrapper.without-aside.union #main .sortable {
   grid-column-gap: 20px;
   display: grid;
   grid-row-gap: 30px;
   grid-template: auto / 32% 32% 32%;
}





/* FILIERE INDEX NEWS */
.filiere-index {
   width: 100%;
   margin-bottom: 2rem;
}
   .filiere .index-title {
      width: 100%;
      padding: 2rem 0 0;
      font-size: 34px;
      line-height: 0.8;
      color: #1a1e51;
      font-family: 'DIN Next HeavyCnd';
      text-transform: uppercase;
      text-align: center;
      background: none;
      color: #d1cece;
   }
      .filiere.skin-red .index-title, .filiere-index.skin-red .index-title {
         color: #e01e22;
      }
      .filiere.skin-green .index-title, .filiere-index.skin-green .index-title {
         color: #00a49d;
      }
      .filiere.skin-blue1 .index-title, .filiere-index.skin-blue1 .index-title {
         color: #336cb3;
      }
      .filiere.skin-orange .index-title, .filiere-index.skin-orange .index-title {
         color: #e0751e;
      }
      .filiere.skin-yellow .index-title, .filiere-index.skin-yellow .index-title {
         color: #f0df54;
      }
      .filiere.skin-grey-light .index-title, .filiere-index.skin-grey-light .index-title {
         color: #d1cece;
      }
   .filiere .index-subtitle {
      width: 100%;
      padding: 2rem 0 0;
      font-size: 20px;
      line-height: 0.8;
      color: #1a1e51;
      font-family: 'DIN Next HeavyCnd';
      text-transform: uppercase;
      text-align: center;
      background: none;
      color: #d1cece;
      display: flex; display: -webkit-flex; 
      flex-flow: row wrap; -webkit-flex-flow: row wrap;
      justify-content: center; -webkit-justify-content: center;
   }
      .filiere.skin-red .index-subtitle, .filiere-index.skin-red .index-subtitle {
         color: #e01e22;
      }
      .filiere.skin-green .index-subtitle, .filiere-index.skin-green .index-subtitle {
         color: #00a49d;
      }
      .filiere.skin-blue1 .index-subtitle, .filiere-index.skin-blue1 .index-subtitle {
         color: #336cb3;
      }
      .filiere.skin-orange .index-subtitle, .filiere-index.skin-orange .index-subtitle {
         color: #e0751e;
      }
      .filiere.skin-yellow .index-subtitle, .filiere-index.skin-yellow .index-subtitle {
         color: #f0df54;
      }
      .filiere.skin-grey-light .index-subtitle, .filiere-index.skin-grey-light .index-subtitle {
         color: #d1cece;
      }


   .filiere .sponsor-wrap {
      width: 100%;
      padding: 0.7rem 0 1.3rem;
      font-size: 20px;
      line-height: 0.8;
      color: #FFF;
      font-family: 'DIN Next HeavyCnd';
      text-transform: uppercase;
      text-align: center;
      background: none;
      display: flex; display: -webkit-flex; 
      flex-flow: row wrap; -webkit-flex-flow: row wrap;
      justify-content: center; -webkit-justify-content: center;
   }
  .filiere .sponsor-wrap .sponsor-name {
      margin: auto 0;
   }
   .filiere .sponsor-wrap .sponsor-logo {
      margin: auto 15px;
   }

.filiere .index-wrapper {
   width: 100%;
   padding: 2rem 0 2rem;
   background: #d1cece;
   margin-top: -5px;
   min-height: 300px;
}
   .filiere .index-wrapper .grid-wrapper {
      justify-content: flex-start; -webkit-justify-content: flex-start;
   }
   .filiere.skin-red .index-wrapper, .filiere-index.skin-red .index-wrapper {
      background: #e01e22;
   }
   .filiere.skin-green .index-wrapper, .filiere-index.skin-green .index-wrapper {
      background: #00a49d;
   }
   .filiere.skin-blue1 .index-wrapper, .filiere-index.skin-blue1 .index-wrapper {
      background: #336cb3;
   }
   .filiere.skin-orange .index-wrapper, .filiere-index.skin-orange .index-wrapper {
      background: #e0751e;
   }
   .filiere.skin-yellow .index-wrapper, .filiere-index.skin-yellow .index-wrapper {
      background: #f0df54;
   }
   .filiere.skin-grey-light .index-wrapper, .filiere-index.skin-grey-light .index-wrapper {
      background: #d1cece;
   }
.filiere .link-all {
   display: block;
   padding: 2rem 0 0;
   color: #FFF;
   font-size: 14px;
   text-align: center;
   text-transform: uppercase;
   font-family: 'DIN Next BoldCnd';
}


/*    ADMIN  part */
.wall-item .admin-toolbar {
   list-style: none;
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 18;
   display: flex; display: -webkit-flex; 
   flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
   justify-content: flex-end; -webkit-justify-content: flex-end;
}
   .filliere .wall-item .admin-toolbar {
      bottom: auto;
      top: 0px;
   }

   .wall-item .admin-toolbar .subtoolbar {
      color: #000;
      font-size: 8px;
      font-family: 'ClanOT-News';
      text-transform: uppercase;
      background: #dedede;
      padding: 0.5rem 1rem 0.5rem;
      line-height: 1.1;
      margin-left: 3px;
      display: flex; display: -webkit-flex; 
      flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
      justify-content: flex-end; -webkit-justify-content: flex-end;
  }
      .wall-item .admin-toolbar .subtoolbar.warning {
         background: #900;
         color: #FFF;
      }

      .wall-item .admin-toolbar .subtoolbar .icon {
         height: 15px;
         line-height: 15px;
         width: auto;
         margin: auto 0.7rem;
      }
         .wall-item .admin-toolbar .subtoolbar .icon.active {
            font-weight: bold;
         }
      .wall-item .admin-toolbar .subtoolbar .icon img {
         height: 15px;
         width: auto;
      }


.form-add {
   width: 100%;
   display: flex; display: -webkit-flex; 
   flex-flow: row wrap; -webkit-flex-flow: row wrap;
   justify-content: center; -webkit-justify-content: center;
   padding: 1rem;
   margin: 1rem 0;
   background: #eaeaea;
}
   .form-add .label {
      width: 100%;
      font-weight: bold;
      margin: 0;
      text-align: center;
   }
   .form-add .inputs {
      width: 90%;
      margin: 0.5rem auto;
   }
      .inputs input, .inputs select {
         width: 100%;
         padding: 6px 10px;
         border-radius: 7px;
      }
   .form-add .button {
      width: 100%;
      font-weight: bold;
      margin: 0 15px;
      text-align: center;
      text-decoration: underline;
   }


/* BANNER > ASIDE */
.banner {
   display: block;
   max-width: 100%;
   height: auto;
}
   .banner img {
      max-width: 100%;
      height: auto;
   }


/* AGENDA  && TWITTER  ASIDE */
.plugin-aside {
   width: 100%;
   background: #FFF;
}
   .plugin-aside .plugin-title {
      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;
   }
      .plugin-aside .plugin-title .title {
         width: 220px;
         background: #9ea5a5;
         text-align: center;
         border-bottom-right-radius: 7px;
         margin: 0;
         line-height: 38px;
         color: #FFF;
         font-size: 26px;
         font-family: 'ClanOT-Book';
      }
      .plugin-aside .plugin-title .icon {
         margin: auto;
      }
   .plugin-aside .plugin-items {
      width: 100%;
   }
      .plugin-aside .item {
         display: block;
         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: 14px;
      }
         .plugin-aside .item .infos {
            display: block;
            text-align: left;
            color: #1a1e51;
         }
            .plugin-aside .item .infos .name {
               font-family: 'ClanOT-Medium';
               font-size: 14px;
               line-height: 1.0;
               text-transform: none;
               margin-top: 2px;
               display: block;
            }
            .plugin-aside .item .infos .date {
               font-family: 'ClanOT-Medium';
               font-size: 12px;
               color: #ee3124;
               line-height: 1.0;
               text-transform: uppercase;
               display: block;
            }
            .plugin-aside .item .infos .description {
               font-family: 'ClanOT-News';
               font-size: 11px;
               line-height: 1.0;
               display: block;
            }
         .plugin-aside .item .icon {
            width: 45px;
            margin: auto 0;
            text-align: center;
         }
            .plugin-aside .item .icon.largesize {
               width: 55px;
               margin-right: 5px;
            }

      .plugin-aside .item .tweet-inside {
         width: 100%;
      }
      .plugin-aside .item .tweet-picture {
         width: 100%;
         margin-bottom: 0.5rem;
         max-height: 150px;
         overflow: hidden;
      }
         .plugin-aside .item .tweet-picture img {
            width: 100%;
            height: auto;
         }
      .plugin-aside .item .tweet-content {
         display: flex; display: -webkit-flex; 
         flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
         justify-content: flex-start; -webkit-justify-content: flex-start;
      }

   .plugin-aside .view-all {
      width: 100%;
      text-align: center;
      padding: 1rem 0;
      font-family: 'ClanOT-Medium';
      color: #586464;
      text-decoration: underline;
      display: block;
   }


.plugin-aside.calendars-aside .plugin-title .title  {
   background: #9ea5a5;
}
.plugin-aside.calendars-aside .plugin-aside .view-all  {
   color: #586464;
}
.plugin-aside.twitter-aside .plugin-title .title  {
   background: #4d9feb;
}
.plugin-aside.twitter-aside .plugin-aside .view-all  {
   color: #4d9feb;
}


/* FILIERE NEWS >    ASIDE */
.filiere-aside {
   width: 100%;
   background: #FFF;
}
   .filiere-aside .filiere-title {
      display: flex; display: -webkit-flex; 
      flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
      justify-content: flex-start; -webkit-justify-content: flex-start;
      background: #0a0d36;
      padding: 0.9rem 0.7rem;
   }
      .filiere-aside .filiere-title .icon {
         margin: auto;
      }
      .filiere-aside .filiere-title .title {
         margin: auto 0;
         width: 190px;
         text-align: right;
         line-height: 1.3;
         color: #FFF;
         font-size: 17px;
         font-family: 'DIN Next HeavyCnd';
         text-transform: uppercase;
      }
         .filiere-aside .filiere-title.co-red .title {
            color: #e01e22;
         }
         .filiere-aside .filiere-title.co-blue1 .title {
            color: #336cb3;
         }
         .filiere-aside .filiere-title.co-orange .title {
            color: #e0751e;
         }
         .filiere-aside .filiere-title.co-yellow .title {
            color: #f0df54;
         }
         .filiere-aside .filiere-title.co-green .title {
            color: #00a49d;
         }
         .filiere-aside .filiere-title.co-white .title {
            color: #FFF;
         }

   .filiere-aside .filiere-items {
      padding: 0.7rem;
   }
      .filiere-aside .filiere-items .item {
         display: block;
         padding: 0.7rem;
      }
         .filiere-aside .filiere-items .item .name {
            font-family: 'ClanOT-Bold';
            font-size: 11px;
            line-height: 1.0;
            text-transform: uppercase;
            padding-bottom: 0.2rem;
            display: block;
         }
         .filiere-aside .filiere-items .item .date {
            font-family: 'ClanOT-News';
            font-size: 11px;
            line-height: 1.0;
            text-transform: uppercase;
            display: block;
         }