path {
  fill:none;
}
.competences-mobile {
	display:none
}
text { text-anchor:middle;
  transform-origin:center;
  transform:rotate(271deg);
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
 
body {
  font-family:'Montserrat'
} 

/* CERCLE ENTREPRISE */

.liste-cercles {
    
    position: relative;
    height: 500px;
    width: 500px;
    margin: 0 auto;
}

.cercle {
  width: 100%;
  height: 100%;
clip-path: circle(50% at 50% 50%);
  background-color: #61c1c3; 
    position:absolute; 
    transition:.4s;
}

.cercle.centre {
  background:white;
  z-index:9;
	background-image: url(https://www.solunova.fr/wp-content/uploads/2021/09/logo-flottant.png);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: 45% 46%;
   width:180px;
    height:180px;
    margin-top:160px;
    margin-left:160px;
}

.cercle svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
transition:.4s;
   border-radius: 50%;
  fill:white;
  overflow:hidden;

} 


.cercle:not(.un) svg:hover {
  background:rgba(0,0,0,.1);
  cursor:pointer
} 
  .cercle.deux {
  background-color: #29a1b7;
    width:420px;
    height:420px;
    margin-top:40px;
    margin-left:40px;
 }
.cercle:not(.un) svg.actif {
      background:rgba(0,0,0,.26) !important;
      box-shadow:inset 0 0 20px rgba(0,0,0,.3)
}

.cercle.quatre svg.actif {
      background:rgba(0,0,0,.6) !important;
}
 .cercle.trois { 
      background:#0080a8;
       width:340px;
    height:340px;
    margin-top:80px;
    margin-left:80px;
}
 .cercle.quatre { 
         background:#043d79;
       width:260px;
    height:260px;
    margin-top:120px;
    margin-left:120px;
}
.cercle tspan {
  font-size:11px !important;
  letter-spacing: 1px;
} 

.cercle.quatre svg:hover {
  background:rgba(0,0,0,.3)
}
 

.cercle.centre svg.actif,
.cercle.centre svg {
	fill:#043d79;
	background:transparent !important
}
 

.cercle.double svg {
  clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%, 0% 50%, 0% 0%);

}
.cercle.tiers svg {
  clip-path: polygon(50% 0%, 100% 0%, 100% 21%, 50% 50%, 0% 21%, 0% 0%);

}
.cercle.hecta svg {
  clip-path:polygon(50% 0%, 100% 0%, 100% -17%, 50% 50%, 0% -17%, 0% 0%);

}
.cercle.sexa svg {
    clip-path: polygon(50% 0%, 100% 0%, 100% -32%, 50% 50%, 0% -41%, 0% 0%);
}
.cercle.septa svg {
  clip-path:polygon(50% 0%, 100% 0%, 100% -54%, 50% 50%, 0% -53%, 0% 0%);

} 
.cercle.octo svg {
  clip-path:polygon(50% 0%, 100% 0%, 100% -68%, 50% 50%, 0% -73%, 0% 0%);

} 
.cercle.nona svg {
  clip-path:polygon(50% 0%, 100% 0%, 100% -83%, 50% 50%, 0% -92%, 0% 0%)

} 

 
 
textPath {
   text-anchor:middle
}

text {
/*white-space: pre !important;*/
}
 


.desc-cercle {
    display:none;
}



.liste-missions-cercle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
} 
 






@media screen and (max-width: 1240px) {
	.liste-missions {
		display:flex;
		flex-wrap:wrap;
    align-items: baseline;
	}
	.liste-missions>div {
		width:50%
	}
}

 
@media screen and (max-width: 800px) { 
	.liste-missions>div {
		width:100%;
	}
}