#pmi-container {
  /*
  height:426px;
  width:688px;
  margin-left:-40px;
  background:url(/typo3conf/ext/pmi/img/pmi_container_bg.png);
  */
}
#pmi-main {
  width:460px;
  height:418px;
  overflow:hidden;
  float:left;
  margin-top:18px;
  margin-left:68px;
}
.pmi-tab {
  width:460px;
  height:418px;
}
#pmi-control {
  margin-top:18px;
  width:117px;
  float:left;
}

.pmi_more_button {
    margin-bottom: -4px;
}
/* pmi */
.pmi-img {
  height:293px;
  width:460px;
}
.pmi-text {
  margin-top:32px;
  height: 74px;
  width:438px;
}
.pmi-mask-icon {
  position:absolute;
  z-index:1;
}
.pmi-text-zoom {
 position:relative;
}
.pmi-audio-icon {
  width:204px;
  height:144px;
  float:left;
  background:url(/typo3conf/ext/pmi/img/pmi_audio_icon_bg.jpg);
}
.pmi-text-icon {
background: url(/typo3conf/ext/pmi/img/pmi_text_icon_bg.jpg) repeat scroll 0 0
transparent;
    float: left;
    height: 293px;
    width: 167px;
}
.pmi-text-img {
width:293px;
height:293px;
background-color:#8e958f;
float:left;
position:relative;
}
.pmi-text-img  div {

margin-left:-126px;
margin-top:-71px;
top:50%;
left:50%;
position:absolute;
/*
background-color:red;
width:200px;
height:200px;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-100px;
*/
}
.pmi-text h1, .archiprod_player_infos h1 {
  font-size:14px;
  line-height:15px;
  font-weight:bold;
  margin:0;
  color:#ee6325;
  font-family:helevetica,sans-serif;
}
.pmi-text h2 {
  color:#fff;
  font-size:13px;
  line-height:14px;
  font-family:sans-serif;
  font-weight:bold;
  margin:0;
}
.pmi-text div, .archiprod_player_infos div {
  color:#ccc;
  font-size:12px;
  line-height:13px;
  font-family:helvetica,sans-serif;
}
#pmi-more-text {
  color:#ccc;
  font-size:11px;
  line-height:12px;
  font-family:helvetica,sans-serif;
}

.pmi-header {
  width:108px;
  height:19px;
  padding:2px;
  overflow:hidden;
  color:#e6e6e6;
  font-size:10px;
  line-height:10px;
  background-color:#414041;
  font-family:helvetica,sans-serif;
}
.pmi-tab-control {
  height: 94px;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
  width: 112px;
  opacity: 0.6;
  filter : alpha(opacity=60);
}
.pmi-audio-zoom {
  width:460px;
  height:144px;
  background-color:#414041;
}
#pmi-thumbs-col {
  width:135px;
  float:left;
  margin-left: 25px;
}
#pmi-more {
  display:none;
  overflow:hidden;
  width:135px;
}
#pmi-more-text {
  float:left;
  padding-top:12px;
  height:48px;
}
#pmi-more-button {
  float:left;
  height:60px;
}
#pmi-control img {

}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #cfcfcf;
	position: relative;
}

.jspDrag
{
	background: #E86036;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 10px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
.pmi-actif {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
}