body{
		font-family:Verdana, Geneva, sans-serif;
		background-color:#b2bdc6;
		background-image: url('table.jpg');
		background-position: center;
		background-size: cover;
	}

	
	#audio_conteneur4{

		position:relative;
		height:630px;
		width:807px;
		margin:auto;
		margin-top:60px;
		background-image: url('../platine/contour_n.png');
		box-shadow:5px 5px 15px 5px #000000;
		
		;
		
	}
	.bras{
		
		height:553px;
		width:134px;
		left:586px;
		top:26px;
		position:absolute;
		background-image: url('../platine/bras.png');
		transform-origin: 100px 128px;
		transform:rotateZ(0deg);
		transform:rotateX(8deg);
		filter: drop-shadow(14px 15px 5px #000000);
	}
	
	.desbras{
		
		height:55px;
		width:52px;
		left:646px;
		top:119px;
		position:absolute;
		background-image: url('../platine/desbras_n.png');
			
	}
	
	.pitch{
		
		height:219px;
		width:54px;
		left:716px;
		top:327px;
		position:absolute;
		background-image: url('../platine/pitch_n.png');
	}
	
	.btn_pitch{
		
		height:35px;
		width:29px;
		left:22px;
		margin-top:94px;
		position:absolute;
		background-image: url('../platine/btn_pitch.png');
		cursor:pointer;
		filter: drop-shadow(2px 2px 5px #000000);
	}
	
	.lumi_pitch{
		
		height:6px;
		width:12px;
		left:719px;
		top:434px;
		position:absolute;
		background:#5CFF56;
		border-Radius: 2px;
		z-index:1;
		opacity:0.7
		
		
		
	}
	
	.btn_33_45{
		background:black;
		height:14px;
		width:86px;
		left:110px;
		top:594px;
		position:absolute;
		
	}
	
	.btn_33{
		
		height:10px;
		width:39px;
		left:2px;
		top:2px;
		position:absolute;
		background-image: url('../platine/33p.png');
		cursor:pointer;
	}
	
	.btn_45{
		
		height:10px;
		width:39px;
		left:44px;
		top:2px;
		position:absolute;
		background-image: url('../platine/45.png');
		cursor:pointer;
	}
	
	.btn_45:active, .btn_33:active, .btn_play:active, .btn_pause:active {
		transform: translateY(1px);
		box-shadow: 0 0 #2980b9;
	}	
	
	.btn_strobo{
		
		height:48px;
		width:48px;
		left:22px;
		top:477px;
		position:absolute;
		background-image: url('../platine/strobo.svg');
		background-size: 100% auto;
		filter: drop-shadow(25px -25px 18px #ff0000);
		transform: rotate(45deg);
		cursor:pointer;
	}
	
	.btn_strobo_stop{
		
		height:48px;
		width:48px;
		left:22px;
		top:477px;
		position:absolute;
		background-image: url('../platine/strobo.svg');
		background-size: 100% auto;
		cursor:pointer;
	}
	
	.centre{
		
		height:68px;
		width:68px;
		left:32px;
		top:27px;
		position:absolute;
		cursor:pointer;
	}
	
	
	
	.centre_centre{
		
		height:68px;
		width:68px;
		left:32px;
		top:27px;
		position:absolute;
		cursor:pointer;
	}
	
	centre_centre:active {
			transform: translateY(3px);
			box-shadow: 0 0 #2980b9;
			
	}
	
	.centre_platine{
		
		height:68px;
		width:68px;
		left:287px;
		top:280px;
		position:absolute;
	}
	
	.cvs_audio{
		
		margin-left:22px;
		margin-top:12px;
	}
	
	.ctn_controle{
		position:relative;
		top:-400px;
		left:212px;
		height:180px;
		width:160px;
	}
	
	.touche{

		margin:auto;
		margin-top:20px;
		display:inline-block;
		width:160px;
	}
	
	.boule{
			background:#26262a;
            height:20px;
            width:20px;
			border-radius:10px;
			transition:all 0.2s ease-out;
        }
		.barre{
            background:gray;
            height:20px;
            width:60px;
            border-radius:10px;
			margin-top:10px;
			
			;cursor:pointer;
        }
		
		.myButton{
			
			border-radius:10px;
			margin-top:-50px;
			max-width: 250px;
			border:2px solid;
		}
		
		.controle{
			position: fixed;
            background:#e0e0e0;
            height:100px;
            width:255px;
            border-radius:10px;
			border:2px solid;
			top:80px;
			padding:4px;
        }
	
	.precedent{
		-webkit-filter: drop-shadow(5px 5px 5px rgba(119, 119, 119, 0.75));
		filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.75));
		float:left;
		width:18px;
		height:16px;
		margin-top:30px;
		opacity:0.9;
		background-image:url("precedent.png");
		background-size:100% 100%;
	}
	
	.btn_play{

		filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.75));
		width:70px;
		height:53px;
		margin-left:25px;
		margin-top:6px;
		background-image:url("../platine/stop.png");
	}
	
	.btn_pause{

		filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.75));
		width:70px;
		height:53px;
		margin-left:25px;
		margin-top:6px;
		background-image:url("../platine/start.png");
	}
	
	.suivant{
		
		filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.75));
		width:18px;
		height:16px;
		float:right;
		margin-right:0px;
		opacity:0.9;
		margin-top:-40px;
		background-image:url("suivant.png");
		background-size:100% 100%;
	}
	
	.precedent:hover, .suivant:hover, .btn_play:hover, .btn_pause:hover{
		opacity:1;
		cursor:pointer;
	}
	
	.volbar{
		height:10px;
		background:white;
		width:100px;
		margin:auto;
		margin-top:40px;
		border-radius:5px;
		box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.75);
		opacity:0.9;
	}
	
	.volbar:hover{
		opacity:1;
		cursor:pointer;
	}
	
	.volcur{
		height:10px;
		background:#7FFFBF;
		width:hinerit;
		border-radius:5px;
	}
	
	.tmpval{
		width:80px;
		height:44px;
		background-image:url("../platine/horloge.png");
		margin-top:-130px;
		margin-left:610px;
		align-content: center;
		text-align:center;
		color:red;
		text-shadow: 10px 10px 10px #232711;
		cursor:pointer;
	}

	
	/* partie pour le lecteur kool on surcharge les class*/
	
	.class_k{
		margin-left:30px;
		margin-top:-40px;
	}
	
	.class_k .btn_play{
		margin-top:330px;
		background-image:url("../platine/stop.png");
		width:70px;
		height:53px;
		margin-left:-217px;
		background-size:100% 100%;
		opacity:1;
	}
	
	.class_k .btn_pause{
		margin-top:330px;
		background-image:url("../platine/start.png");
		margin-left:-217px;
		width:70px;
		height:53px;
		opacity:1;
	}
	
	.class_k .volcur{
		
		background:#d44965;
	}
	
	.class_k .volbar{
		
		background:none;
		border:1px solid gray;
		opacity:0.8;
	}
	
	.class_k .tmpval{
		
		color:#d44965;
		text-shadow:none;opacity:0.7;
		font-size:25px;
		transform: rotateY( -60deg );
	}
	
	.class_k .volbar:hover{
		opacity:1;
		cursor:pointer;
	}
	
	.class_k .btn_play:hover, .class_k .btn_pause:hover{
		opacity:1;
		cursor:pointer;
	}
	
	.class_l{
		margin-left:25px;
		margin-top:-40px;
	}