/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/articles/Articles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Articles_wrapper__tbwoB {
  margin: 50px;
  display: flex;
  flex-direction: column;
}

.Articles_header__hwRbI {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 1000px) {
  .Articles_header__hwRbI {
    flex-direction: column;
    justify-content: center;
  }
}

.Articles_searchFilter__container__BvzYM {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  align-items: center;
}
@media (max-width: 1000px) {
  .Articles_searchFilter__container__BvzYM {
    margin-left: 0;
  }
}

.Articles_searchbar__lxFj_ {
  flex: 1 1;
  display: flex;
  justify-content: flex-end;
  margin-right: 25px;
  background: rgb(252, 255, 252);
  height: 40px;
  border-radius: 10px;
  padding: 10px;
}

.Articles_searchbar__lxFj_ input {
  border: none;
  background: none;
  outline: none;
  float: left;
  padding: 0;
  color: #1f2425;
  font-size: 16px;
  line-height: 40px;
}

.Articles_filter__jXSKt {
  /* Keep the existing styles for .right */
  margin-left: auto;
  flex-direction: row;
  display: flex;
  align-items: center;
}

.Articles_typeText__Mw_SZ {
  display: flex;
  width: 100px;
  justify-content: center;
  flex-shrink: 0;
  color: #1f2425;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.Articles_type__vG3cJ {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  color: #87ab64;
  text-align: left;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  outline: none;
}

.Articles_card_container__ZCS6N {
  flex-wrap: wrap;
  flex-direction: row;
  display: flex;
  margin-top: 50px;
  align-items: center;
  gap: 25px;
}

.Articles_card__Fjwx_ {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 25px;
}
@media (max-width: 1000px) {
  .Articles_card__Fjwx_ {
    justify-content: center;
  }
}

.Articles_button__c0LjT {
  font-size: 15px;
  width: 200px;
  height: 50px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #89ab5d;
  color: #fff;
  border: none;
}

.Articles_button__c0LjT:hover {
  background: #718d4d;
  cursor: pointer;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/PostsCard/PostsCard.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.PostsCard_card__dnEFm {
  display: flex;
  width: 280px;
  height: 350px;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 12px;
  background: #fff;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.PostsCard_img__DxCqr {
  background: #dedede;
  width: 280px;
  height: 100px;
  flex-shrink: 0;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}

.PostsCard_img__DxCqr img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 12px 12px 0 0;
}

.PostsCard_content__jOtiy {
  display: flex;
  width: 280px;
  padding: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.375rem;
}

.PostsCard_title__BVK1v {
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.PostsCard_subtitle__KTPAz {
  display: flex;
  width: 100%;
  height: 3.4375rem;
  flex-direction: column;
  justify-content: flex-start;
  color: #666;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.PostsCard_publishedDate__gZHKT {
  position: absolute;
  bottom: 10px;
  right: 20px;
  display: flex;
  height: 3.4375rem;
  flex-direction: column;
  justify-content: flex-end; /* Aligner la date en bas */
  align-items: flex-end; /* Aligner la date à droite */
  color: #666;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.PostsCard_files__5aeUy {
  display: flex;
  gap: 10px;
  margin-left: 20px;
  position: absolute;
  bottom: 10px;
}
.PostsCard_files__5aeUy .PostsCard_file__5D61g {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: #fff;
  background-color: #89ab5d;
  border: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}
.PostsCard_files__5aeUy .PostsCard_file__5D61g:hover {
  background-color: #718d4d;
}
.PostsCard_files__5aeUy .PostsCard_file__5D61g:active {
  background-color: #718d4d;
}

.PostsCard_externalLink__dDYc1 {
  color: #89ab5d;
  text-decoration: underline;
  margin-bottom: 10px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  cursor: pointer;
  z-index: 5;
}