.container-dognuts {
  background: linear-gradient(to right, #ff6600 50%, #184058 50%);
  position: relative;
  z-index: 4;
  margin-top: 100px;
}

.inner-container-dognuts {
  display: flex;
  align-items: baseline;
  max-width: 1200px;
  padding: 70px 20px;
  margin: 0 auto;
}

.partie-gauche-dognuts,
.partie-droite-dognuts {
  width: 600px;
  color: white;
  font-weight: 600;
  padding: 0 80px 0 80px;
}

.partie-gauche-dognuts b,
.partie-droite-dognuts b {
  font-size: 1.4rem;
  margin-top: 25px;
  display: block;
  line-height: 1.7rem;

}


.partie-droite-dognuts b div {
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 10px;
}

.partie-gauche-dognuts p,
.partie-droite-dognuts p {
  font-size: 0.9rem;
}

.partie-gauche-dognuts i,
.partie-droite-dognuts i {
  font-size: 0.7rem;
}

.partie-droite-dognuts p,
.partie-droite-dognuts b {
  text-align: center;
}


#doughnut-chart-1,
#doughnut-chart-2 {
  width: 400px !important;
  height: 200px !important;
  margin: 0 auto;
}


.container-canvas {
  display: flex;
  align-items: center;
  justify-content: center;
}

.container-canvas .nombreP {
  position: absolute;
  color: white;
  font-size: 4rem;
  padding-top: 10px;
}


.recruteur-independant {
  margin: 150px auto;
}

.container-recruteur-independant {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  justify-content: space-between;
}

.container-recruteur-independant .partie-image,
.container-recruteur-independant .partie-texte {
  width: 48%;
}

.container-recruteur-independant .partie-image img {
  width: 100%;
  height: auto;
  border-radius: 25px;
}

.container-recruteur-independant .partie-texte h2 {
  color: #ff6600;
  font-weight: 800;
}

.container-recruteur-independant .partie-texte p {
  font-size: 0.9rem;
  color: #231E47;
  margin: 10px auto;
}

.container-recruteur-independant .partie-texte b {
  color: #231E47;
  font-size: 0.9rem;
}

.triangle-haut-remuneration-mobile,
.triangle-bas-remuneration-mobile {
  display: none;
}

@media screen and (max-width:1199px) {

  .triangle-haut-remuneration-mobile {
    position: absolute;
    top: 0px;
    right: 0;
    width: 100%;
    display: block;
    transform: rotate(180deg);
  }

  .triangle-bas-remuneration-mobile {
    position: absolute;
    bottom: -0px;
    right: 0;
    width: 100%;
    display: block;
  }

  .inner-container-entete-outils>img {
    display: none;
  }

  .inner-container-entete-outils h1 {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }

  .container-titre-sous-titre-outils {
    padding: 0 20px;
    width: 100%;
  }

  .container-dognuts {
    background: linear-gradient(to bottom, #ff6600 53%, #184058 53%);
    margin-top: 50px;
  }

  .inner-container-dognuts {
    flex-wrap: wrap;
    padding: 20px;
  }

  .partie-gauche-dognuts,
  .partie-droite-dognuts {
    width: 100%;
    padding: 0;
    margin: 20px auto;
    max-width: 320px;

  }

  .partie-droite-dognuts i {
    text-align: center;
    display: block;
  }

  .container-recruteur-independant {
    flex-wrap: wrap;
    padding: 0 20px;
  }

  .container-recruteur-independant .partie-image,
  .container-recruteur-independant .partie-texte {
    width: 100%;
  }

  .container-recruteur-independant .partie-texte {
    margin-top: 10px;
  }

  .container-recruteur-independant .partie-image {
    text-align: center;
  }

  .container-recruteur-independant .partie-image img {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }

  .recruteur-independant {
    margin: 50px auto;
  }
}