#satisfaction{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:0 0 20px;
	border-bottom:1px dotted #e3e3e3;
	margin:0 0 30px;
}
#satisfaction h2 img{height:30px;vertical-align:middle}
#satisfaction p img{height:20px;vertical-align:middle}
.stars{
  width: 10vw;
	padding:10px;
  height: 10vw;
  text-align: center;
  border-radius: 50%;
  margin: 20px 0.5vw;
	display:flex;
	align-content:center;
	justify-content:center;
	flex-wrap:wrap;
}

.stars h3,.stars p{
	border-radius:50%;
	width:100%;
}
.stars p{color:#ffffff}
#satisfaction .stars>img{
	width:75px !important;
	height:auto;
}

.stars:nth-of-type(1){
    background: var(--dossier_outil-color);
}
.stars:nth-of-type(2){
    background: var(--dossier_bureautique-color);
}
.stars:nth-of-type(3){
	background: var(--dossier_paie-color);
}
.stars:nth-of-type(4){
    background: var(--dossier_rh-color);
}
.stars:nth-of-type(5){
    background:#d3d3d3;
	border:5px solid #c2c2c2;
}
.stars:nth-of-type(5) p{
	color:#000 !important;
}

#gabarit1 #satisfaction img, #gabarit2 #satisfaction img, #gabarit3 #satisfaction img, #gabarit4 #satisfaction img {
    max-width:auto;
    width:auto;
}

@media screen and (max-width:1200px){
#ss_conteneur{padding: 80px 15% 15px;}
#satisfaction {justify-content:center;}
.stars{
    width: 20vw;
    height: 20vw;
	}
}

@media screen and (max-width:800px){
#ss_conteneur{padding: 80px 10% 15px;}
.stars{
    width: 25vw;
    height: 25vw;
	}
}

@media screen and (max-width:480px){
.stars{
    width:39vw;
    height: 39vw;
	margin:10px 0.5vw;
	}
}