body.oeuvre {
  position: relative;
  /* margin: 20px; */
  width: 100%;
  height: 100%;
}
 body.oeuvre .main {
	position: relative;
}


/* MP__IMAGE */
body.oeuvre .main .image{
	position: fixed;
  top: 20px;
  left: 50%;
	border: 5px solid black;
  width: 45vw;
  height: 45vw;
}

body.oeuvre .main .image .img_src{
	width: 100%;
	height: 100%;
	background-size: cover;
}


/* MP__TEXTE */

body.oeuvre .main .titre {
	margin-bottom: 15px;
	margin-top: -10px;
	font-family: 'Karrik_Regular';
	font-weight: 900;
	font-size: 40px;
	line-height: 35px;
	text-align: left;
}

body.oeuvre .main .texte{
	position: relative;
  left: 300px;
	width: 300px;
	top: 20px;
	font-family: 'Karrik_Regular';
	font-weight: 100;
	font-size: 16px;
	line-height: 19px;
	text-align: left;
}


/* MP__PLAYER */
#leSon {
  display: none;
}

body.oeuvre .main .son {
  position: relative;
  top: -5px;
}

body.oeuvre .main #extrait {
  position: relative;
  top: 5px;
  left: -5px;

}

#audioplayer {
  position: relative;
  top: -5px;
  width: 480px;
  height: 60px;
}

#pButton {
    height: 20px;
    width: 20px;
    float:left;
    outline: none;
    border: none;
}

.play{background: url(IMG/play.svg) ;}
.pause{background: url(IMG/pause.svg) ;}

#timeline {
    width: 200px;
    height: 5px;
    margin-top: 25px;
    float: left;
    background: rgba(0,0,0,.3);
}

#playhead {
    width: 5px;
    height: 10px;
    /* border-radius: 50%; */
    margin-top: 0px;
    background: black;
}