.new_s_article_detail_2025 {

  @media only screen and (max-width: 600px) {}

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

  @media only screen and (min-width: 992px) and (max-width: 1199px) {}

  @media only screen and (min-width: 1200px) {

    .head_background_with_img_displayed {
      /* Background */

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

      background: #C4C8EE;
      opacity: 0.1;
      z-index: -1;

    }

    .head_background_without_img_displayed {
      /* Background */

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

      background: #C4C8EE;
      opacity: 0.1;
      z-index: -1;

    }

    .frame1 {
      /* Frame 1 */

      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 32px;

      width: 100%;
      height: 630px;


      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 0;


      /* Blog Info */

      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0px;
      gap: 20px;

      width: 1116px;
      height: 136px;


      /* Inside auto layout */
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;


      /* Title */

      width: 1116px;
      height: 96px;

      font-family: 'DM Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 40px;
      line-height: 120%;
      /* or 48px */
      text-align: center;

      /* Foundation /Blue/Darker */
      color: #16274F;


      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 0;


      /* Date */

      width: 131px;
      height: 20px;

      font-family: 'Inter';
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      /* identical to box height, or 143% */

      /* Foundation /Blue-Grey/Normal */
      color: #4B5162;


      /* Inside auto layout */
      flex: none;
      order: 1;
      flex-grow: 0;


      /* Image */

      width: 1116px;
      height: 462px;

      // background: url(photo-1596079890701-dd42edf0b7d4.jpg);

      /* Inside auto layout */
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0;

    }



    .blog_info_with_img_displayed {

      width: 80%;
      margin: auto;
      //   background: aliceblue;
      margin-bottom: 32px;
      height: 15rem;
    }


    .blog_info_without_img_displayed {

      width: 80%;
      margin: auto;
      //   background: aliceblue;
      margin-bottom: 32px;
    }


    .blog_info_paragraphe {

      width: 80%;
      margin: auto;
      //   background: aliceblue;
      margin-bottom: 32px;
    }

    .blog_info_title {
      /* Title */


      height: 96px;

      font-family: 'DM Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 40px;
      line-height: 120%;
      /* or 48px */
      text-align: center;

      /* Foundation /Blue/Darker */
      color: #16274F;
      width: 80%;
      margin: auto;
      margin-top: auto;
      margin-top: 5rem;
      margin-bottom: 1rem;
    }

    .blog_info_date {
      /* Date */

      width: 131px;
      height: 20px;

      font-family: 'Inter';
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      /* identical to box height, or 143% */

      /* Foundation /Blue-Grey/Normal */
      color: #4B5162;


      width: 80%;
      margin: auto;

    }

    .frame1_img {
      /* Image */

      width: 90%;
      margin: auto;
      margin-top: 1rem;
      margin-bottom: 1rem;
    }

    .frame1_img_class {
      width: 90%;
      margin: auto;
      max-height: 30rem;
      max-width: 1200px;
    }

    .paragraphe {
      /* Para */

      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;

      width: 888px;
      height: 332px;


      /* Inside auto layout */
      flex: none;
      order: 2;
      align-self: stretch;
      flex-grow: 0;





      /* Inside auto layout */
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;



      /* Foundation /Blue-Grey/Normal */
      color: #4B5162;


      /* Inside auto layout */
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0;

    }

    .paragraphe_title {
      /* Title */

      // width: 888px;
      //height: 28px;

      font-family: 'DM Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px;
      /* identical to box height, or 117% */

      /* Foundation /Blue/Darker */
      color: #16274F;


      text-align: left;
      width: 80%;
      margin: auto;

    }

    .paragraphe_text {
      /* Article */

      // width: 888px;
      //height: 288px;

      font-family: 'Inter';
      font-style: normal;
      font-weight: 400;
      font-size: 20px;
      line-height: 32px;
      /* or 160% */

      /* Foundation /Blue-Grey/Normal */
      color: #4B5162;


      /* Inside auto layout */
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0;
      text-align: left;

      width: 80%;
      margin: auto;


    }

    .a_decouvrir {
      font-family: 'DM Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 32px;
      line-height: 40px;
      height: 40px;
      color: #16274F;
      text-align: left;
      margin-bottom: 32px;
    }

    .a_decouvrir_img {
      max-width: 356px;
      max-width: 240px;
    }

    .a_decouvrir_img_class {
      width: 100%;
      border-radius: 10px;

    }

    .a_decouvrir_title {
      /* Display xs/Semibold */
      font-family: 'Inter';
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 32px;
      /* or 133% */

      /* Foundation /Blue/Darker */
      color: #16274F;
      text-align: left;

    }

    .a_decouvrir_small_desc {
      /* Text md/Normal */
      font-family: 'Inter';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      /* or 150% */

      /* Foundation /Blue-Grey/Normal */
      color: #4B5162;

      text-align: left;

    }

  }

  // end media
  .retour_list_articles {
    cursor: pointer;
    width: 100%;
    text-align: center;
    border: 1px solid #d5d8dc;
    border-radius: 5px;
    padding-top: 10px;
    background: #f8f9f9;
    box-shadow: 3px 0px 5px 3px rgba(0, 0, 0, 0.1);
    height: 3rem;
    float: left;
    font-style: normal;
  }

  .retour_list_articles:hover {
    font-style: italic;
  }

}