body
{
	background:#333333;
}
#flexmr
{
	display:block;
	text-align:center;
}
.artist
{
	overflow:hidden;
}
#musicref
{
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	height:9vh;

}
#musicref li
{
	display:inline-block;
	width:9vh;
	height:9vh;
}
#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:8.8vh;
	background:rgba(0,0,0,.7);
	padding-top:0.2vh;
	opacity:0;
	overflow:hidden;
}
.hoverplay img
{
	display:block;
	height:9vh;
	margin-top:-0.2vh;
	margin-left:auto;
	margin-right:auto;
}
.hoverplay p
{
	position:relative;
	margin-top:-1vh;
	font-size:1.25vh;
	text-align:center;
	font-family: 'Yantramanav', sans-serif;
	color:white;
}
.artist:hover > .hoverplay
{
	opacity:1;
	transition:0.3s;
}
.artist:hover > .hoverplay img
{
	height:7vh;
	margin-top:0;
	transition:0.3s;
}
.artist:hover > .hoverplay p
{
	margin-top:0.3vh;
	transition:0.3s;
}
.target
{
	display:block;
	width:9vh;
	height:9vh;
	background-color:red;
	position:relative;
	top:-8.79vh;
	z-index:3;
	opacity:0;

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

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

}
#musicref li
{
	display:inline-block;
	width:9vw;
	height:9vw;
}
#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:8.8vw;
	background:rgba(0,0,0,.7);
	padding-top:0.2vw;
	opacity:0;
	overflow:hidden;
}
.hoverplay img
{
	display:block;
	height:9vw;
	margin-top:-0.2vw;
	margin-left:auto;
	margin-right:auto;
}
.hoverplay p
{
	position:relative;
	margin-top:-1vw;
	font-size:1.25vw;
	text-align:center;
	font-family: 'Yantramanav', sans-serif;
	color:white;
}
.artist:hover > .hoverplay
{
	opacity:1;
	transition:0.3s;
}
.artist:hover > .hoverplay img
{
	height:7vw;
	margin-top:0;
	transition:0.3s;
}
.artist:hover > .hoverplay p
{
	margin-top:0.3vw;
	transition:0.3s;
}
.target
{
	display:block;
	width:9vw;
	height:9vw;
	background-color:red;
	position:relative;
	top:-8.79vw;
	z-index:3;
	opacity:0;

}
#quisuije
{
	display:block;
	text-align:center;
	margin-top:1.3vw;
}
#quisuije img
{
	margin-top:1vw;
	display:inline-block;
	width:20vw;
}
#quisuije h2
{
	display:none;
	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:100%;
	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.7vw;
	padding-bottom:2.5vw;
	margin-bottom:5vw;
	padding-top:2vw;
}
#bibliodvd
{
	display:block;
	height:12vw;
	text-align:center;
}
#dvda
{
	display:inline-block;
	width:9.4vw;
	height:100%;
	background:url("../img/dvd/a2.png");
	background-size: cover;
	box-shadow:0vw 0vw 1vw black;
	z-index:0;
}
#dvdb
{
	display:none;
	width:9.4vw;
	height:100%;
	background:url("../img/dvd/d2.png");
	background-size: cover;
	position:relative;
	left:-3vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:1;
}
#dvdc
{
	display:inline-block;
	width:9.4vw;
	height:100%;
	background:url("../img/dvd/b2.png");
	background-size: cover;
	position:relative;
	left:-3vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:2;
}
#dvdd
{
	display:inline-block;
	width:9.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:9.4vw;
	height:100%;
	background:url("../img/dvd/c2.png");
	background-size: cover;
	position:relative;
	left:-9vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:4;
}
#dvdf
{
	display:inline-block;
	width:9.4vw;
	height:100%;
	background:url("../img/dvd/f2.png");
	background-size: cover;
	position:relative;
	left:-12vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:5;
}
#dvdg
{
	display:none;
	width:9.4vw;
	height:100%;
	background:url("../img/dvd/g2.png");
	background-size: cover;
	position:relative;
	left:-18vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:6;
}
#dvdh
{
	display:none;
	width:9.4vw;
	height:100%;
	background:url("../img/dvd/h2.png");
	background-size: cover;
	position:relative;
	left:-21vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:7;
}
#dvdi
{
	display:inline-block;
	width:9.4vw;
	height:100%;
	background:url("../img/dvd/i2.png");
	background-size: cover;
	position:relative;
	left:-15vw;
	box-shadow:0vw 0vw 1vw black;
	z-index:8;
}
#dvdj
{
	display:none;
	width:9.4vw;
	height:100%;
	background:url("../img/dvd/j2.png");
	background-size: cover;
	position:relative;
	left:-27vw;
	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:40vw;
	font-size:4vw;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:-2.8vw;
	margin-bottom:2.5vw;
}
#contain .tprincip
{
	margin-left:5%;
	margin-right:5%;
	line-height:2.3vw;
}
#contain #intro
{
	margin-bottom:0.7vw;
}
#contain #corpsun
{
	margin-bottom:0.7vw;
}
#contain h3
{
	margin-left:5%;
	font-size:2.8vw;
	display:block;
	margin-right:5%;
	margin-top:2vw;
	margin-bottom:2vw;
}
#contain h4
{
	display:inline;
	color: #9CCE9C;
	font-size:2.1vw;
	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:auto;
	width:100%;
	margin-top:1.2vw;
	margin-bottom:1.5vw;
	padding-left:0.6vw;
}
#contain .iconst
{
	display:inline-block;
	height:1.5vw;
	margin-left:5%;
	margin-top:1.2vw;
}
#contain .iconstcomp
{
	display:inline-block;
	height:1.5vw;
	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:4%;
	margin-right:4%;
	background-color:#232323;
	overflow:hidden;
	margin-bottom:1vw;
}
#contain #comphtml
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
	margin-left:0;
}
#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 #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 #jphp
{
	display:block;
	width:100%;
	height:6vw;
	background-color:#9CCE9C;
	margin-top:4vw;
}
#contain #jphp p
{
	position:relative;
	top:2.5vw;
}

#contain #compjava
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
	margin-top:0.75vw;
}
#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 #jsql
{
	display:block;
	width:100%;
	height:6vw;
	background-color:#9CCE9C;
	margin-top:4vw;
}
#contain #jsql p
{
	position:relative;
	top:2.5vw;
}
#contain .arrowleft
{
	display:none;
	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:none;
	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:2vw;
	display:inline;
	margin-left:0.8vw;
}
#contain #comptoshop
{
	background-color:#111111;
	display:inline-block;
	height:10vw;
	margin-right:0.5vw;
	margin-left:0vw;
}
#contain #comptoshop img
{
	display:inline-block;
	height:8vw;
	margin-top:1vw;
	margin-left:1.4vw;
	margin-right:1.4vw;
}
#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:1.4vw;
	margin-right:1.4vw;
}
#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:1.4vw;
	margin-right:1.4vw;
}
#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:0vw;
}
#contain #comppremiere img
{
	display:inline-block;
	height:8vw;
	margin-top:1vw;
	margin-left:1.4vw;
	margin-right:1.4vw;
}
#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:1.5vw;
	margin-right:1.5vw;
}
#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:1.4vw;
	margin-right:1.4vw;
}
#contain #jaudi
{
	display:block;
	width:100%;
	height:4.5vw;
	background-color:#9CCE9C;
	margin-top:5.5vw;
}
#contain #jafter p
{
	position:relative;
	top:2vw;
}
#contain #compafter img
{
	display:inline-block;
	height:8vw;
	margin-top:1vw;
	margin-left:1.4vw;
	margin-right:1.4vw;
}
#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:20vw;
	padding-top:0.9vw;
	padding-bottom:0.9vw;
	text-align:center;
	color:white;
	text-decoration:none;
	font-size:1.7vw;
	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;
	}
}

	}