/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./app/(unauth)/nos-formations/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_listFormationWrapper__Du_hw {
  padding: 80px 64px;
  background-color: #f4f6fc;
}
.styles_listFormationWrapper__Du_hw > h2 {
  color: #040053;
  text-align: center;
  margin: 0;
}
.styles_listFormationWrapper__Du_hw > h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  margin: 18px 0;
  color: #EC681D;
}
.styles_listFormationWrapper__Du_hw > p {
  text-align: center;
}
@media (max-width: 900px) {
  .styles_listFormationWrapper__Du_hw {
    padding: 40px 16px;
  }
}
.styles_listFormationWrapper__Du_hw .styles_cardWrapper__zKVfu {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 40px;
  flex-wrap: wrap;
}
.styles_listFormationWrapper__Du_hw .styles_cardWrapper__zKVfu > div {
  width: 330px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./components/card-subscribe/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.styles_cardWrapper__3s2vr {
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 16px;
  max-width: 320px;
  width: 100%;
}
.styles_cardWrapper__3s2vr .styles_description__nJGmZ {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* nombre de lignes à afficher */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_cardWrapper__3s2vr .styles_image__x_4O8 {
  position: relative;
  height: 180px;
  width: 100%;
}
.styles_cardWrapper__3s2vr .styles_image__x_4O8 img {
  border-radius: 8px;
}
.styles_cardWrapper__3s2vr > h3 {
  color: #040053;
  font-weight: 600;
  font-size: 18px;
  margin: 12px 0 0 0;
}
.styles_cardWrapper__3s2vr > p {
  font-size: 14px;
  line-height: 20px;
  margin: 8px 0;
  min-height: 60px;
}
.styles_cardWrapper__3s2vr > div {
  display: flex;
  align-items: center;
  font-size: 12px;
  gap: 5px;
  margin-bottom: 6px;
}
.styles_cardWrapper__3s2vr > div > span {
  font-weight: 500;
}
.styles_cardWrapper__3s2vr > div svg {
  height: 16px;
  width: 16px;
}
.styles_cardWrapper__3s2vr > div.styles_dateBegin__lMtMe {
  margin-top: 16px;
}
.styles_cardWrapper__3s2vr > div.styles_dateLimit__i49v3 span {
  color: red;
}
.styles_cardWrapper__3s2vr > a {
  background-color: #EC681D;
  width: 100%;
  display: flex;
  border-radius: 60px;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  color: #FFFFFF;
  padding: 12px 16px;
}
.styles_cardWrapper__3s2vr > a svg {
  margin-right: 8px;
}
@media (max-width: 450px) {
  .styles_cardWrapper__3s2vr {
    max-width: unset;
  }
}