@font-face {
	font-family: 'graphik';
	src: 
		url('/medias/fonts/graphik/woffGraphik-Regular.woff2') format('woff2'), /* Format moderne */
		url('/medias/fonts/graphik/woffGraphik-Regular.woff') format('woff'), /* Format moderne */
		url('/medias/fonts/graphik/woffGraphik-Regular.eot') format('eot'), /* Format moderne */
		url('/medias/fonts/graphik/woffGraphik-Regular.ttf') format('ttf'); /* Format moderne */
	font-weight: normal;
	font-style: normal;
}
body{
	background-color:#333;
	margin:0px;
	padding:0px;
	background:url('/medias/images/templates/cv/blueNeoMatrix.png') no-repeat;
	background-size:100% auto;
	background-attachment:fixed;
	background-position: top center;
	font-family:'graphik', sans-serif;
}
a{
	color:#57abff;
	font-weight:bold;
}
.cvWrapperPage{
	width:1024px;
	min-height:500px;
	margin:10px auto 20px auto;
	border-radius:20px;
}
.cvWrapperPage .header{
	/* background-color:#EFEFEF; */
	background-color:#efefef96;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	display:block;
}
.cvWrapperPage .header .profilAvatar{
	border-radius:50%;
	margin:10px;
	width:200px;
	display:inline-block;
	vertical-align: top;
}
.cvWrapperPage .header .globalInfos{
	width:804px	;
	display:inline-block;
	vertical-align: top;
	padding-top:70px;
	text-align: center;
}
.globalInfos h1{
	display:block;
	margin:0px;
	padding:0 0 10px 0
}
.cvWrapperPage .header .personalInfoDetails *{
	vertical-align: middle;
}
.cvWrapperPage .header .personalInfoDetails span{
	display:inline-block;
	padding:0px 5px;
	vertical-align: middle;
}

.cvWrapperPage .header a{
	color:rgb(0, 63, 145);
}
.cvWrapperPage .header + hr{
	height:1px;
	background-color:#1364c0;
	border:2px solid #1364c0;
	color:#1364c0;
	margin: 0px;
	padding:0px;
}
.cvWrapperPage .wrapperColumns{
	background-color:#111;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.cvWrapperPage .cvLeftInnerWrapper,
.cvWrapperPage .cvRightInnerWrapper {
	padding: 10px 5%;
	display: inline-block;
	vertical-align: top;
	color: #FFF;
	margin: 0; /* Ensure no margin is causing spacing */
}
.cvWrapperPage .cvLeftInnerWrapper{
	min-width: 64%;
	max-width: 64%;
	padding: 8px 2% 8px 4%;
}
.cvWrapperPage .cvRightInnerWrapper {
	min-width: 27%;
	max-width: 27%;
	padding: 8px 1% 8px 2%;
}
.cvWrapperPage .cvLeftInnerWrapper > span,
.cvWrapperPage .cvRightInnerWrapper > span {
	display: inline-block;
	vertical-align: middle;
}

.cvWrapperPage span.subCat{
	color: #6394ee;
	font-size:16px;
	display:block;
	margin:10px 0 20px 0;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: dashed;
}
.cvWrapperPage span.subCat.marginSkills{
	margin-bottom:5px;
}
.cvWrapperPage strong.subTitle2{
	/*color: #7644ff;*/
	color: #5f9ea0;
	display:block;
}
.cvWrapperPage ul {
	padding-left: 0; /* Suppression du padding par défaut */
	margin: 0; /* Suppression de la marge par défaut */
}
.cvWrapperPage ul li {
	text-indent: 20px; /* Indentation de la première ligne */
	list-style-type: none; /* Type de marker */
	padding-left: 10px; /* Pas de padding pour le marker */
	padding-bottom:10px;
	position:relative;
}
.cvWrapperPage ul li::before {
	content: "🔷";
	font-size:12px;
	position:absolute;
	left:-15px; /* Positionnement du marker */;
}
.cvWrapperPage ul li::marker{
	color: #1364c0; /* Couleur du marker */
}
.cvWrapperPage .gvtIconExperience{
	padding-bottom:13px;
	padding-left:10px;
}
.cvWrapperPage .manorgaIconExperience,
.cvWrapperPage .storeDiscountIconExperience{
	padding-bottom:0px;
	padding-left:10px;
}

.cvWrapperPage .skill-bar {
	margin: 5px 0;
}

.cvWrapperPage .skill-bar .label {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	font-size:12px;
	position:relative;
}
.cvWrapperPage .cvRightInnerWrapper .skill-bar .label > span {	
	display:none;
	right:0%;
	top:0%;
	position:absolute;
}
.cvWrapperPage .skill-bar .label > span.littleDetailInfo {	
	display: inline-block;
	position:static;
	vertical-align:middle;
	color: #8f8f8f;
	font-size:12px;
}
.cvWrapperPage .skill-bar .bar {
	display:block;
	height: 10px;
	background: #66666613;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom:5px;
}

.cvWrapperPage .bar .fill {
	height: 100%;
	background: linear-gradient(90deg, #5f9ea0, #4682b4, #1e90ff, #1364c0);
}

.cvWrapperPage .bar .fill-1 { width: 20%; }
.cvWrapperPage .bar .fill-2 { width: 40%; }
.cvWrapperPage .bar .fill-3 { width: 60%; }
.cvWrapperPage .bar .fill-4 { width: 80%; }
.cvWrapperPage .bar .fill-5 { width: 100%; }

.cvWrapperPage ul.softwareSkillList{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.cvWrapperPage ul.softwareSkillList > li{
	width:33.33%;
	display:inline-block;
	vertical-align: top;
	text-align:center;
	text-indent:0px;
	padding:5px 0px;
	margin:0px;
}
.cvWrapperPage ul.softwareSkillList > li::before{
	content: "";
	font-size:12px;
	position:absolute;
	left:0px; /* Positionnement du marker */;
}
.cvWrapperPage ul.softwareSkillList > li img{
	display:block;
	overflow:hidden;
	margin:0 auto 5px auto;
}
/*Potentiometre asses first*/
.potentiometerWrapper{
	text-align:center;
	position:relative;
}
.potentiometerWrapper a{
	display:block;
	margin:auto;
}

.potentiometer {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	position: relative;
	display:inline-block;
	/*box-shadow: 0 0 5px rgb(0, 140, 255);*/
	font-size:10px;
}

.potentiometer > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75px;
	height: 75px;
	background: #111;
	border-radius: 50%;
	/*border: 2px solid #8d8d8d;
	display: flex;
	align-items: center;
	justify-content: center;*/
	text-align:center;
	/*color: #57abff;*/
	color:#FFFFFF;
	font-weight: bold;
	font-family: sans-serif;
}
.potentiometer > div > div{
	display:block;
	padding-top:22%;
	width:100%;
}
.potentiometer > div > span{
	border-top:2px solid #57abff;
	display:block;
	margin:auto;
	width:90%;
}
.potentiometer.rigor {
	background: conic-gradient(
		#4682b4 0% 85%,    /* Dégradé vers le bleu clair */
		#66666613 85% 100%   /* Coupure nette du bleu foncé au bleu très foncé */
	);
	margin-right:0px;
}
.potentiometer.flexibilite {
	background: conic-gradient(
		#4682b4 0% 80%,    /* Dégradé vers le bleu clair */
		#66666613 80% 100%   /* Coupure nette du bleu foncé au bleu très foncé */
	);
	margin-right:0px;
}
.potentiometer.collaboration {
	background: conic-gradient(
		#4682b4 0% 75%,    /* Dégradé vers le bleu clair */
		#66666613 75% 100%   /* Coupure nette du bleu foncé au bleu très foncé */
	);
}
/*
.potentiometer.swype{
	background: conic-gradient(
	  #0096ff 0% 17%,        
	  #ff2f92 17% 42%,       
	  #f8bc4d 42% 73%,       
	  #52a003 73% 100%      
	);
	margin-right:40px;
}
.potentiometer.drive{
	background: conic-gradient(
		#0096ff 0% 40%,        
		#52a003 40% 60%       
	);
	margin-right:40px;
}
.potentiometer.brain{
	background: conic-gradient(
	  #cdd1d6 0% 40%,        
	  #f06f38 40% 60%,       
	  #0096ff 60% 90%,       
	  #80caff 90% 100%       
	);
}*/