/* $swidthbase = width only */
/*pour faire le calcul pour transformer les px en %*/
/*pour faire le calcul pour transformer les px en %*/
/*pour faire le calcul pour transformer les px en vw*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box !important;
}

.headerAccompagnement {
  display: flex;
  height: 40vw;
  color: white;
}

#header1, #header2 {
  width: 50%;
}

#header1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #3F3D56;
}
#header1 article {
  width: 70%;
}
#header1 article h1 {
  font-size: 2.6041666667vw;
}

#header2 {
  background-image: url("../../../images/coaching/accompagnement/accompagnement.png");
  background-position: center;
}

.listeLiens {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 6.25vw;
  border: 1px solid grey;
  margin-bottom: 3.125vw;
}
.listeLiens ul {
  display: flex;
  gap: 5.9895833333vw;
  font-size: 1.3020833333vw;
}
.listeLiens ul a:hover {
  text-decoration: underline;
}

main {
  width: 80.9375%;
  margin: 0 auto;
}
main #prevArrow {
  display: block;
  width: 8.8541666667vw;
}

#cycles {
  display: flex;
  justify-content: space-around;
  margin-top: 61.5px;
}

#cycles > div {
  width: 24.1666666667vw;
  height: 14.5833333333vw;
  margin: 10px;
}

#projet {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-image: url("../../../images/coaching/accompagnement/projet.png");
  background-position: center;
  background-size: cover;
  border-radius: 23px;
}

#humain {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-image: url("../../../images/coaching/accompagnement/humain.png");
  background-position: center;
  border-radius: 23px;
  background-size: cover;
}

#statistiques {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-image: url("../../../images/coaching/accompagnement/humain.png");
  background-position: center;
  border-radius: 23px;
  background-size: cover;
}

.projet {
  margin-top: 4.6875vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.projet .projetDesc {
  font-size: 1.4583333333vw;
  margin-bottom: 0.78125vw;
}
.projet h2 {
  font-size: 2.6041666667vw;
  margin-bottom: 2.34375vw;
}
.projet h2 span {
  color: #98984B;
}
.projet .stepsContainer {
  margin-top: 200px;
  display: flex;
  text-align: center;
}
.projet .stepsContainer .pointille {
  margin-left: 5px;
  margin-top: 13px;
  height: 4px;
  background-color: #7A7A7A;
  width: 12px;
}
.projet .stepsContainer .pointilleAv {
  margin-right: 5px;
  margin-top: 13px;
  height: 4px;
  width: 12px;
  background-color: #98984B;
}
.projet .stepsContainer .progressContainer::before {
  content: "";
  background-color: #7A7A7A;
  color: #7A7A7A;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 4px;
  width: 100%;
  z-index: -1;
  transition: 0.4s ease;
}
.projet .stepsContainer .progressContainer {
  display: flex;
  justify-content: center;
  gap: 50px;
  position: relative;
  margin-bottom: 30px;
}
.projet .stepsContainer .progressContainer .progression {
  background-color: #98984B;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 4px;
  width: 0%;
  z-index: -1;
  transition: 0.4s ease;
}
.projet .stepsContainer .progressContainer .circle {
  background-color: white;
  color: #999;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid lightgrey;
  transition: 0.4s ease;
}
.projet .stepsContainer .progressContainer .circle .avant {
  position: absolute;
  bottom: 4.53125vw;
  transform: rotate(308deg);
  margin-left: 6.0416666667vw;
  width: 13.0208333333vw;
}
.projet .stepsContainer .progressContainer .circle .pendant {
  text-align: left;
  position: absolute;
  bottom: 6.40625vw;
  transform: rotate(308deg);
  margin-left: 8.9583333333vw;
  width: 13.0208333333vw;
}
.projet .stepsContainer .progressContainer .circle .apres {
  text-align: left;
  position: absolute;
  bottom: 6.5104166667vw;
  transform: rotate(308deg);
  margin-left: 9.4791666667vw;
  width: 13.28125vw;
}
.projet .stepsContainer .progressContainer .circle.active {
  border-color: #98984B;
  background-color: #98984B;
  color: #98984B;
}

#carrousel {
  width: 80.2083333333vw;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  /* WebKit */
}
#carrousel #g, #carrousel #d {
  margin-top: 10.4166666667vw;
  display: flex;
  justify-content: center;
}
#carrousel #container {
  display: flex;
  height: auto;
  width: 67.1875vw;
  overflow: scroll;
  scroll-behavior: smooth;
}
#carrousel #container .slide {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  flex: 1 0 100%;
  font-size: 60px;
}
#carrousel #container .slide .slideContainer {
  display: flex;
}
#carrousel #container .slide .slideContainer p {
  font-size: 1.3020833333vw;
}
#carrousel #container .slide .slideContainer ul {
  margin-top: 0.9375vw;
}
#carrousel #container .slide .slideContainer ul li {
  list-style-type: disc;
  margin-left: 2.0833333333vw;
  margin-bottom: 0.2604166667vw;
}
#carrousel #container .slide .slideContainer ul li::marker {
  font-size: 1.5625vw;
}
#carrousel #container .slide .slideContainer h4 {
  width: 100%;
  color: #007263;
  font-size: 1.5625vw;
}
#carrousel #container .slide .slideContainer h3 {
  margin: 0 auto;
  color: #98984B;
  font-size: 1.5625vw;
  margin-bottom: 0.9375vw;
}
#carrousel #container .slide .slideContainer .center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#carrousel #container .slide .center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#carrousel #container .slide .slideImg {
  width: 22.8125vw;
  margin-right: 3.4375vw;
}
#carrousel #container .slide .slideImg .avant1 {
  width: 100%;
  height: 80%;
}
#carrousel #container .slide .slideImg .avant2 {
  width: 17.1354166667vw;
  height: 15.1041666667vw;
  margin-bottom: 4.3229166667vw;
}
#carrousel #container .slide .slideImg .avant3 {
  width: 14.7395833333vw;
  height: 12.96875vw;
}
#carrousel #container .slide .slideImg .avant4 {
  width: 19.53125vw;
  height: 11.875vw;
}
#carrousel #container .slide .slideImg .avant5 {
  width: 16.9270833333vw;
  height: 10.6770833333vw;
}
#carrousel #container .slide .slideImg .avant6 {
  width: 24.84375vw;
  height: 24.84375vw;
}
#carrousel #container .slide .slideImg .pendant1 {
  width: 19.7395833333vw;
  height: 25.46875vw;
  margin-bottom: 4.3229166667vw;
}
#carrousel #container .slide .slideImg .pendant2 {
  width: 20.1041666667vw;
  height: 19.9479166667vw;
}
#carrousel #container .slide .slideImg .pendant3 {
  width: 11.9270833333vw;
  height: 15.2604166667vw;
}
#carrousel #container .slide .slideImg .pendant4 {
  width: 22.5520833333vw;
  height: 13.75vw;
  margin-bottom: 4.375vw;
}
#carrousel #container .slide .slideImg .pendant5 {
  width: 21.3020833333vw;
  height: 15.78125vw;
  margin-bottom: 4.375vw;
}
#carrousel #container .slide .slideImg .pendant6 {
  width: 21.6145833333vw;
  height: 7.96875vw;
}
#carrousel #container .slide .slideImg .pendant7 {
  width: 17.6041666667vw;
  height: 15.78125vw;
}
#carrousel #container .slide .slideImg .pendant8 {
  width: 14.8958333333vw;
  height: 12.5520833333vw;
}
#carrousel #container .slide .slideImg .pendant9 {
  width: 15.8333333333vw;
  height: 9.53125vw;
}
#carrousel #container .slide .slideImg .pendant10 {
  width: 18.1770833333vw;
  height: 17.03125vw;
}
#carrousel #container .slide .slideImg .pendant11 {
  width: 15.1041666667vw;
  height: 11.1458333333vw;
}
#carrousel #container .slide .slideImg .pendant12 {
  width: 20.6770833333vw;
  height: 15.78125vw;
}
#carrousel #container .slide .slideImg .pendant13 {
  width: 17.7604166667vw;
  height: 15.4166666667vw;
}
#carrousel #container .slide .slideImg .pendant14 {
  width: 24.84375vw;
  height: 14.6354166667vw;
}
#carrousel #container .slide .slideImg .pendant15 {
  width: 18.5416666667vw;
  height: 9.4791666667vw;
}
#carrousel #container .slide .slideImg .pendant16 {
  width: 19.0104166667vw;
  height: 12.2916666667vw;
}
#carrousel #container .slide .slideImg .pendant17 {
  width: 12.9166666667vw;
  height: 14.4791666667vw;
}
#carrousel #container .slide .slideImg .apres1 {
  width: 21.7708333333vw;
  height: 15.78125vw;
}
#carrousel #container .slide .slideImg .apres2 {
  width: 21.71875vw;
  height: 12.2395833333vw;
}
#carrousel #container .slide .slideContent {
  width: 60%;
}
#carrousel #container .slide .slideContent h3 {
  color: #98984B;
  font-size: 1.5625vw;
  margin-bottom: 0.9375vw;
}
#carrousel #container .slide .slideContent p {
  font-size: 1.3020833333vw;
}
#carrousel #container .slide .slideContent ul {
  margin-top: 0.9375vw;
}
#carrousel #container .slide .slideContent ul li {
  list-style-type: disc;
  margin-left: 4.21875vw;
  margin-bottom: 0.2604166667vw;
}
#carrousel #container .slide .slideContent ul li::marker {
  font-size: 1.5625vw;
}
#carrousel #container .slide .slideContentExeption {
  width: 100%;
}
#carrousel #container .slide .slideContentExeption h3 {
  color: #98984B;
  font-size: 1.5625vw;
  margin-bottom: 0.9375vw;
}
#carrousel #container .slide .slideContentExeption p {
  font-size: 1.3020833333vw;
}
#carrousel #container .slide .slideContentExeption ul {
  margin-top: 0.9375vw;
}
#carrousel #container .slide .slideContentExeption ul li {
  list-style-type: disc;
  margin-left: 4.21875vw;
  margin-bottom: 0.2604166667vw;
}
#carrousel #container .slide .slideContentExeption ul li::marker {
  font-size: 1.5625vw;
}
#carrousel #container .slide .slideContentExeption span {
  margin-left: 1.9270833333vw;
}
#carrousel #container {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}
#carrousel #container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
#carrousel button {
  width: 66px;
  height: 66px;
  border-radius: 50px;
  background-color: #98984B;
  border: 0px;
  padding: 5px;
  cursor: pointer;
}
#carrousel button a {
  color: white !important;
  font-size: 43px;
  height: 8.73px;
  cursor: pointer;
}
#carrousel button:active {
  transform: scale(0.98);
}
#carrousel button:focus {
  outline: 0;
}
#carrousel button:disabled {
  background-color: #999;
  cursor: not-allowed;
}

/*# sourceMappingURL=humain_av_pt_ap.css.map */