@media print {
    @page {
      size: 330mm 427mm;
      margin: 14mm;
    }
    .container {
      width: 1170px;
    }
  }

.c-vod-thumbnail {
    float: left;
    margin-right: 10px;
    background-color: white;


}

.image-test {
    position: relative;
}

.post-content {
    bottom:0;
    left:0;
    position: absolute;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.75);
    margin: 5px;
}

.caption-duration {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.75);
    color: white;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 4px;
}

.caption-filename {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.75);
    color: white;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 4px;
    width: 100%;
}

.relative {
    position:relative;
    background-color: blue;
}

/*.thumbnail {
    background-color: blue;
}
*//*
.img123 {
}

.imageHolder {
    position: relative;
    width: 196px;
    height: 175px;
     }

.imageHolder .caption {
position: absolute;
width: 196px;
height: 50px;
bottom: 0px;
left: 0px;
color: #ffffff;
background: grey;
text-align:center;
font-weight:bold;

}
*/

.c-vod-content {
    float: left;
    margin-left: 0px;
    padding-left: 0px;
    background-color: white;
}

.c-vod-date {
    font-size: 12px;
    color: #777;
}

.c-vod-title {
}

.c-vod-pathname {
    margin-top: 5px;
    font-size: 12px;
    color: #777;
}

.c-vod-description {
    margin-top: 5px;
    font-size: 12px;
}

.c-vod-thumbnail {
    margin-top: 5px;
}

.c-vod-video-player {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.c-vod-thumbnail-custom {
    height: 200px;
}
.c-crea {
    color: white;
}

.c-cast {
    color: #FF6600;
}

.c-footer {
    margin: 35px 0 0;
    text-align:center;
/*
    background:#efefef;
    border-top:1px solid #ccc;
*/
    color:#999;
    text-shadow:0px 1px 1px #fff;
}

//.text-center h3 { margin: 0; }

#cc-footer-container {
  margin-top: 40px;
  margin-bottom: 10px;
  background-color: #333333;
  /* background: -webkit-linear-gradient(#ff9900, #ff6600); /* For Safari */
  /* background: -o-linear-gradient(#ff9900, #ff6600); /* For Opera 11.1 to 12.0 */
  /* background: -moz-linear-gradient(#ff9900, #ff6600); /* For Firefox 3.6 to 15 */
  /* background: linear-gradient(#ff9900, #ff6600); /* Standard syntax */
  color: #ffffff;
  padding: 10px;
  border-radius: 4px;
  text-align: center;
}

.cc-footer-badge {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  vertical-align: top;
  margin-top: 11px;
  margin-right: 5px;
}

a.link-white {
  color: #ffffff;
  text-decoration: none;
}

a.link-white:hover,
a.link-white:focus {
  color: #ffffff;
  text-decoration: none;
}

a.link-white:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


body {
//    background-color: grey;
}

body {
    padding-top: 5px;
}

.c-help {
    color: #666666;
    text-align: left;
/*    padding: 20px; */
}


.c-footer-container {
    margin-top: 20px;
    background: #FF6600;
    color: #FFFFFF;
    padding-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

/* Override CSS bootstrap print */
@media print {
  /* Pour ne pas afficher les url dans les impressions */
  a[href]:after {
    content: "";
  }
}

td.c-icon {
//    max-width: 15px;
//    background-color: blue;
}

td.c-nowrap {
    white-space: nowrap;
//    background-color: blue;
}

.emerald-bg {
    background-color:#3498db!important;
}.red-bg {
    background-color:#e74c3c!important;
}.yellow-bg {
    background-color:#f1c40f!important;
}.green-bg {
    background-color:#2ecc71!important;
}.purple-bg {
    background-color:#9b59b6!important;
}
.gray-bg {
    background-color:#95a5a6!important;
}.white-bg {
    background-color:#ffffff!important;
}

.infographic-box {
    margin-top: 20px;
    margin-bottom: 0px;
    padding:20px;
}

.infographic-box i {
    font-size:2.4em;
    display:block;
    float:left;
    margin-right:15px;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    color:#fff;
}

.infographic-box .headline {
    display:block;
    font-size:1.2em;
    font-weight:300;
    text-align:right;
}

.infographic-box .value {
    font-size:2.1em;
    font-weight:600;
    margin-top:-5px;
    display:block;
    text-align:right;
}

.infographic-box .value2 {
    font-size:3.1em;
    font-weight:600;
    margin-top:-5px;
    display:block;
    text-align:right;
}

.infographic-box.merged {
    border-top:1px solid #e7ebee;
    border-right:1px solid #e7ebee;
    width:50%;
}

.infographic-box.merged .headline {
    text-align:left;
    font-size:1em;
    margin-top:-5px;
}

.infographic-box.merged .value {
    text-align:left;
    font-size:1.9em;
    font-weight:400;
    margin-top:0;
}

.infographic-box.merged.merged-top {
    border-top:none;
}

.infographic-box.merged.merged-right {
    border-right:none;
}

@media (max-width: 767px)  {
    .infographic-box.merged {
    width:100%;
    border-right:none;
    }

    .infographic-box.merged.merged-top.merged-right {
        border-top:1px solid #e7ebee;
    }
}

#iframe-wrapper {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%; /* For 16:9 ratio */
}

/* stream target */
@media (min-width: 992px) {
  .alert.status {
    margin-bottom:0px;
  }

  .boutons-actions {
    transform: translateY(30%); /* pour le décaler un peu du haut, qu'on ai l'impression qu'il soit au milieu */
  }

  .fa-youtube-square {
    transform: translateY(10%);
  }
  .fa-facebook-square {
    transform: translateY(10%);
  }
  .fa-wifi {
    transform: translateY(10%);
  }
}

@media (min-width: 768px) {
  .label-custom-rtmp {
    margin-top: 5px;
  }
}

@media (max-width: 768px) {
  .label-custom-rtmp {
    margin-top: 5px;
  }
}

.alert-grey {
  background-color:#DDDDDD;
  color:#666666;
  border-color:#CCCCCC;
}

.fa-color-black {
  color:black;
}

label small {
  color: grey;
}

.label-custom-rtmp {
  color: white;
  /*background-color: #292929;*/
  font-size: 10px;
  text-align: center;
  display:inline-block;
}