#podcast #texte H6{
  margin:0;
  padding:0;
  font-weight:medium;
  font-size:1.0rem;
  letter-spacing: 0.15;
  text-transform: uppercase;
}


#podcast #vignette, #podcast #vignette img{
  height:192px;
}

#podcast{
  margin-top:4px;
  margin-bottom:8px;
  position:relative;
  width : 100%;
  max-width: 800px;
}

#podcast #texte {
  font-family: Open Sans,helvetica, sans-serif;
  margin-left: 208px;
  min-height: 192px;
  padding:16px 16px 0px 16px;
}

#podcast #vignette{
  position:absolute;
  top:16px;
  left:16px;
  width:192px;
  z-index:1;
}

#podcast #vignette img{
  width:100%;
}

#podcast #publication{
  font-size:0.8rem;
}
#podcast #auteur{
  display:none;
}

#podcast #description{
  margin-top:8px;
  line-height:1.5rem;
}

#podcast #description A{
    font-weight:900;
    color:#333;
}

#podcast #titre{
  font-weight:medium;
  font-size:1.0rem;
  letter-spacing: 0.15;
  text-transform: uppercase;
}

#podcast #bouton_play, #podcast #bouton_pause{
  position:absolute;
  width:48px;
	height:48px;
  top:144px;
  left:32px;
  fill:#fff;
  z-index:10;  
}

#podcast #duree{
  font-family: Open Sans,helvetica, sans-serif;
  position:absolute;
  z-index:9;
  top:156px;
  left:64px;
  width:64px;
  height:24px;
  background-color:rgba(0, 0, 0, 0.5);;
  color:#fff;
  font-size:13px;
  text-align:right;
  padding:3px;
}

.on{
  display:block;
}

.off{
  display:none;
}


@media only screen and (max-width:480px) {
  
  #podcast #vignette, #podcast #vignette img{
  height:96px;
}

  #podcast{
    margin-top:8px;
    position:relative;
    border-bottom: 1px #ccc solid;
  }
  
  #podcast #texte {
    font-family: Open Sans,helvetica, sans-serif;
    font-size:15px;
    margin-left: 96px;
    min-height: 152px;
    padding:0px 0px 8px 8px;
  }
  #podcast #description{
   
}

  #podcast #vignette{
    top:0px;
    left:0px;
    width:96px;
  }
  
  #podcast #bouton_play, #podcast #bouton_pause{
  position:absolute;
  width:48px;
	height:48px;
  top:98px;
  left:4px;
  fill:#fff;
  z-index:10;  
}

#podcast #duree{
  position:absolute;
  z-index:9;
  top:96px;
  height:52px;
  left:0px;
  width:96px;
  padding-top:16px;
  padding-right:6px;
}


}