/*@charset "utf-8";
/* CSS Document */


	.padwrap {
		width: 100%;
		height: 100%;
	}
	
	#volumeRange {
		width: 50%;
		min-width: 200px;
		margin: 0 auto;
	}
	
	#currentVolume {
		font-family: helvetica;
		font-size: 24px;
		text-align: center;
		color: #fff;
	}
	
	#instrument {
		max-width: 800px;
		padding-top: 5px;
		position: relative;
		margin: 0 auto;
		text-align: center
	}
	
	#instrument div:active {
		position: relative;
		top: 2px;
	}
	
	.box {
		position: relative;
		width: 45%;
		height: 100px;
		margin-left: 5px;
		margin-top: 5px;
		margin-right:5px;
		display: inline-block;
	}
	

	
	circle {
		fill: rgba(255, 255, 255, 0.2);
	}
	
	#pad1,#pad2,#pad3,#pad4,#pad5,#pad6,#pad7,#pad8,#pad9,#pad10  {
		position: relative;
		transition: all .2s;
		border: 1px solid #c3c3c3;
	}
	
	#pad1 {	background-color: #f72585;}
	#pad2 {	background-color: #b5179e;}
	#pad3 {	background-color: #7209b7;}
	#pad4 {	background-color: #560bad;}
	#pad5 {	background-color: #480ca8;}
	#pad6 {	background-color: #3a0ca3;}
	#pad7 {	background-color: #3f37c9;}
	#pad8 {	background-color: #4361ee;}
	#pad9 {	background-color: #4895ef;}
	#pad10 {background-color: #4cc9f0;}
	
	#pad1:hover,#pad1:active, #pad2:hover,#pad2:active, #pad3:hover,#pad3:active ,#pad4:hover,#pad4:active ,#pad5:hover,#pad5:active ,#pad6:hover,#pad6:active ,#pad7:hover,#pad7:active ,#pad8:hover,#pad8:active ,#pad9:hover,#pad9:active ,#pad10:hover,#pad10:active {background-color: #cb3e67;}
	

	input[type=range] {
		-webkit-appearance: none;
		margin: 10px 0;
		width: 100%;
		background-color: #222;
	}
	
	input[type=range]:focus {
		outline: none;
	}
	
	input[type=range]::-webkit-slider-runnable-track {
		width: 100%;
		height: 2px;
		cursor: pointer;
		box-shadow: 1px 1px 1px #546532;
		background: #e63853;
		border-radius: 14px;
	}

	input[type=range]::-webkit-slider-thumb {
		position: relative;
		top: -20px;
		box-shadow: 0px 0px 0px #000000;
		border: 0px solid #000000;
		height: 40px;
		width: 18px;
		border-radius: 4px;
		background: white;
		cursor: pointer;
		-webkit-appearance: none;
		margin-top: 0.5px;
	}

	input[type=range]::-moz-range-track {
		width: 100%;
		height: 19px;
		cursor: pointer;
		box-shadow: 1px 1px 1px #50555C;
		background: #50555C;
		border-radius: 14px;
	}

	input[type=range]::-moz-range-thumb {
		position: relative;
		top: -5px;
		box-shadow: 0px 0px 0px #000000;
		border: 0px solid #000000;
		height: 30px;
		width: 18px;
		border-radius: 12px;
		background: rgb(250, 240, 202);
		cursor: pointer;
	}

@media screen and (min-width: 1024px)
{
    	#instrument {
		max-width: 1000px;
		padding-top: 5px;
		position: relative;
		margin: 0 auto;
		text-align: center
	}
	
	#instrument div:active {
		position: relative;
		top: 2px;
	}
	
	.box {
		position: relative;
		width: 18%;
    	height: 130px;
		margin-left: 5px;
		margin-right:5px;
		margin-top: 5px;
		display: inline-block;
	}
}

@media screen and (max-width: 600px)
{
    	#instrument {
		max-width: 1000px;
		padding-top: 5px;
		position: relative;
		margin: 0 auto;
		text-align: center
	}
	
	#instrument div:active {
		position: relative;
		top: 2px;
	}
	
	.box {
		position: relative;
		width: 45%;
    	height: 90px;
		margin-left: 5px;
		margin-right:5px;
		margin-top: 5px;
		display: inline-block;
	}
}

/* MODIFICATION DES MARGES DU CUSTO POST PAD */

#post-28919 .entry-header {
    min-height: 5rem!important;
    padding-top: 2rem!important;
	padding-bottom: 0rem!important;}

#post-28919 .entry-content {
    padding-top: 0rem!important; 
    padding-bottom: 0rem!important; 
}

#post-28919 .entry-footer {
    margin-bottom: 0rem!important;
}


/* SUPRESSION DU PLAYER */

#plyr-playlist { display: none;}