#wrapperMainContent  .descriptif{
	font-style:italic;
	font-size:16px;
}
#wrapperMainContent  .detailInfo{
	display:block;
	margin:0 auto;
}
#wrapperMainContent  .infoPrestations{
	display:block;
	width:500px;
	margin:0 auto;
}
#home-left-info{
	width:280px;
	float:left;
	text-align:center;
}
#home-right-info{
	width:calc(100% - 280px);
	float:left;
}
.news-card {
	position: relative;
	display: flex;
	min-height:150px;
	border-radius: 22px;
	background: transparent;
	overflow: hidden;
	margin-bottom:20px;
	background-image:	url("/medias/images/templates/gpep/news-card/left-fill.png");
	background-repeat:repeat-y;
	background-position:left 24px top 0;
}
.news-card::after {
	content: "";
	position: absolute;

	top: 0;
	right: 0;
	bottom: 0;
	inset:0;
	width: 100%; /* ajuste selon ton image */
	background:
	/* masque uniquement ici */
	linear-gradient(#fff 0 40px, transparent 20px),

	url("/medias/images/templates/gpep/news-card/right-fill.png") right 29px top repeat-y;
	pointer-events: none;
}

/* 🔥 bordure dégradée fidèle */
/* .news-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  padding: 3px;

  background: linear-gradient(
    135deg,
    #1e3a8a 0%,
    #3b82f6 30%,
    #f59e0b 70%,
    #fb923c 100%
  );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
} */


/* contenu au dessus */
.news-card > * {
  position: relative;
  z-index: 1;
}
.news-inner{
	margin-top:15px;
	margin-left:60px;
}
.news-card .top-left-corner {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 336px;
  height: 165px;
  background: url('/medias/images/templates/gpep/news-card/top-right-corner.png') no-repeat center center;
  background-size: contain;
}
.news-card .top-right-corner {
  position: absolute;
  top: -40px;
  right: 28px;
  width: 333px;
  height: 156px;
  background: url('/medias/images/templates/gpep/news-card/top-left-corner.png') no-repeat center center;
  background-size: contain;
}
.news-card .bottom-left-corner {
  position: absolute;
  bottom: -15px;
  left: -15px;
  width: 317px;
  height: 112px;
  background: url('/medias/images/templates/gpep/news-card/bottom-left-corner.png') no-repeat center center;
  background-size: contain;
}
.news-card .bottom-right-corner {
  position: absolute;
  bottom: -15px;
  right: -15px;
  width: 399px;
  height: 243px;
  background: url('/medias/images/templates/gpep/news-card/bottom-right-corner.png') no-repeat center center;
  background-size: contain;
}

/* image */
.news-img {
  width: 150px;
  height: 225px;
  object-fit: cover;
  border-radius: 10px;
  float:left;
  margin-top:67px;
  margin-bottom:21px;
  margin-left:21px;
}
.news-content{
	float:left;
	margin-left:20px;
	width:calc(100% - 270px);
	padding-top:15px;
}
.clear{
	clear:both;
}
/* texte */
.news-content h3 {
  color: #1e3a8a;
  margin-bottom: 10px;
  font-size: 22px;
}

.news-content p {
  color: #444;
  line-height: 1.5;
}

.news-content a {
  color: #f59e0b;
  font-weight: bold;
  text-decoration: none;
}

/* 🎓 déco */
.decor {
  position: absolute;
  width: 70px;
  pointer-events: none;
}

.decor-top {
  top: -15px;
  left: -15px;
}

.decor-bottom {
  bottom: -15px;
  right: -15px;
}

/*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: #FFF;
	border-radius: 50%;
	/*border: 2px solid #8d8d8d;
	display: flex;
	align-items: center;
	justify-content: center;*/
	text-align:center;
	/*color: #57abff;*/
	color:#005f08;
	font-weight: bold;
	font-family: sans-serif;
}
.potentiometer > div > div{
	display:block;
	padding-top:22%;
	width:100%;
}
.potentiometer > div > span{
	border-top:2px solid #00a015;
	display:block;
	margin:auto;
	width:90%;
}
.potentiometer.rigor {
	background: conic-gradient(
		#f59e0b 0% 85%,    /* Dégradé vers le bleu clair */
		#C0C0C0 85% 100%   /* Coupure nette du bleu foncé au bleu très foncé */
	);
	margin-right:0px;
}
.potentiometer.flexibilite {
	background: conic-gradient(
		#f59e0b 0% 80%,    /* Dégradé vers le bleu clair */
		#C0C0C0 80% 100%   /* Coupure nette du bleu foncé au bleu très foncé */
	);
	margin-right:0px;
}
.potentiometer.collaboration {
	background: conic-gradient(
		#f59e0b 0% 75%,    /* Dégradé vers le bleu clair */
		#C0C0C0 75% 100%   /* Coupure nette du bleu foncé au bleu très foncé */
	);
}

.stats {
  width: 100%;
}

.stats h2 {
  font-size: 20px;
  margin-bottom: 15px;
}

/* CARD */
.stat {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 12px 16px;
  border-radius: 14px;
  margin-bottom: 12px;
  color: white;
  font-family: sans-serif;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: transform 0.2s ease;
  position: relative;

}
.stat::after {
 content: "";
  position: absolute;
  inset: 0;
  background: url('/medias/images/templates/gpep/gradient-stat.png');
  background-size: cover;
  opacity: 0.5; 
  pointer-events: none;
}

.stat:hover {
  transform: translateY(-2px);
}

/* ICON */
.stat .icon {
  font-size: 30px;
}

/* TEXT */
.stat strong {
  font-size: 18px;
  display: block;
}

.stat p {
  font-size: 13px;
  margin: 0;
  opacity: 0.9;
}

/* COLORS */
.green {
  /*background: linear-gradient(135deg, #4CAF50, #81C784);*/
  background: linear-gradient(135deg, #4CAF50, #81C784);
}

.orange {
  background: linear-gradient(135deg, #FB8C00, #FFB74D);
}

.blue {
  background: linear-gradient(135deg, #29B6F6, #81D4FA);
}

.purple {
  background: linear-gradient(135deg, #8E24AA, #BA68C8);
}

.red {
  background: linear-gradient(135deg, #EF5350, #E57373);
}