.formation {
  .p_class {
    margin-bottom: 0.3rem !important;
    letter-spacing: 1px;
  }

  .h1_transparent {
    color: transparent;
    //color: red;
    font-size: small;
  }

  .ftion_tab_gauche {
    width: 62%;
    float: left;
    text-align: left;
    font-weight: bold;
  }

  .ftion_tab_droite {
    width: 38%;
    float: left;
    text-align: left;
  }

  .media_sociaux svg {
    margin-top: 0 !important;
  }

  /* less  than 600 px */
  @media screen and (max-width: 600px) {
    .p_class {
      margin-bottom: 0.3rem !important;
      text-align: center;
      letter-spacing: 1px;
      text-decoration: solid;
    }

    .criteres {
      font-size: 0.69rem;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      color: #104277;
      font-size: small;
      padding-bottom: 0rem;
      margin-bottom: 0rem;
    }

    .div_row {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 100%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

    .div_row_gauche {
      float: left;
      // border:1px solid black;
      // border-width:0.01rem;
      width: 49%;
      border-radius: 1rem;
    }

    .div_row_droite {
      float: right;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 48%;
      border-radius: 1rem;
    }

    .forma_container {
      width: 90%;
      height: 200px;
      background: aqua;
      margin: auto;
      padding: 10px;
      border-radius: 30px;
    }

    .forma_leftbox {
      float: left;
      border-width: 2px;
      width: 20%;
      height: 100%;
      margin: auto;
      padding: 10px;
      border-radius: 30px;
      margin-right: 0.5%;
    }

    .forma_rightbox {
      float: right;
      border-width: 2px;
      width: 100%;
      padding: 0.5rem;
      font-size: 11px;
      text-align: left;
      color: rgb(10, 42, 77);
      margin-top: 1px;
      cursor: pointer;
      overflow-wrap: break-word;
    }

    .h1_forma {
      color: #ff4411;
      font-size: small;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
    }

    .p_forma {
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      font-weight: var(--bs-body-font-weight);
      line-height: var(--bs-body-line-height);
      font-size: 0.74rem;
      text-align: justify;
      word-break: break-word;
      margin-bottom: 4px;
      color: #3b3e40;
    }

    .imgcoeur {
      width: 60%;
    }

    .forma_img_gauche {
      /*float: left;
      border-width: 2px;
      width: 24%;
      padding: 0.3rem;
      font-size: 11px;
      text-align: left;
      color: rgb(10, 42, 77);
      margin-top: 1px;
      cursor: pointer;*/
      display: none;
    }

    .training_img {
      max-width: 100%;
      border-radius: 10px;
    }

    .div_row_critere {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 95%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

    .training_title {
      color: #619e31;
      font-size: 0.85rem;
      font-family: "Quicksand", "Signika", sans-serif;
      text-align: left;
      letter-spacing: 1px;
      margin-bottom: 0.6rem !important;
    }
  }

  @media only screen and (min-width: 601px) and (max-width: 991px) {
    .div_row {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 100%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

    .div_row_gauche {
      float: left;
      // border:1px solid black;
      // border-width:0.01rem;
      width: 48%;
      border-radius: 1rem;
    }

    .div_row_droite {
      float: right;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 48%;
      border-radius: 1rem;
    }

    .forma_container {
      width: 90%;
      height: 200px;
      background: aqua;
      margin: auto;
      padding: 10px;
      border-radius: 30px;
    }

    .forma_leftbox {
      float: left;
      border-width: 2px;
      width: 20%;
      height: 100%;
      margin: auto;
      padding: 10px;
      border-radius: 30px;
      margin-right: 0.5%;
    }

    .forma_rightbox {
      float: right;
      border-width: 2px;
      width: 76%;
      margin: auto;
      padding: 0.5rem;
      font-size: small;
      text-align: left;
      color: rgb(10, 42, 77);
      cursor: pointer;
      overflow-wrap: break-word;
    }

    .criteres {
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      color: #104277;
      font-size: 0.77rem;
      padding-bottom: 0rem;
      margin-bottom: 0rem;
    }

    .h1_forma {
      color: #ff4411;
      font-size: medium;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
    }

    .p_forma {
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      font-size: 0.74rem;
      line-height: 1.3rem;
      font-weight: var(--bs-body-font-weight);
      line-height: var(--bs-body-line-height);
      color: #3b3e40;
      padding-bottom: 0rem;
      text-align: justify;
      word-break: break-word;
    }

    .imgcoeur {
      width: 60%;
    }

    .forma_img_gauche {
      float: left;
      border-width: 2px;
      width: 24%;
      padding: 0.3rem;
      font-size: 11px;
      text-align: left;
      color: rgb(10, 42, 77);
      margin-top: 1px;
      cursor: pointer;
    }

    .training_img {
      max-width: 100%;
      border-radius: 10px;
    }

    .div_row_critere {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 90%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

    .training_title {
      color: #619e31;
      font-size: 0.9rem;
      font-family: "Quicksand", "Signika", sans-serif;
      text-align: left;
      letter-spacing: 1px;
      margin-bottom: 0.6rem !important;
    }
  }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .div_row {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 100%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

    .div_row_gauche {
      float: left;
      // border:1px solid black;
      // border-width:0.01rem;
      width: 45%;
      border-radius: 1rem;
    }

    .div_row_droite {
      float: right;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 45%;
      border-radius: 1rem;
    }

    .forma_container {
      width: 90%;
      height: 200px;
      background: aqua;
      margin: auto;
      padding: 10px;
      border-radius: 30px;
    }

    .forma_leftbox {
      float: left;
      border-width: 2px;
      width: 20%;
      height: 100%;
      margin: auto;
      padding: 10px;
      border-radius: 30px;
      margin-right: 0.5%;
    }

    .forma_rightbox {
      float: right;
      border-width: 2px;
      width: 76%;
      margin: auto;
      padding: 0.5rem;
      font-size: small;
      text-align: left;
      color: rgb(10, 42, 77);
      cursor: pointer;
      overflow-wrap: break-word;
    }

    .criteres {
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      color: #104277;
      font-size: 0.8rem;
      padding-bottom: 0rem;
      margin-bottom: 0rem;
    }

    .h1_forma {
      color: #ff4411;
      font-size: medium;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
    }

    .p_forma {
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      font-size: 0.77rem;
      font-weight: var(--bs-body-font-weight);
      line-height: var(--bs-body-line-height);
      color: #3b3e40;
      padding-bottom: 0rem;
      text-align: justify;
      word-break: break-word;
      line-height: 1.3rem;
    }
    .imgcoeur {
      width: 45%;
    }

    .forma_img_gauche {
      float: left;
      border-width: 2px;
      width: 24%;
      padding: 0.3rem;
      font-size: 11px;
      text-align: left;
      color: rgb(10, 42, 77);
      margin-top: 1px;
      cursor: pointer;
    }

    .training_img {
      max-width: 100%;
      border-radius: 10px;
    }

    .div_row_critere {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 80%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

    .training_title {
      color: #619e31;
      font-size: 1rem;
      font-family: "Quicksand", "Signika", sans-serif;
      text-align: left;
      letter-spacing: 1px;
      margin-bottom: 0.6rem !important;
    }
  }

  @media only screen and (min-width: 1200px) {
    .div_row {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 100%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

    .div_row_gauche {
      float: left;
      // border:1px solid black;
      // border-width:0.01rem;
      width: 45%;
      border-radius: 1rem;
    }

    .div_row_droite {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 45%;
      border-radius: 1rem;
    }

    .forma_container {
      width: 90%;
      height: 200px;
      background: aqua;
      margin: auto;
      padding: 10px;
      border-radius: 30px;
    }

    .forma_leftbox {
      float: left;
      border-width: 2px;
      width: 20%;
      height: 100%;
      margin: auto;
      padding: 10px;
      border-radius: 30px;
      margin-right: 0.5%;
    }

    .forma_rightbox {
      float: right;
      border-width: 2px;
      width: 79%;
      margin: auto;
      padding: 0.5rem;
      font-size: small;
      text-align: left;
      color: rgb(10, 42, 77);
      cursor: pointer;
      overflow-wrap: break-word;
    }

    .criteres {
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      color: #104277;
      font-size: small;
      padding-bottom: 0rem;
      margin-bottom: 0rem;
    }

    .h1_forma {
      color: #ff4411;
      font-size: medium;
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
    }

    .p_forma {
      font-family: "verdana", "Quicksand", "Signika", sans-serif;
      font-weight: var(--bs-body-font-weight);
      line-height: var(--bs-body-line-height);
      padding-bottom: 0rem;
      text-align: justify;
      word-break: break-word;
      line-height: 1.3rem;
      font-size: 0.8rem;
      margin-bottom: 4px;
      color: #3b3e40;
    }

    .imgcoeur {
      width: 20%;
    }

    .forma_img_gauche {
      float: left;
      border-width: 2px;
      width: 20%;
      padding: 0.3rem;
      font-size: 11px;
      text-align: left;
      color: rgb(10, 42, 77);
      margin-top: 1px;
      cursor: pointer;
    }

    .training_img {
      max-width: 100%;
      border-radius: 10px;
    }

    .div_row_critere {
      float: left;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 75%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

    .training_title {
      color: #619e31;
      font-size: 1rem;
      font-family: "Quicksand", "Signika", sans-serif;
      text-align: left;
      letter-spacing: 1px;
      margin-bottom: 0.6rem !important;
    }

    .bton_inscris{
      position: relative;
      background: red;
      -webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.9, transparent), to(white));

    }

    bton_inscris:after,
    bton_inscris:before {
      content: "";
      position: absolute;
      display: block;
      width: inherit;
      height: 50%;
      bottom: -52%;
    }
    bton_inscris:after {
     
    }
    bton_inscris:before {
      z-index: 1;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);
    }


  }
}
