#flexmr
{
	display:block;
	text-align:center;
}
.artist
{
	overflow:hidden;
}
#musicref
{
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	height:6vw;

}
#musicref li
{
	display:inline-block;
	width:6vw;
	height:6vw;
}
#otis
{
	background:url("../img/otis.jpg");
	background-size:cover;
}
#beatles
{
	background:url("../img/beatles.jpg");
	background-size:cover;
}
#simone
{
	background:url("../img/simone.jpg");
	background-size:cover;
}
#hendrix
{
	background:url("../img/hendrix.jpg");
	background-size:cover;
}
#marley
{
	background:url("../img/marley.jpg");
	background-size:cover;
}
#kendrick
{
	background:url("../img/kendrick.jpg");
	background-size:cover;
}
#brel
{
	background:url("../img/brel.jpg");
	background-size:cover;
}
.hoverplay
{
	width:100%;
	height:5.8vw;
	background:rgba(0,0,0,.7);
	padding-top:0.2vw;
	opacity:0;
	overflow:hidden;
}
.hoverplay img
{
	display:block;
	height:6vw;
	margin-top:-0.2vw;
	margin-left:auto;
	margin-right:auto;
}
.hoverplay p
{
	position:relative;
	margin-top:-1vw;
	font-size:0.85vw;
	text-align:center;
	font-family: 'Yantramanav', sans-serif;
	color:white;
}
.artist:hover > .hoverplay
{
	opacity:1;
	transition:0.3s;
}
.artist:hover > .hoverplay img
{
	height:4.5vw;
	margin-top:0;
	transition:0.3s;
}
.artist:hover > .hoverplay p
{
	margin-top:0.3vw;
	transition:0.3s;
}
.target
{
	display:block;
	width:6vw;
	height:6vw;
	background-color:red;
	position:relative;
	top:-5.79vw;
	z-index:3;
	opacity:0;

}
#quisuije
{
	display:block;
	text-align:center;
	margin-top:1.3vw;
}
#quisuije img
{
	display:inline-block;
	width:10vw;
}
#quisuije h2
{
	display:inline;
	color:white;
	font-family: 'Yantramanav', sans-serif;
	font-size:3.5vw;
	position:relative;
	top:-3vw;
	margin-left:2vw;
}
#quisuije h2:hover
{
	color:#bbbbbb;
	transition:0.3s;
}
#contain
{
	display:block;
	width:90%;
	background-color:#333333;
	margin-left:auto;
	margin-right:auto;
	border-radius:0.7vw;
	margin-top:0.8vw;
	font-family: 'Yantramanav', sans-serif;
	color:white;
	font-size:1.1vw;
	padding-bottom:2.5vw;
	margin-bottom:5vw;
	padding-top:2vw;
}
#bibliodvd
{
	display:block;
	height:9vw;
	text-align:center;
}
#dvda
{
	display:inline-block;
	width:6.4vw;
	height:100%;
	background:url("../img/dvd/a2.png");
	background-size: cover;
	margin-left:18vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:0;
}
#dvdb
{
	display:inline-block;
	width:6.4vw;
	height:100%;
	background:url("../img/dvd/d2.png");
	background-size: cover;
	position:relative;
	left:-2vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:1;
}
#dvdc
{
	display:inline-block;
	width:6.4vw;
	height:100%;
	background:url("../img/dvd/b2.png");
	background-size: cover;
	position:relative;
	left:-4vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:2;
}
#dvdd
{
	display:inline-block;
	width:6.4vw;
	height:100%;
	background:url("../img/dvd/e2.png");
	background-size: cover;
	position:relative;
	left:-6vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:3;
}
#dvde
{
	display:inline-block;
	width:6.4vw;
	height:100%;
	background:url("../img/dvd/c2.png");
	background-size: cover;
	position:relative;
	left:-8vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:4;
}
#dvdf
{
	display:inline-block;
	width:6.4vw;
	height:100%;
	background:url("../img/dvd/f2.png");
	background-size: cover;
	position:relative;
	left:-10vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:5;
}
#dvdg
{
	display:inline-block;
	width:6.4vw;
	height:100%;
	background:url("../img/dvd/g2.png");
	background-size: cover;
	position:relative;
	left:-12vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:6;
}
#dvdh
{
	display:inline-block;
	width:6.4vw;
	height:100%;
	background:url("../img/dvd/h2.png");
	background-size: cover;
	position:relative;
	left:-14vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:7;
}
#dvdi
{
	display:inline-block;
	width:6.4vw;
	height:100%;
	background:url("../img/dvd/i2.png");
	background-size: cover;
	position:relative;
	left:-16vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:8;
}
#dvdj
{
	display:inline-block;
	width:6.4vw;
	height:100%;
	background:url("../img/dvd/j2.png");
	background-size: cover;
	position:relative;
	left:-18vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:9;
}
#dvda:hover
{
	position:relative;
	z-index:9;
	box-shadow:0vw 0vw 2vw black;
}
#dvdb:hover
{
	position:relative;
	z-index:9;
	box-shadow:0vw 0vw 2vw black;
}
#dvdc:hover
{
	position:relative;
	z-index:9;
	box-shadow:0vw 0vw 2vw black;
}
#dvdd:hover
{
	position:relative;
	z-index:9;
	box-shadow:0vw 0vw 2vw black;
}
#dvde:hover
{
	position:relative;
	z-index:9;
	box-shadow:0vw 0vw 2vw black;
}
#dvdf:hover
{
	position:relative;
	z-index:9;
	box-shadow:0vw 0vw 2vw black;
}
#dvdg:hover
{
	position:relative;
	z-index:9;
	box-shadow:0vw 0vw 2vw black;
}
#dvdh:hover
{
	position:relative;
	z-index:9;
	box-shadow:0vw 0vw 2vw black;
}
#dvdi:hover
{
	position:relative;
	z-index:10;
	box-shadow:0vw 0vw 2vw black;
}
#dvdj:hover
{
	box-shadow:0vw 0vw 2vw black;
}
#contain hr
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:70vw;
	margin-top:1.5vw;
	border:none;
	height:0.4vw;
	background-color:#9CCE9C;
}
#contain h1
{
	display:block;
	background-color:#333333;
	width:25vw;
	font-size:2.6vw;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:-2vw;
	margin-bottom:2vw;
}
#contain .tprincip
{
	margin-left:5%;
	margin-right:5%;
	line-height:1.3vw;
}
#contain #intro
{
	margin-bottom:0.7vw;
}
#contain #corpsun
{
	margin-bottom:0.7vw;
}
#contain h3
{
	margin-left:5%;
	font-size:2vw;
	display:block;
	margin-right:5%;
	margin-top:1.5vw;
	margin-bottom:1.5vw;
}
#contain h4
{
	display:inline;
	color: #9CCE9C;
	font-size:1.4vw;
	margin-top:1.2vw;
	margin-left:1vw;
}
#contain #musicp
{
	margin-bottom:2vw;
	margin-top:0.3vw;
}
#contain #cinep
{
	margin-bottom:2vw;
	margin-top:0.3vw;
}
#contain #hrmusic
{
	width:30vw;
	margin-top:0.5vw;
	margin-bottom:2vw;
}
#contain #hrcine
{
	width:30vw;
	margin-top:0.8vw;
	margin-bottom:2vw;
}
#contain #multimedia
{
	margin-bottom:1.5vw;
	margin-top:0.3vw;
}
#contain #basketball
{
	margin-bottom:2vw;
	margin-top:0.3vw;
}
#contain .compscroller
{
	display:block;
	height:10vw;
	width:500vw;
	margin-top:-1.5vw;
	margin-bottom:1.5vw;
}
#contain .iconst
{
	display:inline-block;
	height:1vw;
	margin-left:5%;
	margin-top:1.2vw;
}
#contain .iconstcomp
{
	display:inline-block;
	height:1vw;
	margin-left:4%;
	margin-top:1vw;
}
#contain .jauge
{
	background-color:#dcdcdc;
	display:inline-block;
	height:10vw;
	width:2vw;
	color:black;
	font-size:0.9vw;
	text-align:center;
	vertical-align: top;
}
#contain .jauge p
{
	position:relative;
	top:4vw;
}
#contain .compblock
{
	display:block;
	margin-left:5%;
	margin-right:5%;
	background-color:#232323;
	overflow:hidden;
	margin-bottom:1vw;
}
#contain #comphtml
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
	margin-left:3vw;
}
#contain #comphtml img
{
	display:inline-block;
	height:9vw;
	margin-top:0.5vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain #jhtml
{
	display:block;
	width:100%;
	height:9vw;
	background-color:#9CCE9C;
	margin-top:1vw;
}
#contain .savfaire
{
	display:inline-block;
	height:10vw;
	background-color:#0c0c0c;
	vertical-align:top;
	font-size:1vw;
	padding-left:0.6vw;
	padding-right:0.6vw;
	width:6.5vw;
}
#contain .savfaire h6
{
	margin-top:0.5vw;
	margin-bottom:0.5vw;
}
#contain .savfaire ul
{
	font-size:0.9vw;
	line-height:0.9vw;
}
#contain .savfaire ul li
{
	margin-bottom:0.4vw;
}
#contain #compcss
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
}
#contain .jcss p
{
	position:relative;
	top:3.5vw;
}
#contain #compcss img
{
	display:inline-block;
	height:9vw;
	margin-top:0.5vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain .jcss
{
	display:block;
	width:100%;
	height:8vw;
	background-color:#9CCE9C;
	margin-top:2vw;
}
#contain #compjs
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
}
#contain #compjs img
{
	display:inline-block;
	height:9vw;
	margin-top:0.5vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain #jjs
{
	display:block;
	width:100%;
	height:7vw;
	background-color:#9CCE9C;
	margin-top:3vw;
}
#contain #jjs p
{
	position:relative;
	top:3vw;
}
#contain #compjava
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
}
#contain #compjava img
{
	display:inline-block;
	height:9vw;
	margin-top:0.5vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain #jjava
{
	display:block;
	width:100%;
	height:4.5vw;
	background-color:#9CCE9C;
	margin-top:5.5vw;
}
#contain #jjava p
{
	position:relative;
	top:2vw;
}
#contain #compsql
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
}
#contain #compsql img
{
	display:inline-block;
	height:9vw;
	margin-top:0.5vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain #compphp
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
}
#contain #compphp img
{
	display:inline-block;
	height:9vw;
	margin-top:0.5vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain #jsql
{
	display:block;
	width:100%;
	height:6vw;
	background-color:#9CCE9C;
	margin-top:4vw;
}
#contain #jsql p
{
	position:relative;
	top:2.5vw;
}
#contain #jphp
{
	display:block;
	width:100%;
	height:6vw;
	background-color:#9CCE9C;
	margin-top:4vw;
}
#contain #jphp p
{
	position:relative;
	top:2.5vw;
}
#contain .arrowleft
{
	display:block;
	background-color:grey;
	padding:0.5vw;
	width:1.25vw;
	border-radius:0.5vw;
	opacity:.4;
	position:relative;
	top:5vw;
	margin-left:0.3vw;
	z-index:2;
}
#contain .arrowleft:hover
{
	opacity:.6;
	transition:0.25s;
	z-index:2;
}
#contain .arrowright
{
	display:block;
	background-color:grey;
	padding:0.5vw;
	width:1.25vw;
	border-radius:0.5vw;
	opacity:.4;
	float:right;
	position:relative;
	margin-top:-7.3vw;
	margin-right:0.3vw;
	z-index:2;
}
#contain .arrowright:hover
{
	opacity:.6;
	transition:0.25s;
	z-index:2;
}
h5
{
	font-size:1.4vw;
	display:inline;
	margin-left:0.8vw;
}
#contain #comptoshop
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
	margin-left:3vw;
}
#contain #comptoshop img
{
	display:inline-block;
	height:8vw;
	margin-top:1vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain #compai
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
}
#contain #compai img
{
	display:inline-block;
	height:8vw;
	margin-top:1vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain #compinde
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
}
#contain #compinde img
{
	display:inline-block;
	height:8vw;
	margin-top:1vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain #jinde
{
	display:block;
	width:100%;
	height:5vw;
	background-color:#9CCE9C;
	margin-top:5vw;
}
#contain #jinde p
{
	position:relative;
	top:2.1vw;
}
#contain #jreal
{
	display:block;
	width:100%;
	height:7vw;
	background-color:#9CCE9C;
	margin-top:3vw;
}
#contain #jreal p
{
	position:relative;
	top:3vw;
}
#contain #comppremiere
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
	margin-left:3vw;
}
#contain #comppremiere img
{
	display:inline-block;
	height:8vw;
	margin-top:1vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain #comprealisation
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
}
#contain #comprealisation img
{
	display:inline-block;
	height:8vw;
	margin-top:1vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain #compaudition
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
}
#contain #compaudition img
{
	display:inline-block;
	height:8vw;
	margin-top:1vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain #jaudi
{
	display:block;
	width:100%;
	height:4.5vw;
	background-color:#9CCE9C;
	margin-top:5.5vw;
}
#contain #jaudi p
{
	position:relative;
	top:2vw;
}
#contain #compafter
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
}
#contain #compafter img
{
	display:inline-block;
	height:8vw;
	margin-top:1vw;
	margin-left:1vw;
	margin-right:1vw;
}
#contain #jafter
{
	display:block;
	width:100%;
	height:4.5vw;
	background-color:#9CCE9C;
	margin-top:5.5vw;
}
#contain #jafter p
{
	position:relative;
	top:2vw;
}
#contain #compdev
{
	margin-top:3vw;
}
#contain #versmoncv
{
	display:block;
	width:12vw;
	padding-top:0.5vw;
	padding-bottom:0.5vw;
	text-align:center;
	color:white;
	text-decoration:none;
	font-size:1.3vw;
	border:solid 0.15vw white;
	border-radius:0.5vw;
	margin-top:3.3vw;
	margin-left:auto;
	margin-right:auto;
}
#contain #versmoncv:hover
{
	background-color:#9CCE9C;
	border-color:#9CCE9C;
	color:#333333;
	transition:0.3s;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

	#contain #jjs p
	{
		position:relative;
		top:3.5vw;
	}
	#contain .jcss p
	{
		position:relative;
		top:5.5vw;
	}
		#contain #jhtml p
	{
		position:relative;
		top:6.5vw;
	}
	#contain #jinde p
	{
		position:relative;
		top:2.5vw;
	}
	#contain #jreal p
	{
		position:relative;
		top:4.5vw;
	}
}