.body .content .dia {
  min-height: 120px;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0 10px;
  text-align:left;
  border-radius: 2px;
}

.body .content .dia.noPadding {
  padding: 0;
}

.body .content .dia .contentDia {
  padding: 12px;
  background-color: #1D1D1D;
}

.body .content .dia .contentDia .title{
  margin-bottom: 10px;
  padding: 0 8px 8px 8px;
  font-size: 11pt;
}

.body .content .dia .contentDia .video{
  text-align: center;
}

iframe {
  max-width: 100%;
}

@media(max-width:992px){
  iframe {
    max-height: 240px;
  }
}

/* color news */
.body .content .dia .contentDia.unite .title {
  border-bottom: 2px solid rgb(156, 7, 25);
  box-shadow: 0 2px 0 rgb(0, 84, 168);
}
.body .content .dia .contentDia.baladins .title {
  border-bottom: 2px solid rgb(0,161,217);
}
.body .content .dia .contentDia.louveteaux .title {
  border-bottom: 2px solid rgb(35,111,81);
}
.body .content .dia .contentDia.eclaireurs .title {
  border-bottom: 2px solid rgb(0,81,158);
}
.body .content .dia .contentDia.pionniers .title {
  border-bottom: 2px solid rgb(212,2,29);
}
.body .content .dia .contentDia.route .title {
  border-bottom: 2px solid rgb(21,154,85);
  box-shadow: 0 2px 0 rgb(183, 4, 22);
}