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

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

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


    font-family: 'Albert Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    font-feature-settings: 'liga' off;

    /* Deep Blue */

    color: #0A043C;


    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
  }

  .ftion_tab_droite {
    width: 35%;
    float: left;
    text-align: center;


    font-family: 'Albert Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    font-feature-settings: 'liga' off;

    /* Deep Blue */

    color: #0A043C;


    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
  }

  .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: "DM Sans", "sans-serif";
      color: #107758;
      //font-size: smaller;
      padding-bottom: 0rem;
      margin-bottom: 0rem;
    }

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

    .div_row_gauche {
      float: left;
      // border:1px solid black;
      // border-width:0.01rem;
      width: 50%;
      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: "DM Sans", "sans-serif";
    }

    .p_forma {
      font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
      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: 1rem;
      font-family: "DM Sans", "sans-serif";
      text-align: left;
      letter-spacing: 1px;
      margin-bottom: 0.6rem !important;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 300;
      font-size: 18px;
      line-height: 22px;
      /* identical to box height */

      font-feature-settings: 'liga' off;

      /* Blue */

      color: #3E6EE3;


      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
    }

    .training_price {
      color: #619e31;
      font-size: 1rem;
      font-family: "DM Sans", "sans-serif";
      text-align: left;
      letter-spacing: 1px;
      margin-bottom: 0.6rem !important;
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 800;
      font-size: 18px;
      line-height: 22px;


      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 800;
      font-size: 18px;
      line-height: 22px;
      /* identical to box height */

      display: flex;
      align-items: center;
      font-feature-settings: 'liga' off;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 2;
      flex-grow: 0;

    }

    .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);
    }

    //----

    .block_cpf {
      /* Tag */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      padding: 10px;
      gap: 10px;

      //position: absolute;
      //width: 173px;
      //height: 37px;
      //right: -16px;
      top: 0px;

      background: #FFE7DA;
      border-radius: 4px;

      /* Inside auto layout */

      flex: none;
      order: 2;
      flex-grow: 0;
      z-index: 2;
    }

    .block_cpf_txt {
      //width: 153px;
      height: 17px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 900;
      font-size: 14px;
      line-height: 17px;
      /* identical to box height */

      text-transform: uppercase;
      font-feature-settings: 'liga' off;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
    }

    .react-share__ShareButton {
      width: 2rem !important;
      text-align: left;
    }

    .css-ryrseu-MuiRating-root {
      font-size: 1.3rem;
    }

    .div_row_droite_cpf {
      float: right;
      width: 50%;
      text-align: right;
    }

    .div_row_gauche_critere {
      padding: 10px;
      width: 100% !important;
      padding-left: 5px;
    }


    .div_row_droite_critere {
      padding: 5px;
      width: 100% !important;
      margin-top: 1px;
    }


    .bton_se_renseinger {
      border-radius: 15px;
      font-size: small;
      padding: 0.2rem;
      width: 95%;
      background: #FFFFFF;
      color: #107758;
      margin-right: 10px;
      height: 2rem;
      margin: 5px;

    }

    .bton_voir_detail {
      border-radius: 15px;
      font-size: small;
      padding: 0.2rem;
      width: 95%;
      background: #107758;
      color: white;
      margin-right: 10px;
      height: 2rem;
      margin: 5px;

    }

    .bton_sinscrire {
      border-radius: 15px;
      font-size: small;
      padding: 0.2rem;
      width: 95%;
      background: #619E31;
      color: white;
      margin-right: 10px;
      height: 2rem;
      margin: 5px;

    }

    .ftion_tab_gauche {
      width: 50%;
    }
  
    .ftion_tab_droite {
      width: 50%;
    }

  }

  @media only screen and (min-width: 601px) and (max-width: 991px) {

    .ftion_tab_gauche {
      width: 50%;
      float: left;
      text-align: left;
      font-weight: bold;
  
  
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 19px;
      font-feature-settings: 'liga' off;
  
      /* Deep Blue */
  
      color: #0A043C;
  
  
      /* Inside auto layout */
  
      flex: none;
      order: 0;
      flex-grow: 0;
    }
  
    .ftion_tab_droite {
      width: 50%;
      float: left;
      text-align: center;
  
  
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 19px;
      font-feature-settings: 'liga' off;
  
      /* Deep Blue */
  
      color: #0A043C;
  
  
      /* Inside auto layout */
  
      flex: none;
      order: 1;
      flex-grow: 0;
    }


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

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

    .div_row_droite {
      float: right;
      //border:1px solid black;
      //border-width:0.01rem;
      width: 50%;
      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: "DM Sans", "sans-serif";
      color: #107758;
      font-size: 0.70rem;
      padding-bottom: 0rem;
      margin-bottom: 0rem;
    }

    .h1_forma {
      color: #ff4411;
      font-size: medium;
      font-family: "DM Sans", "sans-serif";
    }

    .p_forma {
      font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
      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: 100%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }


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

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 20px;
      /* identical to box height */

      font-feature-settings: 'liga' off;

      /* Blue */

      color: #3E6EE3;


      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
    }

    .training_price {
      color: #619e31;
      font-size: 1rem;
      font-family: "DM Sans", "sans-serif";
      text-align: left;
      letter-spacing: 1px;
      margin-bottom: 0.6rem !important;
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 800;
      font-size: 18px;
      line-height: 22px;


      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 800;
      font-size: 18px;
      line-height: 22px;
      /* identical to box height */

      display: flex;
      align-items: center;
      font-feature-settings: 'liga' off;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 2;
      flex-grow: 0;

    }

    .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);
    }

    //----

    .block_cpf {
      /* Tag */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      padding: 10px;
      gap: 10px;

      //position: absolute;
      //width: 173px;
      //height: 37px;
      //right: -16px;
      top: 0px;

      background: #FFE7DA;
      border-radius: 4px;

      /* Inside auto layout */

      flex: none;
      order: 2;
      flex-grow: 0;
      z-index: 2;
    }

    .block_cpf_txt {
      //width: 153px;
      height: 17px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 900;
      font-size: 14px;
      line-height: 17px;
      /* identical to box height */

      text-transform: uppercase;
      font-feature-settings: 'liga' off;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
    }

    .react-share__ShareButton {
      width: 2rem !important;
      text-align: left;
    }

    .css-ryrseu-MuiRating-root {
      font-size: 1.3rem;
    }

    .div_row_droite_cpf {
      float: right;
      width: 40%;
      text-align: right;
    }

    .div_row_gauche_critere {
      padding: 10px;
      width: 66% !important;
      padding-left: 5px;
      padding-right: 5px;
    }


    .div_row_droite_critere {
      padding: 10px;
      width: 34% !important;
      margin-top: 15px;
    }

    
    .bton_se_renseinger {
      border-radius: 15px;
      font-size: small;
      padding: 0.2rem;
      width: 90%;
      background: #FFFFFF !important;
      color: #107758 !important;
      margin-right: 10px;
      height: 2rem;
      margin: 5px;

    }

    .bton_voir_detail {
      border-radius: 15px;
      font-size: small;
      padding: 0.2rem;
      width: 90%;
      background-color: #107758 !important;
      color: white !important;
      margin-right: 10px;
      height: 2rem;
      margin: 5px;

    }

    .bton_sinscrire {
      border-radius: 15px;
      font-size: small;
      padding: 0.2rem;
      width: 90%;
      background-color: #619E31 !important;
      color: white !important;
      margin-right: 10px;
      height: 2rem;
      margin: 5px;

    }

    .row_formation_desc{
      min-height: 5rem !important;
    }

    .row_formation_title{
      min-height: 3rem !important;
    }

    .row_formation_crit {
      min-height: 10rem !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: 2px !important;
      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: "DM Sans", "sans-serif";
      color: #107758;
      font-size: 0.8rem;
      padding-bottom: 0rem;
      margin-bottom: 0rem;
    }

    .h1_forma {
      color: #ff4411;
      font-size: medium;
      font-family: "DM Sans", "sans-serif";
    }

    .p_forma {
      font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
      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: 95%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }


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

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 20px;
      /* identical to box height */

      font-feature-settings: 'liga' off;

      /* Blue */

      color: #3E6EE3;


      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
    }

    .training_price {
      color: #619e31;
      font-size: 1rem;
      font-family: "DM Sans", "sans-serif";
      text-align: left;
      letter-spacing: 1px;
      margin-bottom: 0.6rem !important;
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 800;
      font-size: 18px;
      line-height: 22px;


      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 800;
      font-size: 18px;
      line-height: 22px;
      /* identical to box height */

      display: flex;
      align-items: center;
      font-feature-settings: 'liga' off;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 2;
      flex-grow: 0;

    }

    .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);
    }

    //----

    .block_cpf {
      /* Tag */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      padding: 10px;
      gap: 10px;

      //position: absolute;
      //width: 173px;
      //height: 37px;
      //right: -16px;
      top: 0px;

      background: #FFE7DA;
      border-radius: 4px;

      /* Inside auto layout */

      flex: none;
      order: 2;
      flex-grow: 0;
      z-index: 2;
    }

    .block_cpf_txt {
      //width: 153px;
      height: 17px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 900;
      font-size: 14px;
      line-height: 17px;
      /* identical to box height */

      text-transform: uppercase;
      font-feature-settings: 'liga' off;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
    }

    .react-share__ShareButton {
      width: 2rem !important;
      text-align: left;
    }

    .css-ryrseu-MuiRating-root {
      font-size: 1.3rem;
    }

    .div_row_droite_cpf {
      float: right;
      width: 30%;
      text-align: right;
    }

    .div_row_gauche_critere {
      padding: 10px;
      width: 60% !important;
      padding-left: 5%;
    }

    .div_row_droite_critere {
      padding: 10px;
      width: 40% !important;
      margin-top: 5px;
    }

    
    .bton_se_renseinger {
      border-radius: 15px;
      font-size: small;
      padding: 0.2rem;
      width: 60%;
      background: #FFFFFF !important;
      color: #107758 !important;
      margin-right: 10px;
      height: 2rem;
      margin: 5px;

    }

    .bton_voir_detail {
      border-radius: 15px;
      font-size: small;
      padding: 0.2rem;
      width: 60%;
      background-color: #107758 !important;
      color: white !important;
      margin-right: 10px;
      height: 2rem;
      margin: 5px;

    }

    .bton_sinscrire {
      border-radius: 15px;
      font-size: small;
      padding: 0.2rem;
      width: 60%;
      background-color: #619E31 !important;
      color: white !important;
      margin-right: 10px;
      height: 2rem;
      margin: 5px;

    }

    .ftion_tab_gauche {
      width: 70%;
    }
  
    .ftion_tab_droite {
      width: 30%;
    }

    .row_formation_desc{
      min-height: 5rem !important;
    }

    .row_formation_title{
      min-height: 3rem !important;
    }

    .row_formation_crit {
      min-height: 10rem !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: "DM Sans", "sans-serif";
      color: #107758;
      font-size: small;
      padding-bottom: 0rem;
      margin-bottom: 0rem;


    }

    .h1_forma {
      color: #ff4411;
      font-size: medium;
      font-family: "DM Sans", "sans-serif";
    }

    .p_forma {
      font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
      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: 98%;
      margin-bottom: 1rem;
      border-radius: 1rem;
    }

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

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      line-height: 25px;
      /* identical to box height */

      font-feature-settings: 'liga' off;

      /* Blue */

      color: #3E6EE3;


      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
    }

    .training_price {
      color: #619e31;
      font-size: 1rem;
      font-family: "DM Sans", "sans-serif";
      text-align: left;
      letter-spacing: 1px;
      margin-bottom: 0.6rem !important;
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 800;
      font-size: 18px;
      line-height: 22px;


      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 800;
      font-size: 18px;
      line-height: 22px;
      /* identical to box height */

      display: flex;
      align-items: center;
      font-feature-settings: 'liga' off;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 2;
      flex-grow: 0;

    }

    .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);
    }

    //----

    .block_cpf {
      /* Tag */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      padding: 10px;
      gap: 10px;

      //position: absolute;
      //width: 173px;
      //height: 37px;
      //right: -16px;
      top: 0px;

      background: #FFE7DA;
      border-radius: 4px;

      /* Inside auto layout */

      flex: none;
      order: 2;
      flex-grow: 0;
      z-index: 2;
    }

    .block_cpf_txt {
      //width: 153px;
      height: 17px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 900;
      font-size: 14px;
      line-height: 17px;
      /* identical to box height */

      text-transform: uppercase;
      font-feature-settings: 'liga' off;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
    }

    .react-share__ShareButton {
      width: 2rem !important;
      text-align: left;
    }

    .css-ryrseu-MuiRating-root {
      font-size: 1.3rem;
    }


    .div_row_droite_cpf {
      float: right;
      width: 30%;
      text-align: right;
    }


    .div_row_gauche_critere {
      padding: 10px;
      width: 55%;
      padding-left: 5%;
    }


    .div_row_droite_critere {
      padding: 10px;
      width: 45% !important;
      margin-top: 15px;
    }


    .bton_se_renseinger {
      border-radius: 15px;
      font-size: small;
      padding: 0.2rem;
      width: 70%;
      background: #FFFFFF !important;
      color: #107758 !important;
      margin-right: 10px;
      height: 2rem;
      margin: 5px;

    }

    .bton_voir_detail {
      border-radius: 15px;
      font-size: small;
      padding: 0.2rem;
      width: 70%;
      background-color: #107758 !important;
      color: white !important;
      margin-right: 10px;
      height: 2rem;
      margin: 5px;

    }

    .bton_sinscrire {
      border-radius: 15px;
      font-size: small;
      padding: 0.2rem;
      width: 70%;
      background-color: #619E31 !important;
      color: white !important;
      margin-right: 10px;
      height: 2rem;
      margin: 5px;

    }

    .row_formation_desc{
      min-height: 5rem !important;
    }

    .row_formation_title{
      min-height: 3rem !important;
    }

    .row_formation_crit {
      min-height: 10rem !important;
    }
  }
}