.mon_intranet_public {


  width: 100%;
  float: left;


  .css-1nmdiq5-menu {
    background: transparent !important;
    color: white !important;
    z-index: 999;
  }

  .css-qbdosj-Input {
    background: transparent !important;
  }


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

  @media only screen and (max-width: 600px) {
    .calage {
      display: none;
    }

    /*style smartphones et petites tablettes en portrait*/

    .text_head {
      color: white;
      font-family: "verdana", "Quicksand", "Signika", "sans-serif";
      font-size: small;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }

    .containerBox {
      position: relative;
      display: inline-block;
      margin-top: 0.5rem;
    }

    input::placeholder {
      font-size: 0.7rem;
      color: black;
    }

    .align_gauche {
      margin-left: 0rem;
      width: 100%;
      float: left;
      text-align: left;
      font-family: "DM Sans", "sans-serif";
      font-size: x-small;
    }

    .btn-primary {
      margin-top: 0.25rem !important;
    }

    .filter_dist {
      width: 70% !important;
      text-align: left;
    }

    .recherchedivgauche {
      width: 90%;
      border-radius: 0.5rem;
      float: left;
      text-align: center;
      font-family: "DM Sans", "sans-serif";
      font-size: small;
    }

    .okUpdateData {
      font-size: 0.7rem;
      color: green;
      font-style: italic;
    }

    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }

    .recherchedivdroite {
      width: 5%;
      border-radius: 0rem;
      float: right;
      align-content: flex-end;
      border-left: 0.1rem solid;
      border-left-color: #ced4da;
    }

    .recherchefilter {
      margin-top: 1.2rem;
      display: inline-block;
      width: 97%;
      background-color: black;
      color: white;
      height: auto;
      padding: 1px;
      outline: 1px solid #ccc;
      margin: 0;
      text-align: left;
      border-radius: 5px;
      margin-bottom: 0.1rem;
      box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
      height: 2rem;
      padding-top: 5px;
      margin-bottom: 0.5rem;
      //margin-top: 1rem;
    }

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

    .rech_leftbox {
      float: left;
      border-width: 1px;
      width: 98%;
      //height: 100%;
      margin: auto;
      padding: 0.3rem;
      //border-radius: 1rem;

      margin-bottom: 0.1rem;
      font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
      background: white;
      margin-left: 1%;
      -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
      box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
      margin-top: 0.5rem;
      margin-right: auto;
      margin-bottom: 10px;
    }

    .rech_middlebox {
      float: left;
      border-width: 2px;
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 0.1rem;
      border-radius: 30px;
      margin-right: 0.5%;
      //background-color: #f8f9f9;
    }

    .rech_rightbox {
      display: none;
    }

    .textsurimage {
      color: rgb(218, 207, 207);
      background-color: transparent;
      font-size: 1.5rem;
      text-align: center;
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: re;
    }

    .rech_list_formation2 {
      display: inline-block;
      width: 100%;
      background-color: white;
      height: auto;
      padding: 1px;
      outline: 1px solid #ccc;
      //border: 1px solid #999;
      margin: 0;
      text-align: left;
      border-radius: 10px;
      margin-bottom: 10px;
      //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);

      -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
      box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
    }

    .rech_list_formation2:hover {
      -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
      box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
    }

    input[type="submit"] {
      width: 100%;
      margin-top: 0;
    }

    h3 {
      font-size: 1rem;
    }

    .form {
      position: relative;
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem;
      font-family: "DM Sans", "sans-serif";
      font-size: small;
      text-align: left;
      height: 3rem !important;
      display: flex;
      width: 98%;
      display: flex;

    }

    .textsurimage23 {
      color: rgb(218, 207, 207);
      background-color: transparent;
      text-align: center;
      position: absolute;
      top: 15%;
      left: 20%;
      width: 20rem;
    }

    h4 {
      display: inline-block;
      font-size: medium;
      /*or whatever you want*/
      color: white;
    }

    .default_font {
      color: #3c4043;
      display: inline-block;
      line-height: 28px;
      font-size: small;
    }

    .ch_recherche {
      margin-left: 10%;
      margin-right: 10%;
      background-color: white;
      align-items: center;
    }

    .input-group-text2 {
      padding: 0.25rem 0.5rem;
      font-size: 0.7rem;
      border-radius: 0.2rem;
    }

    .rech_list_formation {
      display: inline-block;
      width: 100%;
      background-color: #eee;
      height: auto;
      padding: 1em;
      outline: 1px solid #ccc;
      border: 1px solid #999;
      background-color: #999;
      margin: 0 auto;
      text-align: left;
    }

    .height {
      height: 100vh;
    }

    .form .fa-search {
      position: absolute;
      top: 20px;
      left: 20px;
      color: #9ca3af;
    }

    .input-group-text {
      font-size: 0.6rem !important;
    }

    .form-select {
      font-size: 1rem !important;
      padding: auto;
    }

    .mb-3 {
      margin-bottom: 0.5rem !important;
      cursor: pointer;
    }

    .verti_middle {
      margin-top: 2rem !important;
    }

    .form span {
      position: absolute;
      right: 0.1rem;
      top: 0.1rem;
      padding: 1.5px;
      //border-left: 0.2rem solid #d1d5db;
      height: 1.9rem;
      margin-top: 5px;
    }

    form svg {
      margin-top: 0.6rem !important;
      cursor: pointer;
    }

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

    .form span_clear {
      position: absolute;
      right: 1.5rem !important;
      top: 0.1rem !important;
      padding: 2px;
      border-left: 0.2rem solid #d1d5db !important;
      height: 1.9rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .left-pan {
      padding-left: 7rem;
    }

    .left-pan i {
      padding-left: 10px;
    }

    .form-input {
      border-radius: 5px;
      height: 3rem;
      font-size: medium;
      padding-bottom: 0.1rem;
      padding-top: 0.1rem;
      border: none;
      box-shadow: 16px 16px 48px rgba(30, 30, 30, 0.08);
      width: 90%;
      padding-left: 1px;
      padding-right: 1px;
    }

    .text-box {
      position: absolute;
      height: 100%;
      text-align: center;
      width: 100%;
    }

    .text-box:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .img_logo {
      display: block;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      max-width: 50%;
    }

    .filter_span {
      padding-top: 0.3rem;
      padding-bottom: auto;
      word-break: break-word;
      margin-right: 0.5rem;
      color: #107758;
      font-size: 0.75rem;
      white-space: nowrap;
      width: 30%;
      margin-top: 0.3rem;
    }

    .filter_val {
      padding-top: 0.1rem;
      padding-bottom: auto;
      word-break: break-word;
      margin-right: 0.5rem;
      font-size: 0.75rem;
      white-space: nowrap;
      border: none;
      background: transparent;
      color: #3b3e40;
      font-family: "DM Sans", "sans-serif";
     border: 1px solid #C7C9CE;
      border-radius: 0.3rem !important;
      width: 65%;
      margin-top: 0.3rem;
      margin-right: 0px;
    }

    .div_row2 {
      float: left;
      //border:0px solid black;
      border-width: 0.01rem;
      width: 100%;
      margin-bottom: 0.1rem;
      //border-radius: 1rem;
      position: fixed;
      z-index: 10;
      top: 0px;
    }

    .div_row_haut {
      float: left;
      //border:1px solid black;
      //border-width: 0.01rem;
      width: 100%;
      //border-radius: 1rem;
      background-color: #3b3e40;
      z-index: 10;
    }

    .div_row_bas {
      float: right;
      //border:1px solid black;
      //border-width: 0.01rem;
      width: 100%;
      //border-radius: 1rem;
      z-index: 10;
      background-color: #e7f3fb;
      background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");

      //border-bottom-left-radius: 25px;
      //border-bottom-right-radius: 25px;
    }

    .div_mobile {
      position: relative;
      top: 8rem;
      z-index: 1;
      width: 98%;
      height: 100%;
      margin: 0.3rem;
      margin-left: auto;
      margin-right: auto;
    }

    .pieddepage {
      z-index: 50;
      width: 100%;
      float: left;
      color: white !important;
    }

    .menuPrincipal {
      font-family: "Quicksand", "Signika", "sans-serif";
      color: white;
      width: 20%;
      float: right;
      font-weight: 500;
      cursor: pointer;
    }

    .menuPrincipal:hover {
      color: #81bc3a;
      font-weight: bold;
      padding-left: 0;
      transition: color 0.3s linear;
      letter-spacing: 0.2rem;
      text-decoration: solid;
      text-underline-offset: 3px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      text-decoration: underline;
    }

    .div_001 {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }

    .div_002 {
      width: 50%;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }

    .div_003 {
      display: none;
    }

    .div_004 {
      color: white;
      width: 100%;
      height: 0.1rem;
      opacity: 100%;
      margin-left: auto;
      margin-right: auto;
      float: left;
      margin-bottom: 0.2rem;
      margin-top: 0.2rem;
    }

    .div_005 {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      color: black !important;
      height: 4rem;
    }

    .hilightsoustitre {
      background: #113459;
      color: #fff;
      display: block;
      font-size: 0.85rem;
      margin-bottom: 0.5rem;
    }

    .hilightsoustitre_v2 {
      color: #3b3e40;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      background: #e9ecef;
      border-radius: 5px;
      background: #113459;
      color: #fff;
      letter-spacing: 2px;
    }

    .hilightsoustitre_v2_metier {
      color: #3b3e40;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      background: #e9ecef;
      border-radius: 5px;
      background: #113459;
      color: #fff;
      letter-spacing: 2px;
    }

    .tab_gauche {
      width: 50%;
      float: left;
      text-align: left;
    }

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

    .tab_gauche_metier {
      width: 20%;
      float: left;
      text-align: left;
    }

    .tab_droite_metier {
      width: 20%;
      float: right;
      text-align: right;
    }

    .img_thematique_metier {
      display: block;
      border-radius: 10rem;
      max-width: 360px;
    }

    .met_polaroid_gauche {
      width: 97%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 2px;
    }

    .met_polaroid_droite {
      width: 97%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      margin-left: 3%;
      border-radius: 2px;
    }

    .met_container {
      text-align: center;
      padding: 1px 2px;
      letter-spacing: 2px;
      font-size: small;
      color: #3b3e40;
      font-weight: bold;
    }

    .met_text {
      margin-bottom: 0.1rem;
      font-size: x-small;
      white-space: nowrap;
      overflow: hidden;
      font-weight: bold;
    }

    .met_text_larg {
      margin-bottom: 0.1rem;
      font-size: xx-small;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
    }

    .met_text_all_categories {
      margin-bottom: 0.1rem;
      font-size: x-small;
      margin-top: 1rem;
    }

    .met_container_all_categories {
      text-align: center;
      padding: 1px 2px;
      letter-spacing: 2px;
      font-size: small;
      color: #3b3e40;
      height: 4rem;
    }

    .met_polaroid_gauche_all_categories {
      width: 100%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 12px;
    }

    .tab_gauche_all_categories {
      width: 100%;
      float: left;
      text-align: left;
    }

    .img_categorie {
      width: 100%;
      border-top-right-radius: 2px;
      border-radius: 2px;
      padding: 5px;
    }

    .met_polaroid,
    .met_polaroid_line2 {
      display: none;
    }

    .bienvenu {
      display: none;
    }

    .new_filter_zone {
      float: left;
      width: 35%;
      display: flex;
      align-items: center;
      font-size: smaller;
      line-height: 1.5;
      color: #212529;
      text-align: center;
      white-space: nowrap;
      background-color: #e9ecef;
      border: 1px solid #ced4da;
    }

    .new_filter_zone_cerif_radio {
      width: 30%;
      float: left;
      text-align: right;
      font-size: smaller;
    }

    .new_filter_zone_cerif_radio_right {
      //width: 30%;
      float: left;
      text-align: left;
      font-size: small;
      padding-left: 5px;
    }

    .new_filter_zone_cerif_radio_left {
      //width: 30%;
      float: left;
      text-align: center;
      font-size: small;
      padding-right: 15px;
      padding-left: 2px;
      min-width: 30%;
    }

    .range_prix_mobile {
      margin-left: 1rem;
    }

    .new_filter_zone_row {
      margin-bottom: 0.7rem !important;
      width: 100%;
      padding-right: 5px;
    }

    .tick_ok_ko {
      max-width: 50%;
      margin-top: 8px;
    }

    .tab_logo_metier {
      width: 100%;
      padding-left: 5px;
    }

    .tab_critere_espace {
      margin-bottom: 1rem;
      padding-bottom: 0rem;
      width: 100%;
    }

    // 07/01/23
    .Background_Header {
      /* Background Header */


      position: absolute;
      width: 100%;
      height: 350px;
      left: 0px;
      top: 0px;

      /* Beige */

      background: #FFF5DA;
    }


    .Partner_Catalog_Background_Header {
      /* Background Header */
      position: absolute;
      width: 100%;
      height: 350px;
      left: 0px;
      top: 0px;

    }



    .Menu_Header {
      display: none;
    }

    .block_nos_service {
      position: absolute;
      width: 100%;
      height: 100px;
      left: 0px;
      top: 474px;

      /* White */

      background: #FFFFFF;

      display: none;

    }

    .logo {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      position: absolute;
      width: 108px;
      height: 52px;
      left: 150px;
      top: 30px;
    }


    .Logo_MySy {
      width: 108px;
      height: 36px;


      /* Inside auto layout */

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

    .training {

      width: 108px;
      height: 12px;

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

      letter-spacing: 0.83em;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title_desc_header {
      position: absolute;
      width: 95%;
      height: 120px;
      //left: 24px;
      top: 100px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 30px;
      line-height: 40px;
      /* or 125% */

      text-align: center;
      letter-spacing: -1px;

      /* Deep Blue */

      color: #0A043C;
    }

    .block_nos_formation {
      /* Formations & Tutoriels */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      position: absolute;
      width: 97%;
      //height: 1486px;
      left: 1%;
      top: 900px;
    }
    .pieddepage_v2 {
      position: relative;
      width: 100%;
      //height: 450px;
      left: 0px;
      //top: 5850px;
      top: 5800px;
      background: #FFF5DA;
      z-index: -1;
    }

    .frame_153 {}

    .frame_153_txt {
      position: absolute;
      width: 100%;
      text-align: left;
      height: 34px;
      //left: 24px;
      top: 250px;

      font-family: 'Albert Sans';
      font-style: normal;
      //font-weight: 600;
      font-size: 12px;
      line-height: 17px;
      display: flex;
      align-items: center;

      /* Deep Blue */

      color: #0A043C;
    }



    .title1 {

      position: absolute;

      height: 120px;
      font-family: "Albert Sans";
      font-style: normal;
      font-weight: 600;
      font-size: 25px;
      line-height: 30px;
      text-align: center;
      letter-spacing: -1px;
      color: #0A043C;
    }


    .content_search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 100%;
      height: 367px;


      /* Inside auto layout */

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

    .search_bar_h {
      //display: flex;
      flex-direction: column;
      align-items: center;
      padding: 20px 0px;
      gap: 24px;

      position: absolute;
      width: 86%;
      height: 220px;
      left: 7%;
      top: 260px;

      /* White */

      background: #FFFFFF;
      box-shadow: 0px 16px 48px rgba(30, 30, 30, 0.08);
      border-radius: 8px;
    }


    .search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px 5px 0px 5px;
      gap: 72px;

      width: 100%;
      height: 80px;

      /* White */

      background: #FFFFFF;
      box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .input_search_bar {
      /* Auto layout */

      //display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 24px;

      width: 95%;
      height: 80px;


      /* Inside auto layout */

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

    .cta_recherche {
      cursor: pointer;
      /* Auto layout */

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

      height: 46px;

      /* Green */

      background: #20BFA9;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
      //top: 90px;
      position: absolute;
      width: 95%;
      left: 2%;

    }

    .cta_recherche_txt {
      //width: 90px;
      height: 30px;
      margin-top: 5px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 17px;
      line-height: 30px;
      /* identical to box height, or 176% */

      //display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    .search_dropdown {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;

      //width: 30%;
      height: 24px;


      /* Inside auto layout */

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

    }


    .search_bar_rectangle {
      width: 1px;
      height: 80px;

      background: rgba(0, 0, 0, 0.08);

      /* Inside auto layout */

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

      display: none;

    }

    .search_text {
      /* Auto layout */

      //display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 100%;
      height: 32px;
      position: absolute;
      top: 80px;


      /* Inside auto layout */

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

    .forma_et_tuto {
      display: none;
    }

    .forma_et_tuto_mobile {
      width: 99%;
      margin-left: 5px;
      height: 80px;
      padding-top: 10px;

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

      text-align: center;
      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      background: #F7F7F7;
    }


    .domaine_icone {
      margin-top: 5px;
      width: 5%;
    }

    .domaine_icone_fa {
      margin-top: 8px;
      width: 5%;
      cursor: pointer;
    }


    .sous_filter {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;


      /* Inside auto layout */

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

      margin-bottom: 3rem;
    }

    .sous_filter_metier {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;



      /* Inside auto layout */

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

    .sous_filter_txt {
      /* Les filtres */


      //      width: 92px;
      height: 24px;
      letter-spacing: 1px;

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

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

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .sous_filter_separator {
      width: 277px;
      height: 0px;

      opacity: 0.08;
      /* Deep Blue */

      border: 1px solid #0A043C;

      /* Inside auto layout */

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

    .sous_filter_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 12px;

      width: 277px;
      height: 494px;


      /* Inside auto layout */

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

    .sous_mertier {
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 277px;
      height: 496px;


      /* Inside auto layout */

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

    .filter_valeur {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 100%;
      height: 71px;


      /* Inside auto layout */

      flex: none;
      flex-grow: 0;
    }

    .filter_valeur_txt {
      /* Eligible CPF */


      //width: 78px;
      letter-spacing: 2px;
      height: 19px;

      font-family: 'Manrope';
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 19px;
      display: flex;
      align-items: center;
      font-feature-settings: 'liga' off;

      /* Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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


    .filter_valeur_block_val {
      /* List Checkbox */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;

      width: 90%;
      height: 48px;


      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
      margin-left: 5%;
    }

    .frame_133 {
      /* Frame 133 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 20px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_133_grp {
      /* Checbox + Text */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 50px;
      height: 22px;


      /* Inside auto layout */

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

    .frame_133_grp_radio {
      /* Radio Button */

      cursor: pointer;
      width: 16px;
      height: 16px;


      /* Inside auto layout */

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

    .frame_133_grp_txt {
      /* Oui */


      width: 26px;
      height: 22px;

      font-family: 'Manrope';
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      /* identical to box height */

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

      /* Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    }

    .frame_134 {
      /* Frame 134 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 20px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_134_grp {
      /* Checbox + Text */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 55px;
      height: 22px;


      /* Inside auto layout */

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

    }

    .frame_135 {
      /* Frame 134 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 20px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_135_grp {
      /* Checbox + Text */

      margin-left: 10px;

      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 30px;
      height: 22px;


      /* Inside auto layout */

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

    }


    .filter_txt {
      /* Les filtres */


      width: 92px;
      height: 24px;

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

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

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .filter_metier_sous_block {
      /* Filter */

      //cursor: pointer;
      box-sizing: border-box;

      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 16px;
      gap: 10px;

      width: 90%;
      height: 70px;

      /* White */

      background: #FFFFFF;
      border: 1px solid #DFDFDF;
      border-radius: 4px;

      /* Inside auto layout */

      flex: none;
      flex-grow: 0;

    }

    .filter_metier_sous_block_content {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 12px;

      width: 180px;
      height: 40px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_content_radio {

      /* Radio Button */


      width: 24px;
      height: 24px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_content_txt {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 144px;
      height: 40px;



      /* Inside auto layout */

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

    }

    .filter_metier_sous_block_content_txt_formation {
      width: 144px;
      height: 22px;

      margin-top: 10px;
      text-align: left;
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      /* identical to box height */


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    }

    .filter_metier_sous_block_content_txt_nb {
      width: 85px;
      height: 14px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;

      /* Deep Blue */

      color: #0A043C;

      opacity: 0.7;

      /* Inside auto layout */

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


    .filter_metier_sous_block_plus_metier {
      /* Icon + Title */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 233px;
      height: 24px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_plus_metier_1 {
      border: #0A043C solid;
      width: 24px;
      height: 24px;
      cursor: pointer;

      /* Inside auto layout */

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

    .filter_metier_sous_block_plus_metier_2 {
      width: 201px;
      height: 22px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      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: 1;
      flex-grow: 0;
    }

    .block_actualite {
      /* Actualité */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      position: absolute;
      width: 100%;
      height: 549px;
      //left: 72px;
      top: 4700px;
      display: none;
    }

    .block_actualite_sous_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      width: 100%;
      height: 453px;


      /* Inside auto layout */

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

    }

    .block_actualite_sous_block_text {
      width: 261px;
      height: 48px;

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

      text-align: center;
      letter-spacing: 2px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .block_list_actu {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 4%;

      width: 90%;
      height: 365px;


      /* Inside auto layout */

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



    }

    .block_list_actu_actu1 {
      //display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 23px;

      width: 32%;
      height: 364px;


      /* Inside auto layout */

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

    .block_list_actu_actu1_img {
      width: 100%;
      height: 250px;

      background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      //border: #0A043C solid 1px;
    }

    .block_list_actu_actu1_date_text {
      /* Date + Title */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 1px;
      gap: 8px;

      //width: 344px;
      //height: 91px;


      /* Inside auto layout */

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

    .block_list_actu_actu1_date_text_date {
      //width: 152px;
      height: 19px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 12px;
      line-height: 1p5x;
      text-transform: uppercase;

      /* Blue */

      color: #3E6EE3;


      /* Inside auto layout */

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

    .block_list_actu_actu1_date_text_txt {

      height: 64px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 22px;
      /* or 133% */

      letter-spacing: 0.2px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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


    .bton_tout_nos_article {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 13px 26px;
      gap: 10px;

      width: 299px;
      height: 56px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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

    .bton_tout_nos_article_account_box {
      display: none;
      width: 24px;
      height: 24px;


      /* Inside auto layout */

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

    }

    .bton_tout_nos_article_txt {
      width: 156px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    }

    .block_partner {
      /* Partner Block */


      /* Auto layout */

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

      position: absolute;
      width: 95%;
      height: 386px;
      //top: 5300px;
      top: 5200px;

      /* White */

      background: #FFFFFF;
      /* Shadow 01 */

      box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
      border-radius: 8px;

    }

    .block_partner_sous_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 24px;

      width: 100%;
      height: 306px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      //gap: 16px;

      width: 100%;
      height: 226px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc_logo {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 4px;

      width: 160px;
      height: 70px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc_desc {
      //width: 600px;
      height: 48px;

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

      text-align: center;
      letter-spacing: -1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .block_partner_sous_block_txt {
      width: 100%;
      height: 72px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      /* or 150% */

      text-align: center;
      font-feature-settings: 'liga' off;

      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .block_partner_sous_block_buton {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 13px 26px;
      gap: 10px;

      width: 299px;
      height: 56px;

      /* Green */

      background: #20BFA9;
      border-radius: 8px;

      /* Inside auto layout */

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

    .logo_not_absolut {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 108px;
      height: 52px;
      left: 72px;
      top: 52px;
    }

    .block_partner_sous_block_logo_desc_desc2 {
      width: 100%;
      height: 72px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 20px;
      /* or 150% */

      text-align: center;
      font-feature-settings: 'liga' off;

      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .display_grid_list_bton {
      display: none;
    }

    .indicateurs_data {
      display: none;
    }

    .bloc_logo_indic {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 1rem;

    }

    .bloc_logo_indic_logo {
      width: 100%;
      float: left;
      text-align: left;
    }



    .bloc_logo_indic_contact {
      width: 100%;
      float: right;
      text-align: left;
      margin-top: 1rem;
      margin-bottom: 1rem;
    }


    .bloc_logo_indic_indic {
      width: 100%;
      float: left;
      text-align: left;
    }

    .bloc_milieu {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 25rem;
    }

    .bloc_img_milieu_gauche {
      display: none;
    }

    .bloc_connexion {
      width: 100%;
      float: left;
      min-height: 60vh;
      margin-top: 35rem;
    }

    .bloc_milieu_text {
      width: 100%;
      float: left;
      text-align: left;
    }

    .title1_nom {
      width: 100%;
      text-align: left;
      //height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 35px;
      line-height: 30px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title1_text1 {
      width: 100%;
      text-align: left;
      // height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 22px !important;
      line-height: normal;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title2 {
      width: 60%;
      height: 22px;

      text-align: left;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 22px;
      margin-top: 2rem !important;
      /* identical to box height */


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .bloc_logo_indic_contact_text {
      text-align: left;
      font-weight: 700;
    }


    .bloc_logo_indic_indic_text {
      text-align: left;
      font-weight: 700;
    }

     /*** Pour le modele 2 - MySy_Theme2 **/

     .bloc_milieu_model_2 {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 8rem;
    }


    .bloc_milieu_text_model_2 {
      width: 100%;
      float: left;
      text-align: center;
    }

    .title1_nom_model_2 {
      width: 100%;
      text-align: center;
      height: 150px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 30px;
     // line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title2_model_2 {
      width: 100%;
      text-align: center;
      height: 22px;

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


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .bloc_img_milieu_gauche {
      display: none;
    }

    .Partner_Catalog_Background_Header_model_2 {
      //  position: absolute;
      width: 100%;
      height: 600px;
      left: 0px;
      top: 0px;
    }

    .bloc_logo_indic_model_2 {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 1rem;

    }

    .bloc_logo_indic_logo_model_2 {
      width: 100%;
      float: left;
      text-align: center;
    }


    .bloc_logo_indic_contact_model_2 {
      width: 18%;
      float: right;
      text-align: right;
    }


    .bloc_logo_indic_indic_model_2 {
      width: 18%;
      float: left;
    }

    .bloc_logo_indic_contact_text_model_2 {
      text-align: left;
      font-weight: 700;
    }


    .bloc_logo_indic_indic_text_model_2 {
      text-align: left;
      font-weight: 700;
    }

    
    .bloc_milieu_text_model_2_gauche{
      width: 100%;
      float: left;

    }

    .bloc_milieu_text_model_2_centre{
      width: 100%;
      float: left;
      height: 250px;
    }

    .bloc_milieu_text_model_2_droite{
      width: 100%;
      float: right;
    }

    .title1_text1_model_2  {
     
    }

    .bloc_connexion_model_2 {
      width: 100%;
      float: left;
      height: 70vh;
   
    }


  }

  @media only screen and (min-width: 601px) and (max-width: 991px) {
    /*style petites-moyennes tablettes */

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

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

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

    .align_gauche {
      margin-left: 0rem;
      overflow-y: hidden;
      white-space: nowrap;
      font-family: "DM Sans", "sans-serif";
      font-size: small;
      width: 100%;
    }

    .recherchefilter {
      display: none;
    }

    .filter_dist {
      width: 70% !important;
      text-align: left;
    }

    .okUpdateData {
      font-size: small;
      color: green;
      font-style: italic;
    }

    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }

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

    .rech_leftbox {
      float: left;
      //border: 0px solid black;
      border-width: 1px;
      width: 29%;
      height: 100%;
      padding: 1px;
      border-radius: 1rem;
      //margin-top: 1rem !important;
      margin-bottom: 0.1rem;
      font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
      background: white;

      //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
      //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
      margin-top: 0.5rem;
    }

    .rech_middlebox {
      float: left;
      border-width: 2px;
      width: 71%;
      height: 100%;
      margin: auto;
      margin-right: auto;
      padding: 0.1rem;
      padding-right: 5px;
      padding-left: 5px;
      border-radius: 30px;
      margin-right: 0px;
      padding-left: 1px;
      padding-right: 5px;
    }

    .textsurimage {
      color: rgb(218, 207, 207);
      background-color: transparent;
      font-size: 40pt;
      text-align: center;
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
    }

    .rech_list_formation2 {
      display: inline-block;
      width: 100%;
      background-color: white;
      height: auto;
      padding: 1px;
      outline: 1px solid #ccc;
      //border: 1px solid #999;
      margin: 0;
      text-align: left;
      border-radius: 10px;
      margin-bottom: 10px;
      //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),  0 1px 3px 0 rgb(0 0 0 / 12%);
      -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
      box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
    }

    .rech_list_formation2:hover {
      -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
      box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
    }

    h3 {
      font-size: 2rem;
    }

    .form {
      font-size: medium;
      //width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 0.5rem;
      position: relative;
      margin-top: 1rem;
      z-index: 11;
      display: flex;
    }

    .textsurimage23 {
      color: rgb(218, 207, 207);
      background-color: transparent;
      text-align: center;
      position: absolute;
      top: 20%;
      left: 30%;
      width: 20rem;
    }

    h4 {
      display: inline-block;
      font-size: x-large;
      /*or whatever you want*/
      color: white;
    }

    .default_font {
      color: #3c4043;
      display: inline-block;
      line-height: 28px;
      font-size: small;
    }

    .form-input {
      border-radius: 10rem;
      height: 2.5rem;
      font-size: medium;

      line-height: 1.5;
      margin-bottom: 2px;
      color: white;
      border: 2px solid white;
      background: transparent;
      box-shadow: none;
    }

    form svg {
      margin-top: 0.8rem !important;
      cursor: pointer;
    }

    .form span {
      position: absolute;
      right: 0.2rem;
      top: 0.1rem;
      padding: 2px;
      border-left: 0.2rem solid #d1d5db;
      height: 2.4rem;
    }

    form svg {
      margin-top: 0.8rem !important;
      cursor: pointer;
    }

    .form span_clear {
      position: absolute;
      right: 2rem !important;
      top: 0.1rem !important;
      padding: 2px;
      border-left: 0.2rem solid #d1d5db !important;
      height: 2.4rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .left-pan {
      padding-left: 7px;
    }

    .left-pan i {
      padding-left: 10px;
    }

    .containerBox {
      position: relative;
      display: inline-block;
      margin-top: 0.5rem;
    }

    .text-box {
      position: absolute;
      height: 100%;
      text-align: center;
      width: 100%;
    }

    .text-box:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .img_logo {
      display: block;
      height: auto;
      margin-left: 0px;
      margin-right: auto;
      max-width: 30%;
    }


    .form-select {
      height: 1.5rem !important;
      border-radius: 0px;
      font-size: small;
    }

    .mb-3 {
      margin-bottom: 0.5rem !important;
      cursor: pointer;
    }

    .input-group-text {
      font-size: 0.6rem !important;
      padding-left: 0rem !important;
      padding-right: 0.2rem !important;
    }

    .rech_rightbox {
      /* opacity: 1;
      border: 1px;
      outline: 0;
      border-bottom: 2px solid transparent;
      color: white;
      font-size: medium !important;
      border-radius: 1rem;
      margin: 0px;
      padding: 0px;
      text-align: center;
      margin-bottom: 0.5rem;
      padding-top: 0.5rem;*/
      display: none;
    }

    .rech_rightbox .button2 {
      opacity: 1;
      background: #619e31;
      border: 1px;
      outline: 0;
      border-bottom: 2px solid transparent;
      color: white;
      font-size: medium !important;
      border-radius: 1rem;
      margin: 0px;
      padding: 0px;
      text-align: center;
      margin-bottom: 0.5rem;
    }

    .rech_rightbox_inside {
      float: left;
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 0px;
      border-radius: 0px;
      margin-right: 0%;
      overflow-y: scroll;
      height: 800px;
      font-family: "DM Sans", "sans-serif";
      font-size: medium;
      padding-right: 5px;
      margin-right: 5px;
    }

    .filter_span {
      padding-top: 0.3rem;
      padding-bottom: auto;
      word-break: break-word;
      margin-right: 0.5rem;
      color: #107758;
      font-size: 0.75rem;
      white-space: nowrap;
      width: 30%;
      margin-top: 0.3rem;
    }

    .filter_val {
      padding-top: 0.1rem;
      padding-bottom: auto;
      word-break: break-word;
      margin-right: 0.5rem;
      font-size: 0.75rem;
      white-space: nowrap;
      border: none;
      background: transparent;
      color: #3b3e40;
      font-family: "DM Sans", "sans-serif";
     border: 1px solid #C7C9CE;
      border-radius: 0.3rem !important;
      width: 65%;
      margin-top: 0.3rem;
      margin-right: 0px;
    }

    .text_head {
      color: white;
      font-family: "verdana", "Quicksand", "Signika", "sans-serif";
      font-size: 1.1rem;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }

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

      z-index: 10;
      min-height: 30rem;
    }

    .div_row_haut {
      float: left;
      //border:1px solid black;
      //border-width: 0.01rem;
      width: 100%;
      //border-radius: 1rem;
      background-color: #3b3e40;
      z-index: 10;
    }

    .div_row_bas {
      float: right;
      width: 100%;
      min-height: 100%;
      height: 30rem;

      background-color: #e7f3fb;
      z-index: 10;
      background: url("../../mysy_img/mysy_home.jpg") no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      //border-bottom-left-radius: 25px;
      //border-bottom-right-radius: 25px;
    }

    .div_mobile {
      z-index: -1;
      width: 100%;
      height: 100%;
    }

    .pieddepage {
      z-index: 50;
      width: 100%;
      float: left;
      color: white !important;
    }

    .menuPrincipal_bton {
      margin-left: 0.9rem;
      font-family: "Quicksand", "Signika", "sans-serif";
      color: white;
      float: right;
      cursor: pointer;
      text-align: right;
      font-size: small;
      border: 2px solid transparent;
      white-space: nowrap;
      text-transform: uppercase;
    }

    .menuPrincipal {
      margin-left: 0.7rem;
      font-family: "Quicksand", "Signika", "sans-serif";
      color: white;
      float: right;
      cursor: pointer;
      text-align: right;
      font-size: small;
      border: 2px solid transparent;
      white-space: nowrap;
      text-transform: uppercase;
      padding-top: 0.2rem;
    }

    .menuPrincipal:hover {
      color: #81bc3a;
      padding-left: 0;
      transition: color 0.3s linear;
      letter-spacing: 0.1rem;
      text-decoration: solid;
      text-underline-offset: 3px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      text-decoration: underline;
    }

    .div_001 {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }

    .div_002 {
      float: left;
      width: 40%;
      text-align: left;
    }

    .div_003 {
      float: left;
      width: 60%;
      text-align: right;
      color: white;
    }

    .div_004 {
      color: white;
      width: 100%;
      height: 0.1rem;
      opacity: 100%;
      margin-left: auto;
      margin-right: auto;
      float: left;
      margin: 0.2rem;
    }

    .div_005 {
      width: 100%;
      float: left;
    }

    .hilightsoustitre {
      background: #113459;
      color: #fff;
      display: block;
      font-size: 0.85rem;
      margin-bottom: 0.5rem;
      letter-spacing: 0.15rem;
    }

    .hilightsoustitre_v2 {
      color: #3b3e40;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      background: #e9ecef;
      border-radius: 5px;
      background: #113459;
      color: #fff;
      letter-spacing: 2px;
      height: 2rem;
      padding-top: 5px;
    }

    .hilightsoustitre_v2_metier {
      color: #3b3e40;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      background: #e9ecef;
      border-radius: 5px;
      background: #113459;
      color: #fff;
      letter-spacing: 2px;
      margin-top: 3rem;
      height: 2rem;
      padding-top: 5px;
    }

    .tab_gauche {
      width: 50%;
      float: left;
      text-align: left;
    }

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

    .tab_gauche_metier {
      width: 48%;
      float: left;
      text-align: left;
      text-align: left;
      margin-right: 2%;
      max-width: 48% !important;
      min-width: 48% !important;
    }

    .tab_droite_metier {
      width: 48%;
      float: right;
      text-align: right;
    }

    .img_thematique_metier {
      display: block;
      border-radius: 10rem;
      max-width: 360px;
    }

    .met_polaroid_gauche {
      width: 95%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 12px;
    }

    .met_polaroid_gauche:hover {
      transition-duration: 0.5s;
      transform: scale(1.1);
      box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
    }

    .met_polaroid_droite {
      width: 100%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 12px;
    }

    .met_polaroid_droite:hover {
      transition-duration: 0.5s;
      transform: scale(1.1);
      box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
    }

    .met_container {
      text-align: center;
      padding: 1px 2px;
      letter-spacing: 2px;
      font-size: small;
      color: #3b3e40;
      font-weight: bold;
    }

    .met_text {
      margin-bottom: 0.1rem;
      font-size: x-small;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      font-weight: bold;
    }

    .met_text_larg {
      margin-bottom: 0.1rem;
      font-size: xx-small;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
    }

    .met_text_all_categories {
      margin-bottom: 0.1rem;
      font-size: x-small;
      margin-top: 1rem;
    }

    .met_container_all_categories {
      text-align: center;
      padding: 1px 2px;
      letter-spacing: 2px;
      font-size: small;
      color: #3b3e40;
      height: 4rem;
    }

    .met_polaroid_gauche_all_categories {
      width: 100%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 12px;
    }

    .tab_gauche_all_categories {
      width: 100%;
      float: left;
      text-align: left;
    }

    .img_categorie {
      width: 100%;
      border-top-right-radius: 12px;
      border-radius: 12px;
      padding: 5px;
    }

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

    .mymenu_item {
      font-size: 0.7rem !important;
    }

    .MuiMenuItem-root {
      font-size: 0.7rem !important;
    }

    .new_filter_zone {
      float: left;
      width: 35%;
      display: flex;
      align-items: center;
      font-size: 0.75rem;
      line-height: 1.5;
      color: #212529;
      text-align: center;
      white-space: nowrap;
      background-color: #e9ecef;
      border: 1px solid #ced4da;
    }

    .new_filter_zone_cerif_radio {
      width: 30%;
      float: left;
      text-align: right;
      font-size: 0.75rem;
    }

    .new_filter_zone_cerif_radio_right {
      float: left;
      text-align: left;
      font-size: 0.7rem;
      padding-left: 5px;
    }

    .new_filter_zone_cerif_radio_left {
      //width: 30%;
      float: left;
      text-align: center;
      font-size: 0.7rem;
      padding-right: 5px;
      padding-left: 2px;
    }

    .new_filter_zone_row {
      //margin-bottom: 10px !important;
      width: 100%;
      padding-right: 2px;
    }

    .tick_ok_ko {
      max-width: 50%;

    }

    .new_filter_zone_prix {
      margin-top: 0.8rem;
      margin-bottom: 0.8rem;
      padding-right: 10px;
    }

    .middle {
      color: white;
      font-family: "verdana", "Quicksand", "Signika", "sans-serif";
      font-size: 1.2rem;

      margin-left: auto;
      margin-right: auto;
      padding-top: 15%;
    }

    input::placeholder {
      color: white;
    }

    .bienvenu {
      font-family: "DM Sans", "sans-serif";
      font-size: large;
      color: white;
    }

    .categorie {
      padding-top: 15%;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
    }

    .met_polaroid {
      text-align: center;
      margin-top: 9rem;
    }

    .met_polaroid_line2 {
      text-align: center;
      margin-top: 1rem;
    }

    .img_categorie_v2 {
      border-radius: 5px;
      background: white;
      min-width: 3rem;
      width: 6rem;
      font-size: smaller;
      border: 3px solid black;
      box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
      cursor: pointer;
      outline: none;
      transition: 0.2s all;
      margin-right: 1rem;
    }

    .img_categorie_v2:active {
      transform: scale(1.1);
      /* Scaling button to 0.98 to its original size */
      box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
      /* Lowering the shadow */
    }

    .img_categorie_v2:hover {
      transform: scale(1.1);
      /* Scaling button to 0.98 to its original size */
      box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
      /* Lowering the shadow */
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
      transition: background-color 5000000s ease-in-out 0s;
    }

    .calage {
      display: none;
    }

    .tab_logo_metier {
      width: 100%;
      padding-left: 3%;
      box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
      padding-left: 5px;
      border-radius: 10px;
      float: left;
      padding-bottom: 0.5rem;
      padding-top: 5px;
    }


    .tab_critere_espace {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 3px;
      gap: 10px;

      width: 100%;
      //height: 1110px;

      /* White */

      background: #FFFFFF;
      border-radius: 8px;

      /* Inside auto layout */

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

    .block_nos_service {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 10px;
      position: absolute;
      width: 96%;
      height: 204px;
      left: 2%;
      top: 500px;

    }

    .block_nos_formation {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      position: absolute;
      //height: 2574px;
      left: 10px;
      right: 5px;
      top: 530px;
      width: 98%;
    }

    .logo {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      position: absolute;
      width: 108px;
      height: 52px;
      left: 20px;
      top: 52px;
    }

    .Menu_Header {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      padding: 0px;
      gap: 3px;

      position: absolute;
      //width: 843px;
      height: 56px;
      right: 5px;
      top: 50px;
    }

    .Header_Content {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      isolation: isolate;

      position: absolute;
      width: 95%;
      height: 367px;
      left: 20px;
      top: 156px;
    }

    .Background_Header {
      position: absolute;
      width: 100%;
      height: 452px;
      left: 0px;
      top: 0px;

      /* Beige */

      background: #FFF5DA;

    }

    .Partner_Catalog_Background_Header {
      position: absolute;
      width: 100%;
      height: 380px;
      left: 0px;
      top: 0px;

    }


    .Logo_MySy {
      width: 108px;
      height: 36px;


      /* Inside auto layout */

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

    .training {

      width: 108px;
      height: 12px;

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

      letter-spacing: 0.83em;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .header_menu {
      /* Les formations */

      cursor: pointer;
      height: 17px;

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


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      flex-grow: 0;
    }

    .bar_vert {

      width: 1px;
      height: 24px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 10px;

      /* Inside auto layout */

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

    .cta1 {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 5px;

      width: 258px;
      height: 56px;


      /* Inside auto layout */

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

    }

    .cta2 {
      box-sizing: border-box;

      /* Auto layout */

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

      width: 116px;
      height: 56px;

      /* Deep Blue */

      border: 1px solid #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .cta3 {
      /* Auto layout */

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

      width: 114px;
      height: 56px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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


    }


    .minscrire {
      cursor: pointer;
      //width: 74px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 30px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      font-weight: normal;
      font-size: 12px;

    }

    .meconnecter {
      cursor: pointer;
      //width: 102px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 30px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      font-weight: normal;
      font-size: 12px;
    }

    .rectangle_8 {
      /* Rectangle 8 */


      position: absolute;
      width: 50%;
      height: 350px;
      //left: 596px;
      right: 2rem;
      top: 0px;

      background: url("../../mysy_img2/img_header.png") no-repeat;
      filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05));
      border-radius: 8px;

      /* Inside auto layout */

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

    .content_search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 100%;
      height: 367px;


      /* Inside auto layout */

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

    .title_desc_header {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 636px;
      height: 230px;


      /* Inside auto layout */

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

    .title1 {

      text-align: center;
      width: 60%;
      height: 180px;

      text-align: left;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 35px;
      line-height: 40px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title1_nom {
      width: 100%;
      text-align: left;
      // height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 34px;
      line-height: 40px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
     height: 100px;
    }

    .title1_text1 {
      width: 100%;
      text-align: left;
      height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 25px;
      line-height: 44px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title2 {
      width: 100%;
      height: 22px;

      text-align: left;

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


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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


    .search_bar_h {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 95%;
      height: 113px;


      /* Inside auto layout */

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

    .search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px 5px 0px 5px;
      gap: 72px;

      width: 100%;
      height: 80px;

      /* White */

      background: #FFFFFF;
      box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .frame_153 {
      /* Frame 153 */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px 27px;
      gap: 10px;

      width: 588px;
      height: 17px;


      /* Inside auto layout */

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

    .frame_153_txt {
      width: 534px;
      height: 17px;

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

      display: flex;
      align-items: center;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .input_search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 10px;

      width: 100%;
      height: 80px;


      /* Inside auto layout */

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

    .cta_recherche {
      cursor: pointer;
      /* Auto layout */

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

      height: 56px;

      /* Green */

      background: #20BFA9;
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .cta_recherche_txt {
      width: 90px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 17px;
      line-height: 30px;
      /* identical to box height, or 176% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    .search_dropdown {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;

      //width: 30%;
      height: 24px;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      width: 28%;

    }

    .search_bar_rectangle {
      width: 1px;
      height: 80px;

      background: rgba(0, 0, 0, 0.08);

      /* Inside auto layout */

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

    }

    .search_text {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 70%;
      height: 32px;


      /* Inside auto layout */

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

    .nos_serv_background {
      position: absolute;
      width: 1440px;
      height: 436px;
      left: 0px;
      top: 452px;

      /* White */

      background: #FFFFFF;
    }

    .nos_serv_txt {
      width: 100%;
      height: 28px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 38px;
      /* identical to box height */

      text-align: center;
      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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


    .nos_serv_list {
      display: flex;
      flex-direction: row;
      justify-content: start;
      align-items: center;
      padding: 0px;
      gap: 15px;

      width: 100%;
      height: 116px;


      /* Inside auto layout */

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

    .nos_serv_serv1 {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 31%;
      height: 116px;


      /* Inside auto layout */

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

    .nos_serv_serv2 {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 28%;
      height: 116px;


      /* Inside auto layout */

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

    .nos_serv_serv3 {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 28%;
      height: 116px;


      /* Inside auto layout */

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

    .block_filter {
      /* Block Filters */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 16px;
      gap: 24px;

      width: 309px;
      height: 1110px;

      /* White */

      background: #FFFFFF;
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .block_list_formation {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      width: 947px;
      height: 2486px;


      /* Inside auto layout */

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

    .sous_filter {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;


      /* Inside auto layout */

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

      margin-bottom: 3rem;
    }

    .sous_filter_metier {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;



      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      width: 100%;
    }

    .sous_filter_txt {
      /* Les filtres */


      //      width: 92px;
      height: 24px;
      letter-spacing: 1px;

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

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

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .sous_filter_separator {
      width: 277px;
      height: 0px;

      opacity: 0.08;
      /* Deep Blue */

      border: 1px solid #0A043C;

      /* Inside auto layout */

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

    .sous_filter_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 12px;

      width: 277px;
      height: 494px;


      /* Inside auto layout */

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

    .sous_mertier {
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 277px;
      height: 496px;


      /* Inside auto layout */

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

    .filter_valeur {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 100%;
      height: 71px;


      /* Inside auto layout */

      flex: none;
      flex-grow: 0;
    }

    .filter_valeur_txt {
      /* Eligible CPF */


      //width: 78px;
      letter-spacing: 2px;
      height: 19px;

      font-family: 'Manrope';
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 19px;
      display: flex;
      align-items: center;
      font-feature-settings: 'liga' off;

      /* Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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


    .filter_valeur_block_val {
      /* List Checkbox */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;

      width: 90%;
      height: 48px;


      /* Inside auto layout */

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

    .frame_133 {
      /* Frame 133 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 20px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_133_grp {
      /* Checbox + Text */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 50px;
      height: 22px;


      /* Inside auto layout */

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

    .frame_133_grp_radio {
      /* Radio Button */

      cursor: pointer;

      width: 16px;
      height: 16px;


      /* Inside auto layout */

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

    .frame_133_grp_txt {
      /* Oui */


      width: 26px;
      height: 22px;

      font-family: 'Manrope';
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      /* identical to box height */

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

      /* Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    }

    .frame_134 {
      /* Frame 134 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 20px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_134_grp {
      /* Checbox + Text */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 55px;
      height: 22px;


      /* Inside auto layout */

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

    }

    .frame_135 {
      /* Frame 134 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 20px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_135_grp {
      /* Checbox + Text */

      margin-left: 10px;

      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 30px;
      height: 22px;


      /* Inside auto layout */

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

    }


    .filter_txt {
      /* Les filtres */


      width: 92px;
      height: 24px;

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

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

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .filter_metier_sous_block {
      /* Filter */

      cursor: pointer;
      box-sizing: border-box;

      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 10px;
      gap: 10px;

      width: 95%;
      height: 70px;

      /* White */

      background: #FFFFFF;
      border: 1px solid #DFDFDF;
      border-radius: 4px;

      /* Inside auto layout */

      flex: none;
      flex-grow: 0;

    }

    .filter_metier_sous_block_content {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 12px;

      width: 180px;
      height: 40px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_content_radio {

      /* Radio Button */


      width: 24px;
      height: 24px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_content_txt {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 144px;
      height: 40px;



      /* Inside auto layout */

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

    }

    .filter_metier_sous_block_content_txt_formation {
      width: 144px;
      height: 22px;
      margin-top: 10px;
      text-align: left;
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      /* identical to box height */


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    }

    .filter_metier_sous_block_content_txt_nb {
      width: 85px;
      height: 14px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;

      /* Deep Blue */

      color: #0A043C;

      opacity: 0.7;

      /* Inside auto layout */

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


    .filter_metier_sous_block_plus_metier {
      /* Icon + Title */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 233px;
      height: 24px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_plus_metier_1 {
      border: #0A043C solid;
      width: 24px;
      height: 24px;

      cursor: pointer;
      /* Inside auto layout */

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

    .filter_metier_sous_block_plus_metier_2 {
      width: 201px;
      height: 22px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 15px;
      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: 1;
      flex-grow: 0;
    }


    .block_actualite {
      /* Actualité */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      position: absolute;
      width: 100%;
      height: 549px;
      //left: 72px;
      top: 4550px;
      display: none;
    }

    .block_actualite_sous_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      width: 100%;
      height: 453px;


      /* Inside auto layout */

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

    }

    .block_actualite_sous_block_text {
      width: 261px;
      height: 48px;

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

      text-align: center;
      letter-spacing: -1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .block_list_actu {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 90%;
      height: 365px;


      /* Inside auto layout */

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



    }

    .block_list_actu_actu1 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 23px;

      width: 32%;
      height: 364px;


      /* Inside auto layout */

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

    .block_list_actu_actu1_img {
      width: 100%;
      height: 250px;

      background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      //border: #0A043C solid 1px;
    }

    .block_list_actu_actu1_date_text {
      /* Date + Title */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px 0px 0px 8px;
      gap: 8px;

      //width: 344px;
      height: 91px;


      /* Inside auto layout */

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

    .block_list_actu_actu1_date_text_date {
      width: 152px;
      height: 19px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 19px;
      text-transform: uppercase;

      /* Blue */

      color: #3E6EE3;


      /* Inside auto layout */

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

    .block_list_actu_actu1_date_text_txt {

      height: 64px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: medium;
      line-height: 32px;
      /* or 133% */

      letter-spacing: -0.3px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .pieddepage_v2 {
      position: relative;
      width: 100%;
      //height: 450px;
      left: 0px;
      //top: 6300px;
      top: 6000px;
      background: #FFF5DA;
      z-index: -1;
    }

    .bton_tout_nos_article {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 13px 26px;
      gap: 10px;

      width: 299px;
      height: 56px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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

    .bton_tout_nos_article_account_box {
      display: none;
      width: 24px;
      height: 24px;


      /* Inside auto layout */

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

    }

    .bton_tout_nos_article_txt {
      //width: 156px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    }

    .block_partner {
      /* Partner Block */


      /* Auto layout */

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

      position: absolute;
      width: 95%;
      height: 386px;
      //top: 5100px;
      top: 4750px;

      /* White */

      background: #FFFFFF;
      /* Shadow 01 */

      box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
      border-radius: 8px;

    }

    .block_partner_sous_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 24px;

      width: 100%;
      height: 306px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 16px;

      width: 100%;
      height: 226px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc_logo {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 4px;

      width: 160px;
      height: 76px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc_desc {
      width: 600px;
      height: 48px;

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

      text-align: center;
      letter-spacing: -1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .block_partner_sous_block_txt {
      width: 100%;
      height: 72px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      /* or 150% */

      text-align: center;
      font-feature-settings: 'liga' off;

      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .block_partner_sous_block_buton {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 13px 26px;
      gap: 10px;

      width: 299px;
      height: 56px;

      /* Green */

      background: #20BFA9;
      border-radius: 8px;

      /* Inside auto layout */

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

    .logo_not_absolut {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 108px;
      height: 52px;
      left: 72px;
      top: 52px;
    }

    .block_partner_sous_block_logo_desc_desc2 {
      width: 100%;
      height: 72px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      /* or 150% */

      text-align: center;
      font-feature-settings: 'liga' off;

      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .domaine_icone {
      margin-top: 5px;
      width: 10%;
    }

    .domaine_icone_fa {
      margin-top: 5px;
      width: 5%;
      cursor: pointer;
    }


    .fron_search {
      border: none;
      font-size: medium;
      padding-right: 5px;
    }

    .service1_img {
      //position: absolute;
      //width: 76px;
      //height: 76px;
      left: 0px;
      top: 0px;

      background: #D6EBE4;
      opacity: 1;
      border-radius: 1rem;
      margin-top: 1rem;
      display: none;
    }

    .service1_title_desc {
      /* Title + Description */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 100%;
      height: 116px;


      /* Inside auto layout */

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

    .service1_title {

      width: 100%;
      //height: 32px;
      text-align: left;
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      //line-height: 32px;
      /* identical to box height, or 133% */

      letter-spacing: 0.3px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .service1_desc {
      //width: 260px;
      text-align: left;
      height: 80px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      width: 100%;
      /* or 143% */


      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .img_service {
      width: 100%;
      height: 4rem;
      border-radius: 1rem;
    }

    .forma_et_tuto {
      width: 99%;
      margin-left: 5px;
      height: 80px;
      padding-top: 10px;

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

      text-align: center;
      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      background: #F7F7F7;
    }

    .forma_et_tuto_mobile {
      display: none;
    }

    .cta_publication {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 2px 2px;
      gap: 5px;

      width: 120px;
      height: 56px;

      /* Deep Blue */

      background: red;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
      text-transform: uppercase;
      color: white;
      font-weight: normal;
      font-size: 12px;
    }

    .cta_hebergement {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 2px 2px;
      gap: 5px;

      width: 120px;
      height: 56px;

      /* Deep Blue */

      background: rebeccapurple;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
      text-transform: uppercase;
      color: white;
      font-weight: normal;
      font-size: 12px;
    }

    .search_bar_2 {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px 5px 0px 5px;
      gap: 1px;

      width: 100%;
      height: 10px;


      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      margin-bottom: 2rem !important;
      text-align: left;
      padding-left: 1rem;

    }

    .bton_ensavoir_plus {
      border-radius: 5rem;
      font-size: medium;
      background: #81BC3A !important;
      text-align: center;
      height: 2.5rem;
      width: 100%;
      color: white;
      margin-left: 10px;
      margin-right: 10px;
      padding-top: 10px;
      cursor: pointer;
    }

    .mode_affichage {
      width: 15%;
      float: right;
      cursor: pointer;

    }

    .display_grid_list_bton {
      display: none;
    }

    .view_grid {}


    .indicateurs_data {
      position: fixed;
      left: 65%;
      top: 4rem;
      width: auto;
    }

    .bloc_logo_indic {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 1rem;

    }

    .bloc_logo_indic_logo {
      width: 60%;
      float: left;
      text-align: left;
    }



    .bloc_logo_indic_contact {
      width: 18%;
      float: right;
      text-align: right;
    }



    .bloc_logo_indic {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 1rem;

    }

    .bloc_logo_indic_logo {
      width: 50%;
      float: left;
      text-align: left;
    }



    .bloc_logo_indic_contact {
      width: 18%;
      float: right;
      text-align: right;
    }


    .bloc_logo_indic_indic {
      width: 18%;
      float: left;
    }


    .bloc_milieu {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 10rem;
    }

    .bloc_img_milieu_gauche {
      width: 48%;
      float: right;
      text-align: right;
    }

    .bloc_connexion {
      width: 100%;
      float: left;
      min-height: 40vh;
      margin-top: 30rem;
    }

    .bloc_milieu_text {
      width: 100%;
      float: left;
      text-align: left;
    }

    .bloc_logo_indic_contact_text {
      text-align: left;
      font-weight: 700;
    }


    .bloc_logo_indic_indic_text {
      text-align: left;
      font-weight: 700;
    }
   /*** Pour le modele 2 - MySy_Theme2 **/

   .bloc_milieu_model_2 {
    min-height: 5rem;
    width: 90%;
    margin-left: 5%;
    float: left;
    position: absolute;
    top: 10rem;
  }


  .bloc_milieu_text_model_2 {
    width: 100%;
    float: left;
    text-align: center;
  }

  .title1_nom_model_2 {

    width: 100%;
    text-align: center;
    height: 150px;

    font-family: 'Albert Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    /* or 107% */

    letter-spacing: 1px;

    /* Deep Blue */

    color: #0A043C;


    /* Inside auto layout */

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

  .title2_model_2 {
    
  }

  .bloc_img_milieu_gauche {
    display: none;
  }

  .Partner_Catalog_Background_Header_model_2 {
    //  position: absolute;
    width: 100%;
    height: 380px;
    left: 0px;
    top: 0px;
  }

  .bloc_logo_indic_model_2 {
    min-height: 5rem;
    width: 90%;
    margin-left: 5%;
    float: left;
    position: absolute;
    top: 1rem;

  }

  .bloc_logo_indic_logo_model_2 {
    width: 60%;
    float: left;
    text-align: left;
  }


  .bloc_logo_indic_contact_model_2 {
    width: 18%;
    float: right;
    text-align: right;
  }


  .bloc_logo_indic_indic_model_2 {
    width: 18%;
    float: left;
  }

  .bloc_logo_indic_contact_text_model_2 {
    text-align: left;
    font-weight: 700;
  }


  .bloc_logo_indic_indic_text_model_2 {
    text-align: left;
    font-weight: 700;
  }

  
  .bloc_milieu_text_model_2_gauche{
    width: 19%;
    float: left;

  }

  .bloc_milieu_text_model_2_centre{
    width: 60%;
    float: left;
  }

  .bloc_milieu_text_model_2_droite{
    width: 20%;
    float: right;
  }
  .title1_text1_model_2  {

  }

  .bloc_connexion_model_2 {
    width: 100%;
    float: left;
    min-height: 60vh;
    margin-top: 3rem;
  }

}

  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /*style grande tablettes & Pc portable */

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

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

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

    .align_gauche {
      margin-left: 0rem;
      width: 100%;
      float: right;
      text-align: left;
      font-family: "DM Sans", "sans-serif";
      font-size: small;
    }

    .recherchefilter {
      display: none;
    }

    .okUpdateData {
      font-size: small;
      color: green;
      font-style: italic;
    }

    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }

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

    .rech_leftbox {
      float: left;
      //border: 0px solid black;
      border-width: 1px;
      width: 35%;
      height: 100%;
      padding: 0.1rem;
      border-radius: 1rem;
      //margin-top: 1rem !important;
      margin-bottom: 0.1rem;
      font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
      background: white;
      margin-left: 5px;
      //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
      //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
      margin-top: 0.5rem;
      padding-left: 5px;
    }

    .rech_middlebox {
      float: left;
      border-width: 2px;
      width: 64%;
      height: 100%;
      margin: auto;
      padding: 0rem;
      border-radius: 30px;
      margin-right: 0%;
      padding-left: 1rem;
      padding-right: 10px;
      //background-color: #f8f9f9;
      //overflow-y: scroll;
    }

    .rech_rightbox {
      /* float: right;
      //border: 0px solid black;
      border-width: 0px;
      width: 20%;
      height: 100%;
      margin: auto;
      padding: 0px;
      border-radius: 0px;
      margin-right: 0%;
      overflow-y: scroll;
      padding-top: 0.5rem;*/
      display: none;
    }

    .rech_rightbox .button2 {
      opacity: 1;
      background: #619e31;
      border: 1px;
      outline: 0;
      border-bottom: 2px solid transparent;
      color: white;
      font-size: medium !important;
      border-radius: 1rem;
      margin: 0px;
      padding: 0px;
      text-align: center;
      margin-bottom: 0.5rem;
    }

    .rech_rightbox_inside {
      float: left;
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 0px;
      border-radius: 0px;
      margin-right: 0%;
      overflow-y: scroll;
      height: 800px;
      font-family: "DM Sans", "sans-serif";
      font-size: medium;
      padding-right: 5px;
      margin-right: 5px;
    }

    .textsurimage {
      color: rgb(218, 207, 207);
      background-color: transparent;
      font-size: 40pt;
      text-align: center;
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
    }

    .rech_list_formation2 {
      display: inline-block;
      width: 100%;
      height: auto;
      padding: 1px;
      outline: 1px solid #ccc;
      //border: 1px solid #999;
      margin: 0;
      text-align: left;
      border-radius: 10px;
      margin-bottom: 10px;
      background-color: white;
      //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);

      -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
      box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
    }

    .rech_list_formation2:hover {
      -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
      box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
    }

    .textsurimage23 {
      color: rgb(218, 207, 207);
      background-color: transparent;
      text-align: center;
      position: absolute;
      top: 20%;
      left: 30%;
      width: 30rem;
    }

    .form-input {
      border-radius: 10rem;
      height: 2.8rem;
      font-size: medium;
      line-height: 1.5;
      margin-bottom: 4px;
      color: white;
      border: 2px solid white;
      background: transparent;
      box-shadow: none;
    }

    h4 {
      display: inline-block;
      font-size: x-large;
      /*or whatever you want*/
      color: white;
    }

    .default_font {
      color: #3c4043;
      display: inline-block;
      line-height: 28px;
      font-size: medium;
    }

    .form {
      font-size: medium;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 0.5rem;
      position: relative;
      margin-top: 1rem;
      z-index: 11;
      display: flex;
    }

    .form span {
      position: absolute;
      right: 0.2rem;
      top: 0.1rem;
      padding: 2px;
      border-left: 0.2rem solid white;
      height: 2.7rem;
    }

    form svg {
      margin-top: 0.8rem !important;
      cursor: pointer;
    }

    .form span_clear {
      position: absolute;
      right: 1.5rem !important;
      top: 0.1rem !important;
      padding: 2px;
      border-left: 0.2rem solid white !important;
      height: 2.7rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .left-pan {
      padding-left: 7px;
    }

    .left-pan i {
      padding-left: 10px;
    }

    .containerBox {
      position: relative;
      display: inline-block;
      margin-top: 0.5rem;
    }

    .text-box {
      position: absolute;
      height: 100%;
      text-align: center;
      width: 100%;
    }

    .text-box:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .img_logo {
      display: block;
      height: auto;
      margin-left: 0px;
      margin-right: auto;
      max-width: 20%;
      max-height: 3rem;
    }


    .form-select {
      height: 2.5rem !important;
      border-radius: 0px;
      font-size: small;
    }


    .mb-3 {
      margin-bottom: 0.5rem !important;
      font-size: small !important;
      cursor: pointer;
    }

    .input-group-text {
      font-size: 0.8rem !important;
      padding-left: 0px !important;
    }

    .filter_span {
      padding-top: 0.5rem;
      padding-bottom: auto;
      word-break: break-word;
      margin-right: 0.5rem;
      color: #107758;
      font-size: 0.9rem;
      white-space: nowrap;
      width: 30%;
      margin-top: 0.6rem;
    }

    .filter_val {
      padding-top: 0.1rem;
      padding-bottom: auto;
      word-break: break-word;
      margin-right: 0.5rem;
      font-size: 0.75rem;
      white-space: nowrap;
      border: none;
      background: transparent;
      color: #3b3e40;
      font-family: "DM Sans", "sans-serif";
      border: 0.1rem solid black;
      border-radius: 0.3rem !important;
      width: 65%;
      margin-top: 0.3rem;
      margin-right: 0px;
    }

    .text_head {
      color: white;
      font-family: "verdana", "Quicksand", "Signika", "sans-serif";
      font-size: 1.1rem;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }

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

      z-index: 10;
      min-height: 30rem;
    }

    .div_row_haut {
      float: left;
      //border:1px solid black;
      //border-width: 0.01rem;
      width: 100%;
      //border-radius: 1rem;
      background-color: #3b3e40;
      z-index: 10;
    }

    .div_row_bas {
      float: right;
      width: 100%;
      min-height: 100%;
      height: 30rem;

      background-color: #e7f3fb;
      z-index: 10;
      background: url("../../mysy_img/mysy_home.jpg") no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      //border-bottom-left-radius: 25px;
      //border-bottom-right-radius: 25px;
    }

    .div_mobile {
      z-index: -1;
      width: 100%;
      height: 100%;
    }

    .pieddepage {
      z-index: 50;
      width: 100%;
      float: left;
      color: white !important;
      margin-top: 5rem;
    }

    .menuPrincipal_bton {
      margin-left: 0.9rem;
      font-family: "Quicksand", "Signika", "sans-serif";
      color: white;
      float: right;
      cursor: pointer;
      text-align: right;
      font-size: small;
      border: 2px solid transparent;
      white-space: nowrap;
      text-transform: uppercase;
    }

    .menuPrincipal {
      margin-left: 0.8rem;
      font-family: "Quicksand", "Signika", "sans-serif";
      color: white;
      float: right;
      cursor: pointer;
      text-align: right;
      font-size: small;
      border: 2px solid transparent;
      white-space: nowrap;
      text-transform: uppercase;
      padding-top: 0.2rem;
    }

    .menuPrincipal:hover {
      color: #81bc3a;
      padding-left: 0;
      transition: color 0.3s linear;
      letter-spacing: 0.1rem;
      text-decoration: solid;
      text-underline-offset: 3px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      text-decoration: underline;
    }

    .div_001 {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }

    .div_002 {
      float: left;
      width: 50%;
      text-align: left;
    }

    .div_003 {
      float: left;
      width: 50%;
      text-align: right;
      color: white;
    }

    .div_004 {
      color: white;
      width: 100%;
      height: 0.1rem;
      opacity: 100%;
      margin-left: auto;
      margin-right: auto;
      float: left;
      margin: 0.2rem;
    }

    .div_005 {
      width: 100%;
      float: left;
    }

    .hilightsoustitre {
      background: #113459;
      color: #fff;
      display: block;
      font-size: 0.9rem;
      margin-bottom: 0.5rem;
      letter-spacing: 0.15rem;
    }

    .hilightsoustitre_v2 {
      color: #3b3e40;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      background: #e9ecef;
      border-radius: 5px;
      background: #113459;
      color: #fff;
      margin-top: 0.5rem;
      letter-spacing: 2px;
      height: 2rem;
      padding-top: 5px;
    }

    .hilightsoustitre_v2_metier {
      color: #3b3e40;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      background: #e9ecef;
      border-radius: 5px;
      background: #113459;
      color: #fff;
      letter-spacing: 2px;
      margin-top: 3rem;
      height: 2rem;
      padding-top: 5px;
    }

    .tab_gauche {
      width: 50%;
      float: left;
      text-align: left;
    }

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

    .tab_gauche_metier {
      width: 48%;
      float: left;
      text-align: left;
    }

    .tab_droite_metier {
      width: 48%;
      float: right;
      text-align: right;
    }

    .img_thematique_metier {
      display: block;
      border-radius: 10rem;
      max-width: 360px;
    }

    .met_polaroid_gauche {
      width: 95%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 12px;
    }

    .met_polaroid_gauche:hover {
      transition-duration: 0.5s;
      transform: scale(1.1);
      box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
    }

    .met_polaroid_droite {
      width: 100%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 12px;
    }

    .met_polaroid_droite:hover {
      transition-duration: 0.5s;
      transform: scale(1.1);
      box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
    }

    .met_container {
      text-align: center;
      padding: 1px 2px;
      letter-spacing: 2px;
      font-size: small;
      color: #3b3e40;
      font-weight: bold;
    }

    .met_text {
      margin-bottom: 0.1rem;
      font-size: small;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      font-weight: bold;
    }

    .met_text_larg {
      margin-bottom: 0.1rem;
      font-size: xx-small;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
    }

    .met_text_all_categories {
      margin-bottom: 0.1rem;
      font-size: x-small;
      margin-top: 1rem;
    }

    .met_container_all_categories {
      text-align: center;
      padding: 1px 2px;
      letter-spacing: 2px;
      font-size: small;
      color: #3b3e40;
      height: 3rem;
    }

    .met_polaroid_gauche_all_categories {
      width: 100%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 12px;
    }

    .tab_gauche_all_categories {
      width: 100%;
      float: left;
      text-align: left;
    }

    .img_categorie {
      width: 100%;
      border-top-right-radius: 12px;
      border-radius: 12px;
      padding: 5px;
    }

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

    .mymenu_item {
      font-size: 0.7rem !important;
    }

    .MuiMenuItem-root {
      font-size: 0.7rem !important;
    }

    .new_filter_zone {
      float: left;
      width: 35%;
      display: flex;
      align-items: center;
      font-size: small;
      line-height: 1.5;
      color: #212529;
      text-align: center;
      white-space: nowrap;
      background-color: #e9ecef;
      border: 1px solid #ced4da;
    }

    .new_filter_zone_cerif_radio {
      width: 30%;
      float: left;
      text-align: right;
      font-size: smaller;
    }

    .new_filter_zone_cerif_radio_right {
      //width: 30%;
      float: left;
      text-align: left;
      font-size: small;
      padding-left: 5px;
    }

    .new_filter_zone_cerif_radio_left {
      //width: 30%;
      float: left;
      text-align: center;
      font-size: small;
      padding-right: 5px;
      padding-left: 2px;
    }

    .new_filter_zone_row {
      width: 100%;
      padding-right: 5px;
    }

    .tick_ok_ko {
      max-width: 50%;
    }

    .new_filter_zone_prix {
      margin-top: 0.7rem;
      margin-bottom: 0.7rem;
      padding-right: 10px;
    }

    .middle {
      color: white;
      font-family: "verdana", "Quicksand", "Signika", "sans-serif";
      font-size: 1.2rem;

      margin-left: auto;
      margin-right: auto;
      padding-top: 15%;
    }

    input::placeholder {
      color: white;
    }

    .bienvenu {
      font-family: "DM Sans", "sans-serif";
      font-size: large;
      color: white;
    }

    .categorie {
      padding-top: 15%;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
    }

    .met_polaroid {
      text-align: center;
      margin-top: 9rem;
    }

    .met_polaroid_line2 {
      text-align: center;
      margin-top: 1rem;
    }

    .img_categorie_v2 {
      border-radius: 5px;
      background: white;
      min-width: 3rem;
      width: 8rem;
      font-size: smaller;
      border: 2px solid black;
      box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
      cursor: pointer;
      outline: none;
      transition: 0.2s all;
      margin-right: 1rem;
    }

    .img_categorie_v2:active {
      transform: scale(1.1);
      /* Scaling button to 0.98 to its original size */
      box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
      /* Lowering the shadow */
    }

    .img_categorie_v2:hover {
      transform: scale(1.1);
      /* Scaling button to 0.98 to its original size */
      box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
      /* Lowering the shadow */
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
      transition: background-color 5000000s ease-in-out 0s;
    }

    .calage {
      display: none;
    }

    .tab_logo_metier {
      width: 100%;
      padding-left: 5px;
      box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
      padding-left: 10px;
      border-radius: 10px;
      float: left;
      padding-bottom: 0.5rem;
      padding-top: 10px;
    }


    .tab_critere_espace {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 16px;
      gap: 10px;

      width: 100%;
      //height: 1110px;

      /* White */

      background: #FFFFFF;
      border-radius: 8px;

      /* Inside auto layout */

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

    .block_nos_service {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 10px;

      position: absolute;
      width: 97%;
      height: 204px;
      left: 20px;
      top: 510px;
      background: white;

    }

    .block_nos_formation {
      //display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      position: absolute;
      width: 96%;
      //height: 2574px;
      left: 2%;
      top: 550px;
    }

    .logo {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      position: absolute;
      width: 108px;
      height: 52px;
      left: 72px;
      top: 52px;
    }

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

      position: absolute;
      width: 843px;
      height: 56px;
      right: 5px;
      top: 50px;
    }

    .Header_Content {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      isolation: isolate;

      position: absolute;
      width: 95%;
      height: 367px;
      left: 5%;
      top: 156px;
    }

    .Background_Header {
      position: absolute;
      width: 100%;
      height: 452px;
      left: 0px;
      top: 0px;

      /* Beige */

      background: #FFF5DA;

    }

    .Partner_Catalog_Background_Header {
      position: absolute;
      width: 100%;
      height: 452px;
      left: 0px;
      top: 0px;

    }

    .Logo_MySy {
      width: 108px;
      height: 36px;


      /* Inside auto layout */

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

    .training {

      width: 108px;
      height: 12px;

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

      letter-spacing: 0.83em;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .header_menu {
      /* Les formations */
      cursor: pointer;
      height: 17px;

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


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      flex-grow: 0;
    }

    .bar_vert {

      width: 1px;
      height: 24px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 10px;

      /* Inside auto layout */

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

    .cta1 {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;

      width: 288px;
      height: 56px;


      /* Inside auto layout */

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

    }

    .cta2 {
      box-sizing: border-box;

      /* Auto layout */

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

      width: 126px;
      height: 56px;

      /* Deep Blue */

      border: 1px solid #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .cta3 {
      /* Auto layout */

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

      width: 154px;
      height: 56px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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


    }


    .minscrire {
      cursor: pointer;
      //width: 74px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 30px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    }

    .meconnecter {
      cursor: pointer;
      //width: 102px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 30px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    }

    .rectangle_8 {
      /* Rectangle 8 */


      position: absolute;
      width: 500px;
      height: 400px;
      //left: 596px;
      right: 1rem;
      top: 0px;

      background: url("../../mysy_img2/img_header.png") no-repeat;
      filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05));
      border-radius: 8px;

      /* Inside auto layout */

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

    .content_search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 900px;
      height: 367px;


      /* Inside auto layout */

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

    .title_desc_header {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 636px;
      height: 230px;


      /* Inside auto layout */

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

    .title1 {
      width: 60%;
      text-align: left;
      height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 40px;
      line-height: 44px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title1_nom {
      width: 100%;
      text-align: left;
      height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 40px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title1_text1 {
      width: 100%;
      text-align: left;
      height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 30px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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


    .title2 {
      width: 60%;
      text-align: left;
      height: 22px;

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


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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


    .search_bar_h {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 100%;
      height: 113px;


      /* Inside auto layout */

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

    .search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px 2px 0px 4px;
      gap: 72px;

      width: 100%;
      height: 80px;

      /* White */

      background: #FFFFFF;
      box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .frame_153 {
      /* Frame 153 */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px 27px;
      gap: 10px;

      width: 100%;
      height: 17px;


      /* Inside auto layout */

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

    .frame_153_txt {
      width: 50%;
      height: 17px;
      text-align: left;

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

      display: flex;
      align-items: center;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .input_search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 5px;

      width: 80%;
      height: 80px;


      /* Inside auto layout */

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

    .cta_recherche {
      cursor: pointer;
      /* Auto layout */

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

      width: 142px;
      height: 56px;

      /* Green */

      background: #20BFA9;
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .cta_recherche_txt {
      width: 90px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 17px;
      line-height: 30px;
      /* identical to box height, or 176% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    .search_dropdown {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 2px;

      //width: 211px;
      height: 24px;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      width: 30%;

    }

    .search_bar_rectangle {
      width: 1px;
      height: 80px;

      background: rgba(0, 0, 0, 0.08);

      /* Inside auto layout */

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

    }

    .search_text {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 93%;
      height: 32px;


      /* Inside auto layout */

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

    .nos_serv_background {
      position: absolute;
      width: 1440px;
      height: 436px;
      left: 0px;
      top: 452px;

      /* White */

      background: #FFFFFF;
    }

    .nos_serv_txt {
      width: 227px;
      height: 28px;

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

      text-align: center;
      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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


    .nos_serv_list {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 0px;
      gap: 56px;

      width: 95%;
      height: 116px;


      /* Inside auto layout */

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

    .nos_serv_serv1 {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 32%;
      height: 116px;


      /* Inside auto layout */

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

    .nos_serv_serv2 {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 32%;
      height: 116px;


      /* Inside auto layout */

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

    .nos_serv_serv3 {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 32%;
      height: 116px;


      /* Inside auto layout */

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

    .block_filter {
      /* Block Filters */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 16px;
      gap: 24px;

      width: 309px;
      height: 1110px;

      /* White */

      background: #FFFFFF;
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .block_list_formation {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      width: 947px;
      height: 2486px;


      /* Inside auto layout */

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

    .sous_filter {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;


      /* Inside auto layout */

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

      margin-bottom: 3rem;
    }

    .sous_filter_metier {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;



      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      width: 100%;
    }

    .sous_filter_txt {
      /* Les filtres */


      //      width: 92px;
      height: 24px;

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

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

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .sous_filter_separator {
      width: 277px;
      height: 0px;

      opacity: 0.08;
      /* Deep Blue */

      border: 1px solid #0A043C;

      /* Inside auto layout */

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

    .sous_filter_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 12px;

      width: 277px;
      height: 494px;


      /* Inside auto layout */

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

    .sous_mertier {
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 277px;
      height: 496px;


      /* Inside auto layout */

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

    .filter_valeur {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 100%;
      height: 71px;


      /* Inside auto layout */

      flex: none;
      flex-grow: 0;
    }

    .filter_valeur_txt {
      /* Eligible CPF */


      //width: 78px;
      letter-spacing: 2px;
      height: 19px;

      font-family: 'Manrope';
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 19px;
      display: flex;
      align-items: center;
      font-feature-settings: 'liga' off;

      /* Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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


    .filter_valeur_block_val {
      /* List Checkbox */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;

      width: 100%;
      height: 48px;


      /* Inside auto layout */

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

    .frame_133 {
      /* Frame 133 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 90px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_133_grp {
      /* Checbox + Text */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 50px;
      height: 22px;


      /* Inside auto layout */

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

    .frame_133_grp_radio {
      /* Radio Button */

      cursor: pointer;
      width: 16px;
      height: 16px;


      /* Inside auto layout */

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

    .frame_133_grp_txt {
      /* Oui */


      width: 26px;
      height: 22px;

      font-family: 'Manrope';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      /* identical to box height */

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

      /* Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    }

    .frame_134 {
      /* Frame 134 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 90px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_134_grp {
      /* Checbox + Text */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 55px;
      height: 22px;


      /* Inside auto layout */

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

    }

    .frame_135 {
      /* Frame 134 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 50px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_135_grp {
      /* Checbox + Text */

      margin-left: 10px;

      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 30px;
      height: 22px;


      /* Inside auto layout */

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

    }


    .filter_txt {
      /* Les filtres */


      width: 92px;
      height: 24px;

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

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

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .filter_metier_sous_block {
      /* Filter */

      //cursor: pointer;
      box-sizing: border-box;

      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 16px;
      gap: 10px;

      width: 90%;
      height: 72px;

      /* White */

      background: #FFFFFF;
      border: 1px solid #DFDFDF;
      border-radius: 4px;

      /* Inside auto layout */

      flex: none;
      flex-grow: 0;

    }

    .filter_metier_sous_block_content {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 12px;

      width: 180px;
      height: 40px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_content_radio {

      /* Radio Button */


      width: 24px;
      height: 24px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_content_txt {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 144px;
      height: 40px;



      /* Inside auto layout */

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

    }

    .filter_metier_sous_block_content_txt_formation {
      width: 144px;
      height: 22px;

      text-align: left;
      margin-top: 10px;
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      /* identical to box height */


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    }

    .filter_metier_sous_block_content_txt_nb {
      width: 85px;
      height: 14px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;

      /* Deep Blue */

      color: #0A043C;

      opacity: 0.7;

      /* Inside auto layout */

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


    .filter_metier_sous_block_plus_metier {
      /* Icon + Title */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 233px;
      height: 24px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_plus_metier_1 {
      border: #0A043C solid;
      width: 24px;
      height: 24px;

      cursor: pointer;
      /* Inside auto layout */

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

    .filter_metier_sous_block_plus_metier_2 {
      width: 201px;
      height: 22px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      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: 1;
      flex-grow: 0;
    }


    .block_actualite {
      /* Actualité */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      position: absolute;
      width: 100%;
      height: 549px;
      //left: 72px;
      top: 4450px;
      display: none;
    }

    .block_actualite_sous_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      width: 100%;
      height: 453px;


      /* Inside auto layout */

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

    }

    .block_actualite_sous_block_text {
      width: 261px;
      height: 48px;

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

      text-align: center;
      letter-spacing: -1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .block_list_actu {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 95%;
      height: 365px;


      /* Inside auto layout */

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



    }

    .block_list_actu_actu1 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 23px;

      width: 32%;
      height: 364px;


      /* Inside auto layout */

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

    .block_list_actu_actu1_img {
      width: 100%;
      height: 250px;

      background: url(https://img.mysy-training.com/img_actu1.png), #D9D9D9 no-repeat;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      //border: #0A043C solid 1px;
    }

    .block_list_actu_actu1_date_text {
      /* Date + Title */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px 0px 0px 8px;
      gap: 8px;

      //width: 344px;
      height: 91px;


      /* Inside auto layout */

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

    .block_list_actu_actu1_date_text_date {
      width: 152px;
      height: 19px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 19px;
      text-transform: uppercase;

      /* Blue */

      color: #3E6EE3;


      /* Inside auto layout */

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

    .block_list_actu_actu1_date_text_txt {

      height: 64px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: medium;
      line-height: 32px;
      /* or 133% */

      letter-spacing: -0.3px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .pieddepage_v2 {
      position: relative;
      width: 100%;
      //height: 450px;
      left: 0px;
      //top: 6200px;
      top: 5850px;
      background: #FFF5DA;
      z-index: -1;

    }

    .bton_tout_nos_article {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 13px 26px;
      gap: 10px;

      width: 299px;
      height: 56px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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

    .bton_tout_nos_article_account_box {
      display: none;
      width: 24px;
      height: 24px;


      /* Inside auto layout */

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

    }

    .bton_tout_nos_article_txt {
      //width: 156px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    }

    .block_partner {
      /* Partner Block */


      /* Auto layout */

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

      position: absolute;
      width: 90%;
      height: 386px;
      left: 72px;
      //top: 5000px;
      top: 4650px;

      /* White */

      background: #FFFFFF;
      /* Shadow 01 */

      box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
      border-radius: 8px;

    }

    .block_partner_sous_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 24px;

      width: 858px;
      height: 306px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 16px;

      width: 858px;
      height: 226px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc_logo {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 4px;

      width: 160px;
      height: 76px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc_desc {
      width: 600px;
      height: 48px;

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

      text-align: center;
      letter-spacing: -1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .block_partner_sous_block_txt {
      width: 858px;
      height: 72px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      /* or 150% */

      text-align: center;
      font-feature-settings: 'liga' off;

      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .block_partner_sous_block_buton {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 13px 26px;
      gap: 10px;

      width: 299px;
      height: 56px;

      /* Green */

      background: #20BFA9;
      border-radius: 8px;

      /* Inside auto layout */

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

    .logo_not_absolut {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 108px;
      height: 52px;
      left: 72px;
      top: 52px;
    }

    .block_partner_sous_block_logo_desc_desc2 {
      width: 858px;
      height: 72px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      /* or 150% */

      text-align: center;
      font-feature-settings: 'liga' off;

      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .domaine_icone {
      margin-top: 5px;
    }

    .domaine_icone_fa {
      margin-top: 5px;
      margin-right: 5px;
      cursor: pointer;
    }

    .fron_search {
      border: none;
      font-size: medium;
      padding-right: 5px;
    }

    .service1_img {
      //position: absolute;
      //width: 76px;
      //height: 76px;
      left: 0px;
      top: 0px;

      background: #D6EBE4;
      opacity: 1;
      border-radius: 1rem;
      margin-top: 1rem;
    }

    .service1_title_desc {
      /* Title + Description */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 60%;
      height: 116px;


      /* Inside auto layout */

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

    .service1_title {

      width: 100%;
      height: 62px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 25px;
      /* identical to box height, or 133% */

      letter-spacing: 0.3px;
      text-align: left;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .service1_desc {
      //width: 260px;
      text-align: left;
      height: 80px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      /* or 143% */


      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .img_service {
      width: 100%;
      height: 4rem;
      border-radius: 1rem;
    }

    .forma_et_tuto {
      width: 99%;
      margin-left: 5px;
      height: 80px;
      padding-top: 10px;

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

      text-align: center;
      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      background: #F7F7F7;
    }

    .forma_et_tuto_mobile {
      display: none;
    }

    .cta_publication {
      /* Auto layout */

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

      width: 130px;
      height: 56px;

      /* Deep Blue */

      background: red;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
      text-transform: uppercase;
      color: white;
      font-size: 12px;
      font-weight: 600;
    }


    .cta_hebergement {
      /* Auto layout */

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

      width: 130px;
      height: 56px;

      /* Deep Blue */

      background: rebeccapurple;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
      text-transform: uppercase;
      color: white;
      font-size: 12px;
      font-weight: 600;
    }

    .search_bar_2 {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px 2px 0px 4px;
      gap: 1px;

      width: 100%;
      height: 10px;


      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      margin-bottom: 2rem !important;
      text-align: left;
      padding-left: 1rem;

    }

    .bton_ensavoir_plus {
      border-radius: 5rem;
      font-size: medium;
      background: #81BC3A !important;
      text-align: center;
      height: 2.5rem;
      width: 90%;
      color: white;
      margin-left: 10px;
      margin-right: 10px;
      padding-top: 10px;
      cursor: pointer;
    }

    .mode_affichage {
      width: 12%;
      float: right;
      cursor: pointer;

    }

    .display_grid_list_bton {
      width: 10%;
      float: left;
    }

    .view_grid {
      width: 48% !important;
      float: left !important;
      margin-right: 2%;
    }


    .indicateurs_data {
      position: fixed;
      left: 65%;
      top: 4rem;
      width: auto;
    }


    .bloc_logo_indic {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 1rem;

    }

    .bloc_logo_indic_logo {
      width: 60%;
      float: left;
      text-align: left;
    }



    .bloc_logo_indic_contact {
      width: 18%;
      float: right;
      text-align: right;
    }


    .bloc_logo_indic_indic {
      width: 18%;
      float: left;
    }


    .bloc_milieu {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 10rem;
    }

    .bloc_img_milieu_gauche {
      width: 48%;
      float: right;
      text-align: right;
    }

    .bloc_connexion {
      width: 100%;
      float: left;
      min-height: 40vh;
      margin-top: 30rem;
    }

    .bloc_milieu_text {
      width: 60%;
      float: left;
      text-align: left;
    }

    .bloc_logo_indic_contact_text {
      text-align: left;
      font-weight: 700;
    }


    .bloc_logo_indic_indic_text {
      text-align: left;
      font-weight: 700;
    }

     /*** Pour le modele 2 - MySy_Theme2 **/

     .bloc_milieu_model_2 {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 10rem;
    }


    .bloc_milieu_text_model_2 {
      width: 100%;
      float: left;
      text-align: center;
    }

    .title1_nom_model_2 {
      width: 100%;
      text-align: center;
      height: 150px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 40px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title2_model_2 {
      width: 100%;
      text-align: center;
      height: 22px;

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


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .bloc_img_milieu_gauche {
      display: none;
    }

    .Partner_Catalog_Background_Header_model_2 {
      //  position: absolute;
      width: 100%;
      height: 352px;
      left: 0px;
      top: 0px;
    }

    .bloc_logo_indic_model_2 {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 1rem;

    }

    .bloc_logo_indic_logo_model_2 {
      width: 60%;
      float: left;
      text-align: left;
    }


    .bloc_logo_indic_contact_model_2 {
      width: 18%;
      float: right;
      text-align: right;
    }


    .bloc_logo_indic_indic_model_2 {
      width: 18%;
      float: left;
    }

    .bloc_logo_indic_contact_text_model_2 {
      text-align: left;
      font-weight: 700;
    }


    .bloc_logo_indic_indic_text_model_2 {
      text-align: left;
      font-weight: 700;
    }

    
    .bloc_milieu_text_model_2_gauche{
      width: 19%;
      float: left;

    }

    .bloc_milieu_text_model_2_centre{
      width: 60%;
      float: left;
    }

    .bloc_milieu_text_model_2_droite{
      width: 20%;
      float: right;
    }

    .title1_text1_model_2  {
     
    }

    .bloc_connexion_model_2 {
      width: 100%;
      float: left;
      min-height: 50vh;
      margin-top: 3rem;
    }


  }

  @media only screen and (min-width: 1200px) and (max-width: 1919px) {

    /* Ordi de bureau et grands ecrans*/
    .align_gauche {
      margin-left: 0rem;
      width: 100%;
      float: right;
      text-align: left;
      font-family: "DM Sans", "sans-serif";
      font-size: small;
    }

    .recherchefilter {
      display: none;
    }

    .okUpdateData {
      font-size: small;
      color: green;
      font-style: italic;
    }

    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }

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

    .rech_leftbox {
      float: left;
      //border: 0px solid black;
      border-width: 1px;
      width: 24%;
      height: 100%;
      padding: 0.5rem;
      //border-radius: 1rem;
      //margin-top: 1rem !important;
      margin-bottom: 0.1rem;
      font-size: small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
      background: #F7F7F7;
      margin-left: 5px;
      //-webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
      //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
      padding-left: 5px;
    }

    .rech_middlebox {
      float: left;
      border-width: 2px;
      width: 75%;
      height: 100%;
      margin: auto;
      padding: 0rem;
      //border-radius: 30px;
      margin-right: 0%;
      padding-left: 1rem;
      padding-right: 10px;
      background: #F7F7F7;
      //background-color: #f8f9f9;
      //overflow-y:scroll;
    }

    .rech_rightbox {
      /* float: right;
      //border-left: 0px solid black;
      width: 20%;
      height: 100%;
      margin: 0px;
      padding: 0px;
      border-radius: 0px;
      margin-right: 0%;
      height: 100%;
      margin-top: 0.5rem !important;*/
      display: none;
    }

    .rech_rightbox .button2 {
      opacity: 1;
      background: #619e31;
      border: 1px;
      outline: 0;
      border-bottom: 2px solid transparent;
      color: white;
      font-size: medium !important;
      border-radius: 1rem;
      margin: 0px;
      padding: 0px;
      text-align: center;
      margin-bottom: 0.5rem;
    }

    .rech_rightbox_inside {
      float: left;
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 0px;
      border-radius: 0px;
      margin-right: 0%;
      overflow-y: scroll;
      height: 800px;
      font-family: "DM Sans", "sans-serif";
      font-size: small;
      padding-right: 5px;
      margin-right: 5px;
    }

    .textsurimage {
      color: rgb(218, 207, 207);
      background-color: transparent;
      font-size: 40pt;
      text-align: center;
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
    }

    .rech_list_formation2 {
      display: inline-block;
      width: 100%;
      background-color: white;
      height: auto;
      padding: 1px;
      outline: 1px solid #ccc;
      //border: 1px solid #999;
      margin: 0;
      text-align: left;
      border-radius: 10px;
      margin-bottom: 10px;
      background-color: white;
      //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%);

      -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
      box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
    }

    .rech_list_formation2:hover {
      -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
      box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
    }

    .textsurimage23 {
      color: rgb(218, 207, 207);
      background-color: transparent;
      text-align: center;
      position: absolute;
      top: 20%;
      left: 40%;
    }

    h4 {
      display: inline-block;
      font-size: xx-large;
      /*or whatever you want*/
      color: white;
    }

    .default_font {
      color: #3c4043;
      display: inline-block;
      line-height: 28px;
      font-size: medium;
    }

    .form-input {
      border-radius: 10rem;
      height: 3rem;
      font-size: medium;
      line-height: 1.5;
      margin-bottom: 4px;
      color: white;
      border: 2.5px solid white;
      background: transparent;
      box-shadow: none;
    }

    .form {
      font-size: medium;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative;

      z-index: 11;
      height: 3rem;
      display: flex;
    }

    .form span {
      position: absolute;
      right: 0.2rem;
      top: 0.1rem;
      padding: 2px;
      border-left: 0.2rem solid white;
      height: 2.9rem;
    }

    .form span_clear {
      position: absolute;
      right: 1.5rem !important;
      top: 0.1rem !important;
      padding: 2px;
      border-left: 0.2rem solid white !important;
      height: 2.9rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    form svg {
      margin-top: 0.8rem !important;
      cursor: pointer;
    }

    .left-pan {
      padding-left: 7px;
    }

    .left-pan i {
      padding-left: 10px;
    }

    .containerBox {
      position: fixed;
      margin-top: 0.5rem;
      height: 10rem;
      border: 0.2rem solid #0d0e10;
      width: 100%;
      background-color: #999;
    }

    .containerBox0 {
      float: left;
      width: 30%;
    }

    .text_head_droite {
      color: #3b3e40;
      font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
      font-size: small;
      font-weight: bold;
      text-align: right;
    }

    .text_head_gauche {
      color: #3b3e40;
      font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
      font-size: small;
      font-weight: bold;
      text-align: left;
    }

    .text_head {
      color: white;
      font-family: "verdana", "Quicksand", "Signika", "sans-serif";
      font-size: 1.2rem;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }

    .text-box {
      position: absolute;
      height: 100%;
      text-align: center;
      width: 100%;
    }

    .text-box:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .img_logo {
      display: block;
      height: auto;
      margin-left: 0px;
      margin-right: auto;
      max-width: 18%;
      max-height: 3rem;
    }

    .form-select {
      height: 2.5rem !important;
      border-radius: 0px;
      font-size: small;
    }

    .mb-3 {
      margin-bottom: 0.7rem !important;
      font-size: xx-small !important;
      cursor: pointer;
    }

    .input-group-text {
      font-size: x-small !important;
      padding-left: 0px !important;
    }

    .filter_span {
      padding-top: 0.5rem;
      padding-bottom: auto;
      word-break: break-word;
      margin-right: 0.5rem;
      color: #107758;
      font-size: 0.9rem;
      white-space: nowrap;
      width: 30%;
      margin-top: 0.5rem;
    }

    .filter_val {
      padding-top: 0.1rem;
      padding-bottom: auto;
      word-break: break-word;
      margin-right: 0.5rem;
      font-size: 0.9rem;
      white-space: nowrap;
      border: none;
      background: transparent;
      color: #3b3e40;
      font-family: "DM Sans", "sans-serif";
   border: 1px solid #C7C9CE;
      border-radius: 0.3rem !important;
      width: 65%;
      margin-top: 0.3rem;
      margin-right: 0px;
    }

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

      z-index: 10;
      //min-height: 30rem;
    }

    .div_row_haut {
      float: left;
      //border:1px solid black;
      //border-width: 0.01rem;
      width: 100%;
      //border-radius: 1rem;
      background-color: #3b3e40;
      z-index: 10;
    }

    .div_row_bas {
      float: right;
      width: 100%;
      min-height: 100%;
      //height: 35rem;

      background-color: #e7f3fb;
      z-index: 10;
      background: url("../../mysy_img/mysy_home.jpg") no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      //border-bottom-left-radius: 25px;
      //border-bottom-right-radius: 25px;
    }

    .div_mobile {
      z-index: -1;
      width: 100%;
      height: 100%;
    }

    .pieddepage {
      z-index: 50;
      width: 100%;
      float: left;
      color: white !important;
      margin-top: 5rem;
    }

    .menuPrincipal_bton {
      margin-left: 0.9rem;
      font-family: "Quicksand", "Signika", "sans-serif";
      color: white;
      float: right;
      cursor: pointer;
      text-align: right;
      font-size: small;
      border: 2px solid transparent;
      white-space: nowrap;
      text-transform: uppercase;
    }

    .menuPrincipal {
      margin-left: 0.9rem;
      font-family: "Quicksand", "Signika", "sans-serif";
      color: white;
      float: right;
      cursor: pointer;
      text-align: right;
      font-size: small;
      border: 2px solid transparent;
      white-space: nowrap;
      text-transform: uppercase;
      padding-top: 0.2rem;
    }

    .menuPrincipal:hover {
      color: #81bc3a;
      padding-left: 0;
      transition: color 0.3s linear;
      letter-spacing: 0.1rem;
      text-decoration: solid;
      text-underline-offset: 3px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      text-decoration: underline;
    }

    .div_001 {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }

    .div_002 {
      float: left;
      width: 50%;
      text-align: left;
    }

    .div_003 {
      float: left;
      width: 50%;
      text-align: right;
      color: white;
    }

    .div_004 {
      color: white;
      width: 100%;
      height: 0.25rem;
      opacity: 100%;
      margin-left: auto;
      margin-right: auto;
      float: left;
      margin: 0.2rem;
    }

    .div_005 {
      width: 100%;
      float: left;
    }

    .hilightsoustitre {
      background: #113459;
      color: #fff;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      letter-spacing: 0.2rem;
    }

    .hilightsoustitre_v2 {
      color: #3b3e40;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      background: #e9ecef;
      border-radius: 5px;
      background: #113459;
      color: #fff;
      letter-spacing: 2px;
      height: 2rem;
      padding-top: 5px;
    }

    .hilightsoustitre_v2_metier {
      color: #3b3e40;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      background: #e9ecef;
      border-radius: 5px;
      background: #113459;
      color: #fff;
      letter-spacing: 2px;
      margin-top: 4rem;
      height: 2rem;
      padding-top: 5px;
    }

    .tab_gauche {
      width: 50%;
      float: left;
      text-align: left;
    }

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

    .tab_gauche_metier {
      width: 30%;
      float: left;
      text-align: left;
      margin-right: 2%;
      max-width: 30% !important;
      min-width: 30% !important;
    }

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

    .img_thematique_metier {
      display: block;
      border-radius: 10rem;
      max-width: 360px;
    }

    .met_polaroid_gauche {
      width: 100%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 12px;
    }

    .met_polaroid_gauche:hover {
      transition-duration: 0.5s;
      transform: scale(1.1);
      box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
    }

    .met_polaroid_droite {
      width: 97%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      margin-left: 3%;
      cursor: pointer;
      border-radius: 12px;
    }

    .met_polaroid_droite:hover {
      transition-duration: 0.5s;
      transform: scale(1.1);
      box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
    }

    .met_container {
      text-align: center;
      padding: 1px 2px;
      letter-spacing: 2px;
      font-size: small;
      color: #3b3e40;
      font-weight: bold;
    }

    .met_text {
      margin-bottom: 0.1rem;
      font-size: small;
      font-weight: normal;
      white-space: nowrap;
      overflow: hidden;
      letter-spacing: 1px;
      //font-weight: bold;
    }

    .met_text_larg {
      margin-bottom: 0.1rem;
      font-size: xx-small;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
    }

    .met_text_all_categories {
      margin-bottom: 0.1rem;
      font-size: x-small;
      margin-top: 1rem;
    }

    .met_container_all_categories {
      text-align: center;
      padding: 1px 2px;
      letter-spacing: 2px;
      font-size: small;
      color: #3b3e40;
      height: 3rem;
    }

    .met_polaroid_gauche_all_categories {
      width: 100%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 12px;
    }

    .tab_gauche_all_categories {
      width: 100%;
      float: left;
      text-align: left;
    }

    .img_categorie {
      width: 100%;
      border-top-right-radius: 12px;
      border-radius: 12px;
      padding: 5px;
    }

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

    .mymenu_item {
      font-size: 0.8rem !important;
    }

    .MuiMenuItem-root {
      font-size: 0.8rem !important;
    }

    .new_filter_zone {
      float: left;
      width: 35%;
      display: flex;
      align-items: center;
      font-size: small;
      line-height: 1.5;
      color: #212529;
      text-align: center;
      white-space: nowrap;
      background-color: #e9ecef;
      border: 1px solid #ced4da;
    }

    .new_filter_zone_cerif_radio {
      width: 30%;
      float: left;
      text-align: right;
      font-size: smaller;
    }

    .new_filter_zone_cerif_radio_right {
      //width: 30%;
      float: left;
      text-align: left;
      font-size: small;
      padding-left: 5px;
    }

    .new_filter_zone_cerif_radio_left {
      //width: 30%;
      float: left;
      text-align: center;
      font-size: small;
      padding-right: 15px;
      padding-left: 2px;
      min-width: 30%;
    }

    .new_filter_zone_row {
      height: 3.5rem;
      width: 100%;
      padding-right: 5px;
    }

    .tick_ok_ko {
      max-width: 55%;
    }

    .new_filter_zone_prix {
      margin-bottom: 1.2rem;
      margin-top: 1.2rem;
      padding-right: 15px;
    }

    .middle {
      color: white;
      font-family: "verdana", "Quicksand", "Signika", "sans-serif";
      font-size: 1.2rem;

      margin-left: auto;
      margin-right: auto;
      padding-top: 15%;
    }

    input::placeholder {
      color: white;
    }

    .bienvenu {
      font-family: "DM Sans", "sans-serif";
      font-size: x-large;
      color: white;
    }

    .categorie {
      padding-top: 15%;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
    }

    .met_polaroid {
      text-align: center;
      margin-top: 9rem;
    }

    .met_polaroid_line2 {
      text-align: center;
      margin-top: 1rem;
      margin-bottom: 1rem;
    }

    .img_categorie_v2 {
      border-radius: 5px;
      background: white;
      min-width: 3rem;
      width: 9rem;
      font-size: small;
      border: 5px solid black;
      box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
      cursor: pointer;
      outline: none;
      transition: 0.2s all;
      margin-right: 1.5rem;
    }

    .img_categorie_v2:active {
      transform: scale(1.1);
      /* Scaling button to 0.98 to its original size */
      box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
      /* Lowering the shadow */
    }

    .img_categorie_v2:hover {
      transform: scale(1.1);
      /* Scaling button to 0.98 to its original size */
      box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
      /* Lowering the shadow */
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
      transition: background-color 5000000s ease-in-out 0s;
    }

    .calage {
      width: 2%;
    }

    .tab_logo_metier {
      width: 100%;
      padding-left: 5px;
      box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
      padding-left: 10px;
      border-radius: 10px;
      padding-top: 10px;
    }

    .tab_critere_espace {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 16px;
      gap: 20px;

      width: 100%;
      //height: 1110px;

      /* White */

      background: #FFFFFF;
      border-radius: 8px;

      /* Inside auto layout */

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

    .block_nos_service {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 20px;

      position: absolute;
      width: 96%;
      height: 204px;
      left: 2%;
      top: 510px;

    }

    .block_nos_formation {
      // display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      position: absolute;
      width: 96%;
      //height: 2574px;
      left: 2%;
      top: 450px;
    }

    .logo {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      position: absolute;
      width: 108px;
      height: 52px;
      left: 72px;
      top: 52px;
    }

    .Menu_Header {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      padding: 0px;
      gap: 24px;

      position: absolute;
      width: 843px;
      height: 56px;
      right: 72px;
      top: 50px;
    }

    .Header_Content {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      isolation: isolate;

      position: absolute;
      width: 95%;
      height: 367px;
      left: 5%;
      top: 156px;
    }

    .Background_Header {
      position: absolute;
      width: 100%;
      height: 452px;
      left: 0px;
      top: 0px;

      /* Beige */

      background: #FFF5DA;

    }

    .Partner_Catalog_Background_Header {
      //  position: absolute;
      width: 100%;
      height: 452px;
      left: 0px;
      top: 0px;

    }


    .Logo_MySy {
      width: 108px;
      height: 36px;


      /* Inside auto layout */

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

    .training {

      width: 108px;
      height: 12px;

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

      letter-spacing: 0.83em;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .header_menu {
      /* Les formations */
      cursor: pointer;
      height: 17px;

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


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      flex-grow: 0;
    }

    .bar_vert {

      width: 1px;
      height: 24px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 10px;

      /* Inside auto layout */

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

    .cta1 {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;

      width: 288px;
      height: 56px;


      /* Inside auto layout */

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

    }

    .cta2 {
      box-sizing: border-box;

      /* Auto layout */

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

      width: 126px;
      height: 56px;

      /* Deep Blue */

      border: 1px solid #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .cta3 {
      /* Auto layout */

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

      width: 154px;
      height: 56px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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


    }


    .minscrire {
      cursor: pointer;
      //width: 74px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 30px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    }

    .meconnecter {
      cursor: pointer;
      width: 112px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 30px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    }

    .rectangle_8 {
      /* Rectangle 8 */


      position: absolute;
      width: 500px;
      height: 400px;
      //left: 596px;
      right: 5%;
      top: 0px;

      background: url("../../mysy_img2/img_header.png") no-repeat;
      filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05));
      border-radius: 8px;

      /* Inside auto layout */

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

    .content_search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 80%;
      height: 367px;


      /* Inside auto layout */

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

    .title_desc_header {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 636px;
      height: 230px;


      /* Inside auto layout */

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

    .title1 {
      width: 90%;
      text-align: left;
      height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 50px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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


    .title1_nom {
      width: 90%;
      text-align: left;
      height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 40px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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


    .title1_text1 {
      width: 90%;
      text-align: left;
      height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 30px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title2 {
      width: 90%;
      text-align: left;
      height: 22px;

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


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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


    .search_bar_h {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 10px;

      width: 100%;
      height: 113px;


      /* Inside auto layout */

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

    .search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px 12px 0px 24px;
      gap: 72px;

      width: 100%;
      height: 80px;

      /* White */

      background: #FFFFFF;
      box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .frame_153 {
      /* Frame 153 */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px 27px;
      gap: 10px;

      width: 588px;
      height: 17px;


      /* Inside auto layout */

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

    .frame_153_txt {
      width: 534px;
      height: 17px;

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

      display: flex;
      align-items: center;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .input_search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 24px;

      width: 100%;
      height: 80px;


      /* Inside auto layout */

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

    .cta_recherche {
      cursor: pointer;
      /* Auto layout */

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

      width: 142px;
      height: 56px;

      /* Green */

      background: #20BFA9;
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .cta_recherche_txt {
      width: 90px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 17px;
      line-height: 30px;
      /* identical to box height, or 176% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    .search_dropdown {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;

      width: 20%;
      height: 24px;


      /* Inside auto layout */

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

    }

    .search_bar_rectangle {
      width: 1px;
      height: 80px;

      background: rgba(0, 0, 0, 0.08);

      /* Inside auto layout */

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

    }

    .search_text {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 75%;
      height: 32px;


      /* Inside auto layout */

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

    .nos_serv_background {
      position: absolute;
      width: 1440px;
      height: 436px;
      left: 0px;
      top: 452px;

      /* White */

      background: #FFFFFF;
    }

    .nos_serv_txt {
      width: 227px;
      height: 48px;

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

      text-align: center;
      letter-spacing: -1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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


    .nos_serv_list {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 0px;
      gap: 56px;

      width: 95%;
      height: 116px;


      /* Inside auto layout */

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

    .nos_serv_serv1 {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 32%;
      height: 116px;


      /* Inside auto layout */

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

    .nos_serv_serv2 {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 32%;
      height: 116px;


      /* Inside auto layout */

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

    .nos_serv_serv3 {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 32%;
      height: 116px;


      /* Inside auto layout */

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

    .block_filter {
      /* Block Filters */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 16px;
      gap: 24px;

      width: 309px;
      height: 1110px;

      /* White */

      background: #FFFFFF;
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .block_list_formation {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      width: 947px;
      height: 2486px;


      /* Inside auto layout */

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

    .sous_filter {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;


      /* Inside auto layout */

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

      margin-bottom: 3rem;
    }

    .sous_filter_metier {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;



      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      width: 100%;
    }

    .sous_filter_txt {
      /* Les filtres */


      //      width: 92px;
      height: 24px;

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

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

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .sous_filter_separator {
      width: 277px;
      height: 0px;

      opacity: 0.08;
      /* Deep Blue */

      border: 1px solid #0A043C;

      /* Inside auto layout */

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

    .sous_filter_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 12px;

      width: 277px;
      height: 494px;


      /* Inside auto layout */

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

    .sous_mertier {
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 277px;
      height: 496px;


      /* Inside auto layout */

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

    .filter_valeur {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 100%;
      height: 71px;


      /* Inside auto layout */

      flex: none;
      flex-grow: 0;
    }

    .filter_valeur_txt {
      /* Eligible CPF */


      //width: 78px;
      letter-spacing: 2px;
      height: 19px;

      font-family: 'Manrope';
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 19px;
      display: flex;
      align-items: center;
      font-feature-settings: 'liga' off;

      /* Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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


    .filter_valeur_block_val {
      /* List Checkbox */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;

      width: 100%;
      height: 48px;


      /* Inside auto layout */

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

    .frame_133 {
      /* Frame 133 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 90px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_133_grp {
      /* Checbox + Text */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 50px;
      height: 22px;


      /* Inside auto layout */

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

    .frame_133_grp_radio {
      /* Radio Button */

      cursor: pointer;
      width: 16px;
      height: 16px;


      /* Inside auto layout */

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

    .frame_133_grp_txt {
      /* Oui */


      width: 26px;
      height: 22px;

      font-family: 'Manrope';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      /* identical to box height */

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

      /* Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    }

    .frame_134 {
      /* Frame 134 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 90px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_134_grp {
      /* Checbox + Text */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 55px;
      height: 22px;


      /* Inside auto layout */

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

    }

    .frame_135 {
      /* Frame 134 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 50px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_135_grp {
      /* Checbox + Text */

      margin-left: 10px;

      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 30px;
      height: 22px;


      /* Inside auto layout */

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

    }


    .filter_txt {
      /* Les filtres */


      width: 92px;
      height: 24px;

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

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

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .filter_metier_sous_block {
      /* Filter */

      //cursor: pointer;
      box-sizing: border-box;

      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 16px;
      gap: 10px;

      width: 90%;
      height: 72px;

      /* White */

      background: #FFFFFF;
      border: 1px solid #DFDFDF;
      border-radius: 4px;

      /* Inside auto layout */

      flex: none;
      flex-grow: 0;

    }

    .filter_metier_sous_block_content {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 12px;

      width: 180px;
      height: 40px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_content_radio {

      /* Radio Button */


      width: 24px;
      height: 24px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_content_txt {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 144px;
      height: 40px;



      /* Inside auto layout */

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

    }

    .filter_metier_sous_block_content_txt_formation {
      width: 144px;
      height: 22px;

      text-align: left;
      margin-top: 10px;
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 22px;
      /* identical to box height */


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    }

    .filter_metier_sous_block_content_txt_nb {
      width: 85px;
      height: 14px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;

      /* Deep Blue */

      color: #0A043C;

      opacity: 0.7;

      /* Inside auto layout */

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


    .filter_metier_sous_block_plus_metier {
      /* Icon + Title */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 233px;
      height: 24px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_plus_metier_1 {
      border: #0A043C solid;
      width: 24px;
      height: 24px;

      cursor: pointer;
      /* Inside auto layout */

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

    .filter_metier_sous_block_plus_metier_2 {
      width: 201px;
      height: 22px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      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: 1;
      flex-grow: 0;
    }


    .block_actualite {
      /* Actualité */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      position: absolute;
      width: 100%;
      height: 549px;
      //left: 72px;
      top: 4150px;
      display: none;
    }

    .block_actualite_sous_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      width: 100%;
      height: 453px;


      /* Inside auto layout */

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

    }

    .block_actualite_sous_block_text {
      width: 261px;
      height: 48px;

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

      text-align: center;
      letter-spacing: -1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .block_list_actu {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 95%;
      height: 365px;


      /* Inside auto layout */

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



    }

    .block_list_actu_actu1 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 23px;

      width: 32%;
      height: 364px;


      /* Inside auto layout */

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

    .block_list_actu_actu1_img {
      width: 100%;
      height: 250px;

      background: url(https://img.mysy-training.com/img_actu1.png) no-repeat;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      //border: #0A043C solid 1px;
    }

    .block_list_actu_actu1_date_text {
      /* Date + Title */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px 0px 0px 8px;
      gap: 8px;

      //width: 344px;
      height: 91px;


      /* Inside auto layout */

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

    .block_list_actu_actu1_date_text_date {
      width: 152px;
      height: 19px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 19px;
      text-transform: uppercase;

      /* Blue */

      color: #3E6EE3;


      /* Inside auto layout */

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

    .block_list_actu_actu1_date_text_txt {

      height: 64px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: medium;
      line-height: 32px;
      /* or 133% */

      letter-spacing: -0.3px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .pieddepage_v2 {
      position: relative;
      width: 100%;
      //height: 450px;
      left: 0px;
      //top: 5850px;
      top: 1650px;
      background: #FFF5DA;
      z-index: -1;

    }

    .bton_tout_nos_article {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 13px 26px;
      gap: 10px;

      width: 299px;
      height: 56px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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

    .bton_tout_nos_article_account_box {
      display: none;
      width: 24px;
      height: 24px;


      /* Inside auto layout */

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

    }

    .bton_tout_nos_article_txt {
      //width: 156px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    }

    .block_partner {
      /* Partner Block */


      /* Auto layout */

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

      position: absolute;
      width: 90%;
      height: 386px;
      left: 72px;
      //top: 4750px;
      top: 4450px;
      ;

      /* White */

      background: #FFFFFF;
      /* Shadow 01 */

      box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
      border-radius: 8px;

    }

    .block_partner_sous_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 24px;

      width: 858px;
      height: 306px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 16px;

      width: 858px;
      height: 226px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc_logo {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 4px;

      width: 160px;
      height: 76px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc_desc {
      width: 600px;
      height: 48px;

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

      text-align: center;
      letter-spacing: -1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .block_partner_sous_block_txt {
      width: 858px;
      height: 72px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      /* or 150% */

      text-align: center;
      font-feature-settings: 'liga' off;

      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .block_partner_sous_block_buton {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 13px 26px;
      gap: 10px;

      width: 299px;
      height: 56px;

      /* Green */

      background: #20BFA9;
      border-radius: 8px;

      /* Inside auto layout */

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

    .logo_not_absolut {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 108px;
      height: 52px;
      left: 72px;
      top: 52px;
    }

    .block_partner_sous_block_logo_desc_desc2 {
      width: 858px;
      height: 72px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      /* or 150% */

      text-align: center;
      font-feature-settings: 'liga' off;

      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .form-select {
      height: 2.5rem !important;
      border-radius: 0px;
      font-size: small;
    }

    .domaine_icone {
      margin-top: 5px;
    }

    .domaine_icone_fa {
      margin-top: 5px;
      margin-right: 5px;
      cursor: pointer;
    }

    .fron_search {
      border: none;
      font-size: medium;
      padding-right: 5px;
    }

    // -- 07/01
    .service1_img {
      //position: absolute;
      //width: 76px;
      //height: 76px;
      left: 0px;
      top: 0px;

      background: #D6EBE4;
      opacity: 1;
      border-radius: 1rem;
      margin-top: 1rem;
    }

    .service1_title_desc {
      /* Title + Description */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 70%;
      height: 116px;


      /* Inside auto layout */

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

    .service1_title {

      width: 100%;
      //height: 32px;
      text-align: left;
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 32px;
      /* identical to box height, or 133% */

      letter-spacing: -0.3px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .service1_desc {
      //width: 260px;
      text-align: left;
      height: 80px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      /* or 143% */


      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .img_service {
      width: 100%;
      height: 4rem;
      border-radius: 1rem;
    }


    .forma_et_tuto {
      width: 99%;
      margin-left: 5px;
      height: 80px;
      padding-top: 10px;

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

      text-align: center;
      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      background: #F7F7F7;
    }

    .forma_et_tuto_mobile {
      display: none;
    }

    .cta_publication {
      /* Auto layout */

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

      width: 154px;
      height: 56px;

      /* Deep Blue */

      background: red;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
      text-transform: uppercase;
      color: white;
      font-weight: normal;
      font-size: 14px;
    }

    .cta_hebergement {
      /* Auto layout */

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

      width: 154px;
      height: 56px;

      /* Deep Blue */

      background: rebeccapurple;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
      text-transform: uppercase;
      color: white;
      font-weight: normal;
      font-size: 14px;
    }

    .search_bar_2 {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px 1px 0px 2px;
      gap: 72px;

      width: 100%;
      height: 10px;

      /* White */

      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      margin-bottom: 2rem !important;
      text-align: left;
      padding-left: 1rem;
    }

    .bton_ensavoir_plus {
      border-radius: 5rem;
      font-size: medium;
      background: #81BC3A !important;
      text-align: center;
      height: 2.5rem;
      width: 100%;
      color: white;
      margin-left: 10px;
      margin-right: 10px;
      padding-top: 10px;
      cursor: pointer;
    }

    .mode_affichage {
      width: 8%;
      float: right;
      cursor: pointer;

    }

    .display_grid_list_bton {
      width: 10%;
      float: left;
    }

    .view_grid {
      width: 48% !important;
      float: left !important;
      margin-right: 2%;
    }

    .indicateurs_data {
      position: fixed;
      left: 70%;
      top: 4rem;
      width: auto;
    }

    .bloc_logo_indic {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 1rem;

    }

    .bloc_logo_indic_logo {
      width: 60%;
      float: left;
      text-align: left;
    }



    .bloc_logo_indic_contact {
      width: 18%;
      float: right;
      text-align: right;
    }


    .bloc_logo_indic_indic {
      width: 18%;
      float: left;
    }

    .bloc_milieu {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 10rem;
    }

    .bloc_img_milieu_gauche {
      width: 48%;
      float: right;
      text-align: right;
    }

    .bloc_connexion {
      width: 100%;
      float: left;
      min-height: 40vh;
      padding-top: 3rem;
    }

    .bloc_milieu_text {
      width: 50%;
      float: left;
      text-align: left;
    }

    .bloc_logo_indic_contact_text {
      text-align: left;
      font-weight: 700;
    }


    .bloc_logo_indic_indic_text {
      text-align: left;
      font-weight: 700;
    }

     /*** Pour le modele 2 - MySy_Theme2 **/

     .bloc_milieu_model_2 {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 10rem;
    }


    .bloc_milieu_text_model_2 {
      width: 100%;
      float: left;
      text-align: center;
    }

    .title1_nom_model_2 {
      width: 100%;
      text-align: center;
      height: 150px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 40px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title2_model_2 {
      width: 100%;
      text-align: center;
      height: 22px;

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


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .bloc_img_milieu_gauche {
      display: none;
    }

    .Partner_Catalog_Background_Header_model_2 {
      //  position: absolute;
      width: 100%;
      height: 352px;
      left: 0px;
      top: 0px;
    }

    .bloc_logo_indic_model_2 {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 1rem;

    }

    .bloc_logo_indic_logo_model_2 {
      width: 60%;
      float: left;
      text-align: left;
    }


    .bloc_logo_indic_contact_model_2 {
      width: 18%;
      float: right;
      text-align: right;
    }


    .bloc_logo_indic_indic_model_2 {
      width: 18%;
      float: left;
    }

    .bloc_logo_indic_contact_text_model_2 {
      text-align: left;
      font-weight: 700;
    }


    .bloc_logo_indic_indic_text_model_2 {
      text-align: left;
      font-weight: 700;
    }

    
    .bloc_milieu_text_model_2_gauche{
      width: 19%;
      float: left;

    }

    .bloc_milieu_text_model_2_centre{
      width: 60%;
      float: left;
    }

    .bloc_milieu_text_model_2_droite{
      width: 20%;
      float: right;
    }

    .title1_text1_model_2  {
      width: 100%;
      text-align: left;
      height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 30px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .bloc_connexion_model_2 {
      width: 100%;
      float: left;
      min-height: 50vh;
      padding-top: 3rem;
    }

  }

  @media only screen and (min-width: 1920px) {
    .calage {
      width: 2%;
    }

    /* Ordi de bureau et grands ecrans*/
    .align_gauche {
      margin-left: 0rem;
      width: 100%;
      float: right;
      text-align: left;
      font-family: "DM Sans", "sans-serif";
      font-size: small;
    }

    .recherchefilter {
      display: none;
    }

    .okUpdateData {
      font-size: small;
      color: green;
      font-style: italic;
    }

    .koUpdateData {
      font-size: small;
      color: red;
      font-style: italic;
    }

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

    .rech_leftbox {
      float: left;
      //border: 0px solid black;
      border-width: 1px;
      width: 24%;
      height: 100%;
      padding: 0.5rem;
      border-radius: 1rem;
      //margin-top: 1rem !important;
      margin-bottom: 0.1rem;
      font-size: small !important;
      font-family: "verdana", "Quicksand", "Signika", sans-serif !important;
      background: white;
      margin-left: 5px;
      // -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
      //box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%);
      padding-left: 5px;
    }

    .rech_middlebox {
      float: left;
      border-width: 2px;
      width: 75%;
      height: 100%;
      margin: auto;
      padding: 0rem;
      border-radius: 30px;
      margin-right: 0%;
      padding-left: 1rem;
      padding-right: 10px;
      //background-color: #f8f9f9;
      //overflow-y:scroll;
    }

    .rech_rightbox {
      /* float: right;
      //border-left: 0px solid black;
      width: 20%;
      height: 100%;
      margin: 0px;
      padding: 0px;
      border-radius: 0px;
      margin-right: 0%;
      height: 100%;
      margin-top: 0.5rem !important;*/
      display: none;
    }

    .rech_rightbox .button2 {
      opacity: 1;
      background: #619e31;
      border: 1px;
      outline: 0;
      border-bottom: 2px solid transparent;
      color: white;
      font-size: medium !important;
      border-radius: 1rem;
      margin: 0px;
      padding: 0px;
      text-align: center;
      margin-bottom: 0.5rem;
    }

    .rech_rightbox_inside {
      float: left;
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 0px;
      border-radius: 0px;
      margin-right: 0%;
      overflow-y: scroll;
      height: 800px;
      font-family: "DM Sans", "sans-serif";
      font-size: small;
      padding-right: 5px;
      margin-right: 5px;
    }

    .textsurimage {
      color: rgb(218, 207, 207);
      background-color: transparent;
      font-size: 40pt;
      text-align: center;
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
    }

    .rech_list_formation2 {
      display: inline-block;
      width: 100%;
      background-color: white;
      height: auto;
      padding: 1px;
      outline: 1px solid #ccc;
      //border: 1px solid #999;
      margin: 0;
      text-align: left;
      border-radius: 10px;
      margin-bottom: 10px;
      background-color: white;
      //box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%);

      -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
      box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
    }

    .rech_list_formation2:hover {
      -webkit-box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
      box-shadow: 1px 1px 20px 1px rgb(0 0 0 / 25%);
    }

    .textsurimage23 {
      color: rgb(218, 207, 207);
      background-color: transparent;
      text-align: center;
      position: absolute;
      top: 20%;
      left: 40%;
    }

    h4 {
      display: inline-block;
      font-size: xx-large;
      /*or whatever you want*/
      color: white;
    }

    .default_font {
      color: #3c4043;
      display: inline-block;
      line-height: 28px;
      font-size: medium;
    }

    .form-input {
      border-radius: 10rem;
      height: 3rem;
      font-size: medium;
      line-height: 1.5;
      margin-bottom: 4px;
      color: white;
      border: 2.5px solid white;
      background: transparent;
      box-shadow: none;
    }

    .form {
      font-size: medium;
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0.5rem;
      position: relative;
      margin-top: 1rem;
      z-index: 11;
      display: flex;
    }

    .form span {
      position: absolute;
      right: 0.2rem;
      top: 0.1rem;
      padding: 2px;
      border-left: 0.2rem solid white;
      height: 3rem;
    }

    .form span_clear {
      position: absolute;
      right: 1.5rem !important;
      top: 0.1rem !important;
      padding: 2px;
      border-left: 0.2rem solid white !important;
      height: 3rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    form svg {
      margin-top: 0.8rem !important;
      height: 1.5rem !important;
      cursor: pointer;
    }

    .left-pan {
      padding-left: 7px;
    }

    .left-pan i {
      padding-left: 10px;
    }

    .containerBox {
      position: fixed;
      margin-top: 0.5rem;
      height: 10rem;
      border: 0.2rem solid #0d0e10;
      width: 100%;
      background-color: #999;
    }

    .containerBox0 {
      float: left;
      width: 30%;
    }

    .text_head_droite {
      color: #3b3e40;
      font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
      font-size: small;
      font-weight: bold;
      text-align: right;
    }

    .text_head_gauche {
      color: #3b3e40;
      font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
      font-size: small;
      font-weight: bold;
      text-align: left;
    }

    .text_head {
      color: white;
      font-family: "verdana", "Quicksand", "Signika", "sans-serif";
      font-size: 1.2rem;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }

    .text-box {
      position: absolute;
      height: 100%;
      text-align: center;
      width: 100%;
    }

    .text-box:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .img_logo {
      display: block;
      height: auto;
      margin-left: 0px;
      margin-right: auto;
      max-width: 18%;
      max-height: 3rem;
    }

    .form-select {
      height: 2.5rem !important;
      border-radius: 0px;
      font-size: small;
    }

    .mb-3 {
      margin-bottom: 0.7rem !important;
      font-size: xx-small !important;
      cursor: pointer;
    }

    .input-group-text {
      font-size: x-small !important;
      padding-left: 0px !important;
    }

    .filter_span {
      padding-top: 0.3rem;
      padding-bottom: auto;
      word-break: break-word;
      margin-right: 0.5rem;
      color: #107758;
      font-size: 0.75rem;
      white-space: nowrap;
      width: 30%;
      margin-top: 0.3rem;
    }

    .filter_val {
      padding-top: 0.1rem;
      padding-bottom: auto;
      word-break: break-word;
      margin-right: 0.5rem;
      font-size: 0.9rem;
      white-space: nowrap;
      border: none;
      background: transparent;
      color: #3b3e40;
      border: 1px solid #C7C9CE;
      border: 0.1rem solid black;
      border-radius: 0.3rem !important;
      width: 65%;
      margin-top: 0.3rem;
      margin-right: 0px;
    }

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

      z-index: 10;
      min-height: 30rem;
    }

    .div_row_haut {
      float: left;
      //border:1px solid black;
      //border-width: 0.01rem;
      width: 100%;
      //border-radius: 1rem;
      background-color: #3b3e40;
      z-index: 10;
    }

    .div_mobile {
      z-index: -1;
      width: 100%;
      height: 100%;
    }

    .pieddepage {
      z-index: 50;
      width: 100%;
      float: left;
      color: white !important;
      margin-top: 5rem;
    }

    .menuPrincipal_bton {
      margin-left: 0.9rem;
      font-family: "Quicksand", "Signika", "sans-serif";
      color: white;
      float: right;
      cursor: pointer;
      text-align: right;
      font-size: small;
      border: 2px solid transparent;
      white-space: nowrap;
      text-transform: uppercase;
    }

    .menuPrincipal {
      margin-left: 1rem;
      font-family: "Quicksand", "Signika", "sans-serif";
      color: white;
      float: right;
      cursor: pointer;
      text-align: right;
      font-size: small;
      border: 2px solid transparent;
      white-space: nowrap;
      text-transform: uppercase;
      padding-top: 0.2rem;
    }

    .menuPrincipal:hover {
      color: #81bc3a;
      padding-left: 0;
      transition: color 0.3s linear;
      letter-spacing: 0.1rem;
      text-decoration: solid;
      text-underline-offset: 3px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      text-decoration: underline;
    }

    .div_001 {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }

    .div_002 {
      float: left;
      width: 50%;
      text-align: left;
    }

    .div_003 {
      float: left;
      width: 50%;
      text-align: right;
      color: white;
    }

    .div_004 {
      color: white;
      width: 100%;
      height: 0.25rem;
      opacity: 100%;
      margin-left: auto;
      margin-right: auto;
      float: left;
      margin: 0.2rem;
    }

    .div_005 {
      width: 100%;
      float: left;
    }

    .hilightsoustitre {
      background: #113459;
      color: #fff;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      letter-spacing: 0.2rem;
    }

    .hilightsoustitre_v2 {
      color: #3b3e40;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      background: #e9ecef;
      border-radius: 5px;
      background: #113459;
      color: #fff;
      letter-spacing: 2px;
      height: 3rem;
      padding-top: 5px;
    }

    .hilightsoustitre_v2_metier {
      color: #3b3e40;
      display: block;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      background: #e9ecef;
      border-radius: 5px;
      background: #113459;
      color: #fff;
      letter-spacing: 2px;
      margin-top: 5rem;
      height: 3rem;
      padding-top: 5px;
    }

    .tab_gauche {
      width: 50%;
      float: left;
      text-align: left;
    }

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

    .tab_gauche_metier {
      width: 30%;
      float: left;
      text-align: left;
      margin: 2px;
    }

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

    .img_thematique_metier {
      display: block;
      border-radius: 10rem;
      max-width: 360px;
    }

    .met_polaroid_gauche {
      width: 100%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 12px;
    }

    .met_polaroid_gauche:hover {
      transition-duration: 0.5s;
      transform: scale(1.1);
      box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
    }

    .met_polaroid_droite {
      width: 97%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      margin-left: 3%;
      cursor: pointer;
      border-radius: 12px;
    }

    .met_polaroid_droite:hover {
      transition-duration: 0.5s;
      transform: scale(1.1);
      box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
    }

    .met_container {
      text-align: center;
      padding: 1px 2px;
      letter-spacing: 2px;
      font-size: small;
      color: #3b3e40;
      font-weight: bold;
    }

    .met_text {
      margin-bottom: 0.1rem;
      font-size: small;
      font-weight: normal;
      white-space: nowrap;
      overflow: hidden;
      letter-spacing: 1px;
      //font-weight: bold;
    }

    .met_text_larg {
      margin-bottom: 0.1rem;
      font-size: xx-small;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
    }

    .met_text_all_categories {
      margin-bottom: 0.1rem;
      font-size: x-small;
      margin-top: 1rem;
    }

    .met_container_all_categories {
      text-align: center;
      padding: 1px 2px;
      letter-spacing: 2px;
      font-size: small;
      color: #3b3e40;
      height: 3rem;
    }

    .met_polaroid_gauche_all_categories {
      width: 100%;
      background-color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 12px;
    }

    .tab_gauche_all_categories {
      width: 100%;
      float: left;
      text-align: left;
    }

    .img_categorie {
      width: 100%;
      border-top-right-radius: 12px;
      border-radius: 12px;
      padding: 5px;
    }

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

    .mymenu_item {
      font-size: 1rem !important;
    }

    .MuiMenuItem-root {
      font-size: 1rem !important;

    }

    .new_filter_zone {
      float: left;
      width: 35%;
      display: flex;
      align-items: center;
      font-size: small;
      line-height: 1.5;
      color: #212529;
      text-align: center;
      white-space: nowrap;
      margin-top: 5px;
    }

    .new_filter_zone_cerif_radio {
      width: 30%;
      float: left;
      text-align: right;
      font-size: smaller;
    }

    .new_filter_zone_cerif_radio_right {
      //width: 30%;
      float: left;
      text-align: left;
      font-size: small;
      padding-left: 5px;
    }

    .new_filter_zone_cerif_radio_left {
      //width: 30%;
      float: left;
      text-align: center;
      font-size: small;
      padding-right: 15px;
      padding-left: 2px;
      min-width: 30%;
    }

    .new_filter_zone_row {
      margin-bottom: 0.7rem !important;
      width: 100%;
      padding-right: 5px;
    }

    .tick_ok_ko {
      max-width: 55%;

    }

    .new_filter_zone_prix {
      margin-bottom: 1.2rem;
      margin-top: 1.2rem;
      padding-right: 15px;
    }

    .middle {
      color: white;
      font-family: "verdana", "Quicksand", "Signika", "sans-serif";
      font-size: 1.2rem;

      margin-left: auto;
      margin-right: auto;
      padding-top: 15%;
    }

    input::placeholder {
      color: white;
    }

    .bienvenu {
      font-family: "DM Sans", "sans-serif";
      font-size: x-large;
      color: white;
    }

    .categorie {
      padding-top: 15%;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
    }

    .met_polaroid {
      text-align: center;
      margin-top: 9rem;
    }

    .met_polaroid_line2 {
      text-align: center;
      margin-top: 1rem;
      margin-bottom: 1rem;
    }

    .img_categorie_v2 {
      border-radius: 5px;
      background: white;
      min-width: 3rem;
      width: 9rem;
      font-size: small;
      border: 5px solid black;
      box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
      cursor: pointer;
      outline: none;
      transition: 0.2s all;
      margin-right: 1.5rem;
    }

    .img_categorie_v2:active {
      transform: scale(1.1);
      /* Scaling button to 0.98 to its original size */
      box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
      /* Lowering the shadow */
    }

    .img_categorie_v2:hover {
      transform: scale(1.1);
      /* Scaling button to 0.98 to its original size */
      box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
      /* Lowering the shadow */
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
      transition: background-color 5000000s ease-in-out 0s;
    }

    .div_row_bas {
      float: right;
      width: 100%;
      min-height: 100%;
      height: 60rem;

      background-color: #e7f3fb;
      z-index: 10;
      background: url("../../mysy_img/mysy_home.jpg") no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      //border-bottom-left-radius: 25px;
      //border-bottom-right-radius: 25px;
    }

    .tab_logo_metier {
      width: 100%;
      padding-left: 15px;
      box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
      padding-left: 20px;
      border-radius: 10px;
      padding-top: 10px;
    }

    /*.tab_critere_espace {
      margin-bottom: 1.5rem;
      padding-bottom: 1.5rem;
      box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 50%);
      padding-left: 10px;
      border-radius: 10px;
      padding-top: 10px;
    }*/

    .tab_critere_espace {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 16px;
      gap: 20px;

      width: 100%;
      //height: 1110px;

      /* White */

      background: #FFFFFF;
      border-radius: 8px;

      /* Inside auto layout */

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

    .block_nos_service {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 30px;

      position: absolute;
      width: 96%;
      height: 204px;
      left: 2%;
      top: 510px;

    }

    .block_nos_formation {
      //display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      position: absolute;
      width: 96%;
      //height: 2574px;
      left: 2%;
      top: 450px;
    }

    .logo {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      position: absolute;
      width: 108px;
      height: 52px;
      left: 72px;
      top: 52px;
    }

    .Menu_Header {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      padding: 0px;
      gap: 24px;

      position: absolute;
      width: 843px;
      height: 56px;
      right: 72px;
      top: 50px;
    }

    .Header_Content {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      isolation: isolate;

      position: absolute;
      width: 95%;
      height: 367px;
      left: 5%;
      top: 156px;
    }

    .Background_Header {
      position: absolute;
      width: 100%;
      height: 452px;
      left: 0px;
      top: 0px;

      /* Beige */

      background: #FFF5DA;

    }

    .Partner_Catalog_Background_Header {
      //  position: absolute;
      width: 100%;
      height: 452px;
      left: 0px;
      top: 0px;


    }



    .Logo_MySy {
      width: 108px;
      height: 36px;


      /* Inside auto layout */

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

    .training {

      width: 108px;
      height: 12px;

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

      letter-spacing: 0.83em;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .header_menu {
      /* Les formations */
      cursor: pointer;
      height: 17px;

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


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      flex-grow: 0;
    }

    .bar_vert {

      width: 1px;
      height: 24px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 10px;

      /* Inside auto layout */

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

    .cta1 {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;

      width: 288px;
      height: 56px;


      /* Inside auto layout */

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

    }

    .cta2 {
      box-sizing: border-box;

      /* Auto layout */

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

      width: 126px;
      height: 56px;

      /* Deep Blue */

      border: 1px solid #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .cta3 {
      /* Auto layout */

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

      width: 154px;
      height: 56px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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


    }


    .minscrire {
      cursor: pointer;
      //width: 74px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 30px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    }

    .meconnecter {
      cursor: pointer;
      width: 112px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 30px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    }

    .rectangle_8 {
      /* Rectangle 8 */


      position: absolute;
      width: 500px;
      height: 400px;
      //left: 596px;
      right: 10rem;
      top: 0px;

      background: url("../../mysy_img2/img_header.png") no-repeat;
      filter: drop-shadow(0px 8px 14px rgba(0, 0, 0, 0.05));
      border-radius: 8px;

      /* Inside auto layout */

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

    .content_search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 85%;
      height: 367px;


      /* Inside auto layout */

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

    .title_desc_header {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 636px;
      height: 230px;


      /* Inside auto layout */

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

    .title1 {
      width: 100%;
      text-align: left;
      height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 50px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title1_nom {
      width: 100%;
      text-align: left;
      height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 40px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title1_text1 {
      width: 100%;
      text-align: left;
      height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 30px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title2 {
      width: 100%;
      text-align: left;
      height: 22px;

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


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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


    .search_bar_h {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 100%;
      height: 113px;


      /* Inside auto layout */

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

    .search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px 12px 0px 24px;
      gap: 72px;

      width: 100%;
      height: 80px;

      /* White */

      background: #FFFFFF;
      box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.08);
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .frame_153 {
      /* Frame 153 */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px 27px;
      gap: 10px;

      width: 588px;
      height: 17px;


      /* Inside auto layout */

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

    .frame_153_txt {
      width: 534px;
      height: 17px;

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

      display: flex;
      align-items: center;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .input_search_bar {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 24px;

      width: 100%;
      height: 80px;


      /* Inside auto layout */

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

    .cta_recherche {

      cursor: pointer;
      /* Auto layout */

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

      width: 142px;
      height: 56px;

      /* Green */

      background: #20BFA9;
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .cta_recherche_txt {
      width: 90px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 17px;
      line-height: 30px;
      /* identical to box height, or 176% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    .search_dropdown {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;

      width: 20%;
      height: 24px;


      /* Inside auto layout */

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

    }

    .search_bar_rectangle {
      width: 1px;
      height: 80px;

      background: rgba(0, 0, 0, 0.08);

      /* Inside auto layout */

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

    }

    .search_text {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 75%;
      height: 32px;


      /* Inside auto layout */

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

    .nos_serv_background {
      position: absolute;
      width: 1440px;
      height: 436px;
      left: 0px;
      top: 452px;

      /* White */

      background: #FFFFFF;
    }

    .nos_serv_txt {
      width: 227px;
      height: 48px;

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

      text-align: center;
      letter-spacing: -1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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


    .nos_serv_list {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 0px;
      gap: 56px;

      width: 95%;
      height: 116px;


      /* Inside auto layout */

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

    .nos_serv_serv1 {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 32%;
      height: 116px;


      /* Inside auto layout */

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

    .nos_serv_serv2 {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 32%;
      height: 116px;


      /* Inside auto layout */

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

    .nos_serv_serv3 {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 32%;
      height: 116px;


      /* Inside auto layout */

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

    .block_filter {
      /* Block Filters */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 16px;
      gap: 24px;

      width: 309px;
      height: 1110px;

      /* White */

      background: #FFFFFF;
      border-radius: 8px;

      /* Inside auto layout */

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

    }

    .block_list_formation {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      width: 947px;
      height: 2486px;


      /* Inside auto layout */

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

    .sous_filter {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;


      /* Inside auto layout */

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

      margin-bottom: 3rem;
    }

    .sous_filter_metier {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;



      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      width: 100%;
    }

    .sous_filter_txt {
      /* Les filtres */


      //      width: 92px;
      height: 24px;

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

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

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .sous_filter_separator {
      width: 277px;
      height: 0px;

      opacity: 0.08;
      /* Deep Blue */

      border: 1px solid #0A043C;

      /* Inside auto layout */

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

    .sous_filter_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 12px;

      width: 277px;
      height: 494px;


      /* Inside auto layout */

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

    .sous_mertier {
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 277px;
      height: 496px;


      /* Inside auto layout */

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

    .filter_valeur {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 100%;
      height: 71px;


      /* Inside auto layout */

      flex: none;
      flex-grow: 0;
    }

    .filter_valeur_txt {
      /* Eligible CPF */


      //width: 78px;
      letter-spacing: 2px;
      height: 19px;

      font-family: 'Manrope';
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 19px;
      display: flex;
      align-items: center;
      font-feature-settings: 'liga' off;

      /* Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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


    .filter_valeur_block_val {
      /* List Checkbox */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;

      width: 100%;
      height: 48px;


      /* Inside auto layout */

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

    .frame_133 {
      /* Frame 133 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 90px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_133_grp {
      /* Checbox + Text */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 50px;
      height: 22px;


      /* Inside auto layout */

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

    .frame_133_grp_radio {
      /* Radio Button */
      cursor: pointer;

      width: 16px;
      height: 16px;


      /* Inside auto layout */

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

    .frame_133_grp_txt {
      /* Oui */


      width: 26px;
      height: 22px;

      font-family: 'Manrope';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      /* identical to box height */

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

      /* Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    }

    .frame_134 {
      /* Frame 134 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 90px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_134_grp {
      /* Checbox + Text */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 55px;
      height: 22px;


      /* Inside auto layout */

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

    }

    .frame_135 {
      /* Frame 134 */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 5px;
      gap: 10px;

      width: 50px;
      height: 35px;

      /* Light Grey */

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

      /* Inside auto layout */

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

    .frame_135_grp {
      /* Checbox + Text */

      margin-left: 10px;

      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 30px;
      height: 22px;


      /* Inside auto layout */

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

    }


    .filter_txt {
      /* Les filtres */


      width: 92px;
      height: 24px;

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

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

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .filter_metier_sous_block {
      /* Filter */

      //cursor: pointer;
      box-sizing: border-box;

      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 16px;
      gap: 10px;

      width: 90%;
      height: 72px;

      /* White */

      background: #FFFFFF;
      border: 1px solid #DFDFDF;
      border-radius: 4px;

      /* Inside auto layout */

      flex: none;
      flex-grow: 0;

    }

    .filter_metier_sous_block_content {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 12px;

      width: 180px;
      height: 40px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_content_radio {

      /* Radio Button */


      width: 24px;
      height: 24px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_content_txt {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 144px;
      height: 40px;



      /* Inside auto layout */

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

    }

    .filter_metier_sous_block_content_txt_formation {
      width: 144px;
      height: 22px;

      text-align: left;
      margin-top: 10px;
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 22px;
      /* identical to box height */


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    }

    .filter_metier_sous_block_content_txt_nb {
      width: 85px;
      height: 14px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;

      /* Deep Blue */

      color: #0A043C;

      opacity: 0.7;

      /* Inside auto layout */

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


    .filter_metier_sous_block_plus_metier {
      /* Icon + Title */


      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;

      width: 233px;
      height: 24px;


      /* Inside auto layout */

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

    .filter_metier_sous_block_plus_metier_1 {
      border: #0A043C solid;
      width: 24px;
      height: 24px;
      cursor: pointer;

      /* Inside auto layout */

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

    .filter_metier_sous_block_plus_metier_2 {
      width: 201px;
      height: 22px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      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: 1;
      flex-grow: 0;
    }


    .block_actualite {
      /* Actualité */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      position: absolute;
      width: 100%;
      height: 549px;
      //left: 72px;
      top: 4300px;
      display: none;

    }

    .block_actualite_sous_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 40px;

      width: 100%;
      height: 453px;


      /* Inside auto layout */

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

    }

    .block_actualite_sous_block_text {
      width: 261px;
      height: 48px;

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

      text-align: center;
      letter-spacing: -1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .block_list_actu {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 24px;

      width: 95%;
      height: 365px;


      /* Inside auto layout */

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



    }

    .block_list_actu_actu1 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 23px;

      width: 32%;
      height: 364px;


      /* Inside auto layout */

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

    .block_list_actu_actu1_img {
      width: 100%;
      height: 250px;

      background: url(https://img.mysy-training.com/img_actu1.png) no-repeat;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      //border: #0A043C solid 1px;
    }

    .block_list_actu_actu1_date_text {
      /* Date + Title */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px 0px 0px 8px;
      gap: 8px;

      //width: 344px;
      height: 91px;


      /* Inside auto layout */

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

    .block_list_actu_actu1_date_text_date {
      width: 152px;
      height: 19px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 19px;
      text-transform: uppercase;

      /* Blue */

      color: #3E6EE3;


      /* Inside auto layout */

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

    .block_list_actu_actu1_date_text_txt {

      height: 64px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: medium;
      line-height: 32px;
      /* or 133% */

      letter-spacing: -0.3px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .pieddepage_v2 {
      position: relative;
      width: 100%;
      //height: 450px;
      left: 0px;
      //top: 6050px;
      top: 1450px;
      background: #FFF5DA;
      z-index: -1;

    }

    .bton_tout_nos_article {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 13px 26px;
      gap: 10px;

      width: 299px;
      height: 56px;

      /* Deep Blue */

      background: #0A043C;
      border-radius: 8px;

      /* Inside auto layout */

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

    .bton_tout_nos_article_account_box {
      display: none;
      width: 24px;
      height: 24px;


      /* Inside auto layout */

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

    }

    .bton_tout_nos_article_txt {
      //width: 156px;
      height: 30px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      /* identical to box height, or 188% */

      display: flex;
      align-items: center;
      text-align: center;

      /* White */

      color: #FFFFFF;


      /* Inside auto layout */

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

    }

    .block_partner {
      /* Partner Block */


      /* Auto layout */

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

      position: absolute;
      width: 90%;
      height: 386px;
      left: 72px;
      //top: 4950px;
      top: 4500px;

      /* White */

      background: #FFFFFF;
      /* Shadow 01 */

      box-shadow: 0px 54px 100px rgba(10, 4, 60, 0.08);
      border-radius: 8px;

    }

    .block_partner_sous_block {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 24px;

      width: 858px;
      height: 306px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 16px;

      width: 858px;
      height: 226px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc_logo {
      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 4px;

      width: 160px;
      height: 76px;


      /* Inside auto layout */

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

    .block_partner_sous_block_logo_desc_desc {
      width: 600px;
      height: 48px;

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

      text-align: center;
      letter-spacing: -1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .block_partner_sous_block_txt {
      width: 858px;
      height: 72px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      /* or 150% */

      text-align: center;
      font-feature-settings: 'liga' off;

      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .block_partner_sous_block_buton {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 13px 26px;
      gap: 10px;

      width: 299px;
      height: 56px;

      /* Green */

      background: #20BFA9;
      border-radius: 8px;

      /* Inside auto layout */

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

    .logo_not_absolut {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 108px;
      height: 52px;
      left: 72px;
      top: 52px;
    }

    .block_partner_sous_block_logo_desc_desc2 {
      width: 858px;
      height: 72px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      /* or 150% */

      text-align: center;
      font-feature-settings: 'liga' off;

      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .form-select {
      height: 2.5rem !important;
      border-radius: 0px;
      font-size: small;
    }

    .domaine_icone {
      margin-top: 5px;
    }

    .domaine_icone_fa {
      margin-top: 5px;
      margin-right: 5px;
      cursor: pointer;
    }

    .fron_search {
      border: none;
      font-size: medium;
      padding-right: 5px;
    }

    // -- 07/01
    .service1_img {
      //position: absolute;
      //width: 76px;
      //height: 76px;
      left: 0px;
      top: 0px;

      background: #D6EBE4;
      opacity: 1;
      border-radius: 1rem;
      margin-top: 1rem;
    }

    .service1_title_desc {
      /* Title + Description */


      /* Auto layout */

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 4px;

      width: 70%;
      height: 116px;


      /* Inside auto layout */

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

    .service1_title {


      width: 100%;
      height: 32px;
      text-align: left;
      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 32px;
      /* identical to box height, or 133% */

      letter-spacing: 0.3px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .service1_desc {
      //width: 260px;
      text-align: left;
      height: 80px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      /* or 143% */


      /* Bold Grey */

      color: #4B4B4B;


      /* Inside auto layout */

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

    .img_service {
      width: 100%;
      height: 4rem;
      border-radius: 1rem;
    }

    .forma_et_tuto {
      width: 99%;
      margin-left: 5px;
      height: 80px;
      padding-top: 10px;

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

      text-align: center;
      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      background: #F7F7F7;
    }

    .forma_et_tuto_mobile {
      display: none;
    }

    .cta_publication {
      /* Auto layout */

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

      width: 154px;
      height: 56px;

      /* Deep Blue */

      background: red;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
      text-transform: uppercase;
      color: white;
      font-weight: normal;
      font-size: 14px;
    }

    .cta_hebergement {
      /* Auto layout */

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

      width: 154px;
      height: 56px;

      /* Deep Blue */

      background: rebeccapurple;
      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 1;
      flex-grow: 0;
      text-transform: uppercase;
      color: white;
      font-weight: normal;
      font-size: 14px;
    }


    .search_bar_2 {
      /* Auto layout */

      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px 1px 0px 2px;
      gap: 72px;

      width: 100%;
      height: 10px;

      border-radius: 8px;

      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      margin-bottom: 1rem;
      text-align: left;


    }

    .bton_ensavoir_plus {
      border-radius: 5rem;
      font-size: medium;
      background: #81BC3A !important;
      text-align: center;
      height: 2.5rem;
      width: 100%;
      color: white;
      margin-left: 10px;
      margin-right: 10px;
      padding-top: 10px;
      cursor: pointer;
    }

    .bton_menu_v2 {
      background-color: white;
      width: 100%;
      border: 0px;
      text-align: left;
      color: black;
      letter-spacing: 2px;
      margin: 10px;
      //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
    }

    .bton_menu_v2:hover {
      //color: white;
      letter-spacing: 3px;
      //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
    }


    .mode_affichage {
      width: 8%;
      float: right;
      cursor: pointer;

    }

    .display_grid_list_bton {
      width: 10%;
      float: left;
    }

    .view_grid {
      width: 48% !important;
      float: left !important;
      margin-right: 2%;
    }


    .indicateurs_data {
      // position: fixed;
      left: 75%;
      top: 4rem;
      width: auto
    }


    .bloc_logo_indic {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 1rem;

    }

    .bloc_logo_indic_logo {
      width: 60%;
      float: left;
      text-align: left;
    }



    .bloc_logo_indic_contact {
      width: 18%;
      float: right;
      text-align: right;
    }


    .bloc_logo_indic_indic {
      width: 18%;
      float: left;
    }


    .bloc_milieu {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 10rem;
    }

    .bloc_img_milieu_gauche {
      width: 48%;
      float: right;
      text-align: right;
    }

    .bloc_connexion {
      width: 100%;
      float: left;
      min-height: 40vh;
      padding-top: 3rem;
    }

    .bloc_milieu_text {
      width: 50%;
      float: left;
      text-align: left;
    }



    .bloc_logo_indic_contact_text {
      text-align: left;
      font-weight: 700;
    }


    .bloc_logo_indic_indic_text {
      text-align: left;
      font-weight: 700;
    }

    /*** Pour le modele 2 - MySy_Theme2 **/

    .bloc_milieu_model_2 {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 10rem;
    }


    .bloc_milieu_text_model_2 {
      width: 100%;
      float: left;
      text-align: center;
    }

    .title1_nom_model_2 {
      width: 100%;
      text-align: center;
      height: 150px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 40px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .title2_model_2 {
      width: 100%;
      text-align: center;
      height: 22px;

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


      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .bloc_img_milieu_gauche {
      display: none;
    }

    .Partner_Catalog_Background_Header_model_2 {
      //  position: absolute;
      width: 100%;
      height: 352px;
      left: 0px;
      top: 0px;
    }

    .bloc_logo_indic_model_2 {
      min-height: 5rem;
      width: 90%;
      margin-left: 5%;
      float: left;
      position: absolute;
      top: 1rem;

    }

    .bloc_logo_indic_logo_model_2 {
      width: 60%;
      float: left;
      text-align: left;
    }


    .bloc_logo_indic_contact_model_2 {
      width: 18%;
      float: right;
      text-align: right;
    }


    .bloc_logo_indic_indic_model_2 {
      width: 18%;
      float: left;
    }

    .bloc_logo_indic_contact_text_model_2 {
      text-align: left;
      font-weight: 700;
    }


    .bloc_logo_indic_indic_text_model_2 {
      text-align: left;
      font-weight: 700;
    }

  

    .bloc_milieu_text_model_2_gauche{
      width: 19%;
      float: left;

    }

    .bloc_milieu_text_model_2_centre{
      width: 60%;
      float: left;
    }

    .bloc_milieu_text_model_2_droite{
      width: 20%;
      float: right;
    }

    .title1_text1_model_2  {
      width: 100%;
      text-align: left;
      height: 192px;

      font-family: 'Albert Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 30px;
      line-height: 54px;
      /* or 107% */

      letter-spacing: 1px;

      /* Deep Blue */

      color: #0A043C;


      /* Inside auto layout */

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

    .bloc_connexion_model_2 {
      width: 100%;
      float: left;
      min-height: 40vh;
      padding-top: 3rem;
    }



  }

  // end media 



  .message_hili {
    color: #619e31;
    font-weight: bold;
    opacity: 0.8;
    background: transparent;
    //background: linear-gradient(90deg, rgba(2,1,18,1) 100%, rgba(121,35,9,0.39539565826330536) 35%);
    border-radius: 5px;
  }

  .buton_ch22 {
    border: 2px solid white;
    background-color: transparent;
    color: white;
    padding: 0px;
    font-size: 16px;
    cursor: pointer;
    font-size: small;
    border-radius: 4rem;
    width: 6rem;
    min-width: 6rem;
    height: 1.7rem;
    text-align: left;
  }

  .ch_form-input {
    border-radius: 10rem;
    height: 3rem;
    font-size: medium;
    line-height: 1.5;
    margin-bottom: 4px;
    color: white;
    border: 2.5px solid white;
    background: transparent;
    width: 5rem;
  }

  .MuiPaper-rounded {
    top: 60px !important;
  }

  .bton_menu_v2 {
    background-color: white;
    width: 100%;
    border: 0px;
    text-align: left;
    color: black;
    letter-spacing: 2px;
    margin: 10px;
    //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
  }

  .bton_menu_v2:hover {
    //color: white;
    letter-spacing: 3px;
    //background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
  }



}

.header_img_logo22 {
  display: block;
  height: auto;
  margin-left: 0px;
  margin-right: auto;
  //max-width: 18%;
  max-height: 3rem;
}

.header_menuPrincipal_left {
  @media only screen and (max-width: 600px) {
    display: none;
  }

  margin-left: 0.9rem;
  font-family: "Quicksand",
  "Signika",
  "sans-serif";
  color: white;
  cursor: pointer;
  text-align: left;
  font-size: small;
  border: 2px solid transparent;
  white-space: nowrap;
  text-transform: uppercase;
  padding-top: 0.2rem;
  //border:2px solid white;
  width: 20%;
  float: left;
}

.header_menuPrincipal_left:hover {
  color: #81bc3a;
  padding-left: 0;
  transition: color 0.3s linear;
  letter-spacing: 0.1rem;
  text-decoration: solid;
  text-underline-offset: 3px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  text-decoration: underline;
}

.MuiPaper-rounded {
  border-radius: 0px !important;
}





.iSfofc {
  width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0.2rem !important;
  background: white;
  padding-top: 0.5rem !important;
}

.dHtlYi {
  background: #107758;
}

.bQSvsY {
  background: white !important;
}

.MuiMenu-paper {
  border-radius: 10px !important;
}

.MuiListItem-button {
  background: white !important;
}