#course_filter {
  width: 99%;
  display: flex;
  margin-bottom: 4.8rem;
  justify-content: flex-end;
}
#course_filter form {
  display: flex;
  justify-content: space-between;
}
#course_filter form select {
  width: 70%;border-radius: 0;
  border: 1px solid #E7E7E7;
  border-right: 0;appearance: none;
}
#course_filter form button {
  width: 150px;
  background: #2f358d;
  color: #fff;
  margin-left: 0 !important;
}

#search_title {
  display: flex;
  align-items: center;
  color: #2f358d;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
}
#search_title img {
  width: 25px;
  height: 25px;
  margin-right: 0.5em;
}


/* New template */
.courses-list .first,
.courses-list #all_courses {
  width: 1134px;
  /* width: 1500px; */
  margin: 0 auto 10rem;
  max-width: calc(100% - 2rem);
}
.courses-search.department-mode{
   width: 1500px !important;
}
.courses-list .article {
  background-color: #fff;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.15);
  border: 0 solid #c3e6ff;
  border-right-width: 8px;
}
.formation .article-grid {
  min-height: 235px;
}
.courses-list .article ul {
  margin: 0;
}
.courses-list .article li,
.courses-list .article .class {
  padding-left: 28px;
  background-position: left center;
  color: #27a3d8;
  font-size: 12px;
  line-height: 1.95;
  background-repeat: no-repeat;
}
.courses-list .article-body {
  position: relative;
  padding: 1.6rem 2.2rem;
  flex: 1;display: flex;
  flex-direction: column;
}
.courses-list .article-header {
  overflow: hidden;
  position: relative;
}
.courses-list .article-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 1.1rem;
  text-transform: uppercase;
  color: #2f358d;
}
.courses-list .article-infos{
  flex: 1;
}
.courses-list .is-new {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-weight: 700;
  font-size: 17px;
  color: #ffffff;
  line-height: 1.45;
  text-align: center;
  left: 0;
  background: rgba(47, 53, 141, 0.9);
}
.courses-list .budget {
  background: #ecf7ff;
  padding: 0 0.3rem;
  border-radius: 5px;
}
.courses-list .budget li {
  display: inline-block;
}
.courses-list .budget li:not(:last-child) {
  margin: 0.5rem 0.4rem;
}
.courses-list .budget .icon-budget {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none' viewBox='0 0 22 23'%3E%3Cpath fill='%238BDC9C' d='M10.303.992h1.372c.14.018.281.037.422.052 2.173.234 4.12 1.027 5.808 2.416 2.105 1.732 3.415 3.947 3.898 6.64.072.4.114.805.169 1.208v1.375c-.012.056-.032.11-.036.166-.13 1.698-.615 3.287-1.5 4.74-1.743 2.86-4.261 4.62-7.556 5.242-.398.075-.803.114-1.205.169h-1.372c-.254-.031-.509-.058-.762-.094-2.924-.427-5.332-1.782-7.163-4.103C.464 16.375-.287 13.595.108 10.53c.313-2.444 1.37-4.545 3.105-6.29 1.64-1.65 3.61-2.684 5.905-3.082.393-.068.79-.111 1.185-.166Zm.681 20.632c5.289.005 9.6-4.306 9.615-9.612.015-5.304-4.303-9.64-9.604-9.644-5.29-.005-9.601 4.306-9.615 9.612-.015 5.303 4.304 9.64 9.604 9.644Z'/%3E%3Cpath fill='%238BDC9C' d='M6.145 12.684V11.31h-.588c-.436-.003-.745-.29-.745-.688 0-.4.308-.684.745-.687.272-.002.544-.007.815.003.133.005.196-.038.255-.161.74-1.546 1.927-2.576 3.581-3.027 1.438-.392 2.817-.203 4.123.514.373.205.508.599.329.944-.183.353-.594.468-.977.265-1.383-.734-2.762-.739-4.132.024-.539.3-.974.722-1.326 1.23-.039.057-.071.117-.126.208h2.809c.454.001.766.283.766.688 0 .406-.311.687-.766.688H7.541v1.376h3.364c.456 0 .768.28.77.685 0 .406-.311.69-.765.69H8.008c.053.096.086.164.126.227a4.143 4.143 0 0 0 5.463 1.441c.162-.086.364-.147.543-.142.293.01.525.252.578.524a.682.682 0 0 1-.34.749 5.171 5.171 0 0 1-2.014.685c-2.552.294-4.769-.979-5.81-3.333-.053-.12-.115-.157-.238-.153-.265.009-.53.006-.794.002-.404-.006-.706-.297-.71-.678-.006-.393.298-.69.713-.697.2-.004.399-.002.62-.002Z'/%3E%3C/svg%3E%0A");
}
.courses-list .budget .icon-budget-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none' viewBox='0 0 22 23'%3E%3Cpath fill='%23FFC107' d='M10.303.992h1.372c.14.018.281.037.422.052 2.173.234 4.12 1.027 5.808 2.416 2.105 1.732 3.415 3.947 3.898 6.64.072.4.114.805.169 1.208v1.375c-.012.056-.032.11-.036.166-.13 1.698-.615 3.287-1.5 4.74-1.743 2.86-4.261 4.62-7.556 5.242-.398.075-.803.114-1.205.169h-1.372c-.254-.031-.509-.058-.762-.094-2.924-.427-5.332-1.782-7.163-4.103C.464 16.375-.287 13.595.108 10.53c.313-2.444 1.37-4.545 3.105-6.29 1.64-1.65 3.61-2.684 5.905-3.082.393-.068.79-.111 1.185-.166Zm.681 20.632c5.289.005 9.6-4.306 9.615-9.612.015-5.304-4.303-9.64-9.604-9.644-5.29-.005-9.601 4.306-9.615 9.612-.015 5.303 4.304 9.64 9.604 9.644Z'/%3E%3Cpath fill='%23FFC107' d='M6.145 12.684V11.31h-.588c-.436-.003-.745-.29-.745-.688 0-.4.308-.684.745-.687.272-.002.544-.007.815.003.133.005.196-.038.255-.161.74-1.546 1.927-2.576 3.581-3.027 1.438-.392 2.817-.203 4.123.514.373.205.508.599.329.944-.183.353-.594.468-.977.265-1.383-.734-2.762-.739-4.132.024-.539.3-.974.722-1.326 1.23-.039.057-.071.117-.126.208h2.809c.454.001.766.283.766.688 0 .406-.311.687-.766.688H7.541v1.376h3.364c.456 0 .768.28.77.685 0 .406-.311.69-.765.69H8.008c.053.096.086.164.126.227a4.143 4.143 0 0 0 5.463 1.441c.162-.086.364-.147.543-.142.293.01.525.252.578.524a.682.682 0 0 1-.34.749 5.171 5.171 0 0 1-2.014.685c-2.552.294-4.769-.979-5.81-3.333-.053-.12-.115-.157-.238-.153-.265.009-.53.006-.794.002-.404-.006-.706-.297-.71-.678-.006-.393.298-.69.713-.697.2-.004.399-.002.62-.002Z'/%3E%3C/svg%3E%0A");
}
.courses-list .budget .icon-budget-2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none' viewBox='0 0 22 23'%3E%3Cpath fill='%23EA759C' d='M10.303.992h1.372c.14.018.281.037.422.052 2.173.234 4.12 1.027 5.808 2.416 2.105 1.732 3.415 3.947 3.898 6.64.072.4.114.805.169 1.208v1.375c-.012.056-.032.11-.036.166-.13 1.698-.615 3.287-1.5 4.74-1.743 2.86-4.261 4.62-7.556 5.242-.398.075-.803.114-1.205.169h-1.372c-.254-.031-.509-.058-.762-.094-2.924-.427-5.332-1.782-7.163-4.103C.464 16.375-.287 13.595.108 10.53c.313-2.444 1.37-4.545 3.105-6.29 1.64-1.65 3.61-2.684 5.905-3.082.393-.068.79-.111 1.185-.166Zm.681 20.632c5.289.005 9.6-4.306 9.615-9.612.015-5.304-4.303-9.64-9.604-9.644-5.29-.005-9.601 4.306-9.615 9.612-.015 5.303 4.304 9.64 9.604 9.644Z'/%3E%3Cpath fill='%23EA759C' d='M6.145 12.684V11.31h-.588c-.436-.003-.745-.29-.745-.688 0-.4.308-.684.745-.687.272-.002.544-.007.815.003.133.005.196-.038.255-.161.74-1.546 1.927-2.576 3.581-3.027 1.438-.392 2.817-.203 4.123.514.373.205.508.599.329.944-.183.353-.594.468-.977.265-1.383-.734-2.762-.739-4.132.024-.539.3-.974.722-1.326 1.23-.039.057-.071.117-.126.208h2.809c.454.001.766.283.766.688 0 .406-.311.687-.766.688H7.541v1.376h3.364c.456 0 .768.28.77.685 0 .406-.311.69-.765.69H8.008c.053.096.086.164.126.227a4.143 4.143 0 0 0 5.463 1.441c.162-.086.364-.147.543-.142.293.01.525.252.578.524a.682.682 0 0 1-.34.749 5.171 5.171 0 0 1-2.014.685c-2.552.294-4.769-.979-5.81-3.333-.053-.12-.115-.157-.238-.153-.265.009-.53.006-.794.002-.404-.006-.706-.297-.71-.678-.006-.393.298-.69.713-.697.2-.004.399-.002.62-.002Z'/%3E%3C/svg%3E%0A");
}
.courses-list .features li {
  margin-top: 0.67rem;
}
.courses-list .features .icon-hour {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none' viewBox='0 0 22 23'%3E%3Cpath fill='%2327A3D8' d='M10.303.992h1.372c.14.018.281.037.422.052 2.173.234 4.12 1.027 5.808 2.416 2.105 1.732 3.415 3.947 3.898 6.64.072.4.114.805.169 1.208v1.375c-.012.056-.032.11-.036.166-.13 1.698-.615 3.287-1.5 4.74-1.743 2.86-4.261 4.62-7.556 5.242-.398.075-.803.114-1.205.169h-1.372c-.254-.031-.509-.058-.762-.094-2.924-.427-5.332-1.782-7.163-4.103C.464 16.375-.287 13.595.108 10.53c.313-2.444 1.37-4.545 3.105-6.29 1.64-1.65 3.61-2.684 5.905-3.082.393-.068.79-.111 1.185-.166Zm.681 20.632c5.289.005 9.6-4.306 9.615-9.612.015-5.304-4.303-9.64-9.604-9.644-5.29-.005-9.601 4.306-9.615 9.612-.015 5.303 4.304 9.64 9.604 9.644Z'/%3E%3Cpath fill='%2327A3D8' d='M12 8h-2v6h6v-2h-4V8Z'/%3E%3C/svg%3E%0A");
}
.courses-list .features .icon-book {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none' viewBox='0 0 22 23'%3E%3Cpath fill='%2327A3D8' d='M10.303.992h1.372c.14.018.281.037.422.052 2.173.234 4.12 1.027 5.808 2.416 2.105 1.732 3.415 3.947 3.898 6.64.072.4.114.805.169 1.208v1.375c-.012.056-.032.11-.036.166-.13 1.698-.615 3.287-1.5 4.74-1.743 2.86-4.261 4.62-7.556 5.242-.398.075-.803.114-1.205.169h-1.372c-.254-.031-.509-.058-.762-.094-2.924-.427-5.332-1.782-7.163-4.103C.464 16.375-.287 13.595.108 10.53c.313-2.444 1.37-4.545 3.105-6.29 1.64-1.65 3.61-2.684 5.905-3.082.393-.068.79-.111 1.185-.166Zm.681 20.632c5.289.005 9.6-4.306 9.615-9.612.015-5.304-4.303-9.64-9.604-9.644-5.29-.005-9.601 4.306-9.615 9.612-.015 5.303 4.304 9.64 9.604 9.644Z'/%3E%3Cpath fill='%2327A3D8' stroke='%2327A3D8' stroke-width='.5' d='M5.005 12.435c0-1.204.006-2.408-.004-3.612-.003-.226.08-.353.301-.446.949-.397 1.939-.443 2.952-.31a9.99 9.99 0 0 1 2.573.716c.157.066.28.069.44.003 1.182-.49 2.41-.81 3.722-.783a4.828 4.828 0 0 1 1.85.393c.178.078.261.187.261.374-.004 2.457-.002 4.913-.005 7.37 0 .274-.171.401-.412.294-1.256-.56-2.534-.444-3.81-.1-.542.147-1.064.357-1.588.556a.554.554 0 0 1-.467 0c-1.13-.497-2.308-.834-3.575-.838a4.26 4.26 0 0 0-1.751.352c-.315.138-.485.038-.486-.284-.002-1.228 0-2.457 0-3.685Zm11.497 3.34c.01-.063.023-.102.023-.14.001-2.208 0-4.415.006-6.623 0-.138-.056-.215-.194-.24-.452-.084-.902-.214-1.357-.233-1.203-.052-2.328.27-3.424.698-.177.07-.221.162-.22.327.005 2.152.003 4.303.004 6.455 0 .074.013.148.02.239 1.685-.624 3.36-1.011 5.142-.484Zm-5.763.48c.01-.069.02-.1.02-.13.001-2.207.003-4.414-.006-6.62 0-.083-.096-.213-.179-.24-.631-.21-1.26-.435-1.91-.584-.944-.217-1.9-.24-2.84.065-.182.06-.254.14-.254.327.008 2.135.005 4.27.005 6.404v.308c1.816-.542 3.49-.144 5.164.47Z'/%3E%3Cpath fill='%2327A3D8' d='M15.313 9.985c-.049.04-.125.148-.229.18-.71.222-1.427.428-2.142.639-.177.052-.318.006-.378-.159-.058-.164.023-.284.2-.336.722-.216 1.444-.432 2.168-.64.21-.06.381.058.381.316Zm-.001 1.729c-.043.04-.107.154-.202.183-.725.228-1.457.442-2.188.655-.164.048-.298-.007-.356-.16-.058-.154.007-.282.168-.332.737-.224 1.475-.444 2.217-.652.204-.058.36.064.36.306Zm0 1.748c-.044.04-.11.15-.205.18a100.9 100.9 0 0 1-2.19.653c-.16.046-.298-.01-.353-.166-.055-.154.014-.28.176-.329.728-.221 1.458-.44 2.192-.646.221-.063.382.055.38.308ZM7.02 9.63c.115.03.166.04.216.054l2.041.606c.033.01.068.018.099.033.159.072.23.207.144.335-.057.082-.238.17-.33.145a46.63 46.63 0 0 1-2.215-.655c-.087-.029-.172-.2-.164-.3.007-.084.148-.159.209-.217Zm2.53 4.351c-.006.255-.176.37-.39.308-.714-.205-1.427-.42-2.14-.632-.186-.056-.28-.172-.215-.348.067-.186.235-.197.41-.146.506.147 1.01.3 1.516.45.2.059.405.104.595.183.102.043.176.144.225.186Zm-.237-1.395c-.122-.031-.181-.045-.24-.062-.664-.196-1.33-.388-1.99-.593a.508.508 0 0 1-.271-.192c-.037-.063-.005-.208.055-.257a.408.408 0 0 1 .305-.064c.345.083.683.193 1.023.293.382.113.764.224 1.144.34.164.05.254.17.193.317-.039.094-.157.16-.219.218Z'/%3E%3C/svg%3E%0A");
}
.courses-list .features .icon-screen {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none' viewBox='0 0 22 23'%3E%3Cpath fill='%2327A3D8' d='M10.303.992h1.372c.14.018.281.037.422.052 2.173.234 4.12 1.027 5.808 2.416 2.105 1.732 3.415 3.947 3.898 6.64.072.4.114.805.169 1.208v1.375c-.012.056-.032.11-.036.166-.13 1.698-.615 3.287-1.5 4.74-1.743 2.86-4.261 4.62-7.556 5.242-.398.075-.803.114-1.205.169h-1.372c-.254-.031-.509-.058-.762-.094-2.924-.427-5.332-1.782-7.163-4.103C.464 16.375-.287 13.595.108 10.53c.313-2.444 1.37-4.545 3.105-6.29 1.64-1.65 3.61-2.684 5.905-3.082.393-.068.79-.111 1.185-.166Zm.681 20.632c5.289.005 9.6-4.306 9.615-9.612.015-5.304-4.303-9.64-9.604-9.644-5.29-.005-9.601 4.306-9.615 9.612-.015 5.303 4.304 9.64 9.604 9.644Z'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2327A3D8' d='M13.957 8.936h.613-.613Zm2.564.344c0-.47-.249-.74-.696-.743-.459-.004-.918-.003-1.378-.001H8.935c-.868 0-1.736-.003-2.604 0-.453.003-.702.268-.702.738v6.116c0 .465.248.726.686.726h3.735c-.052.212-.11.407-.147.606-.022.115-.076.138-.175.136a80.74 80.74 0 0 0-1.175 0c-.228 0-.347.102-.347.29 0 .194.109.281.349.281h3.485c.535 0 1.07-.002 1.606 0 .17.002.276-.07.293-.253.02-.195-.101-.316-.319-.318-.397-.003-.796.003-1.194-.006-.059-.001-.152-.055-.168-.107-.065-.198-.105-.405-.159-.629h3.709c.47 0 .712-.251.713-.74V9.28Zm-4.048 6.432H6.4c-.34 0-.388-.049-.388-.4V9.338c0-.33.072-.403.395-.403h6.064v6.776Zm.227-6.776h3.072c.284 0 .365.083.365.373v2.73c0 .052-.006.105-.01.161H12.7V8.936Zm3.437 6.402c0 .31-.062.374-.355.374H12.72v-3.246h3.407c.004.066.011.126.011.184v2.688Z'/%3E%3Cpath fill='%2327A3D8' d='M11.882 14.504h-5.27c-.027-.3.078-.553.233-.782.336-.497.824-.758 1.364-.925.055-.017.14.017.192.056.555.43 1.113.433 1.673.009.056-.043.147-.08.207-.062.482.145.92.38 1.254.786.213.259.342.557.347.918Z'/%3E%3Cpath fill='%2327A3D8' d='M10.317 12.22c-.264.53-.744.809-1.261.732-.474-.07-.94-.59-1.035-1.153-.132-.785.233-1.429.918-1.612.1-.026.205-.028.308-.042.99.014 1.553 1.103 1.07 2.075Zm5.573-.455h-2.92c-.01-.452.44-.815.891-.935.037-.01.091.035.132.063.28.193.574.19.861.002a.285.285 0 0 1 .223-.032c.41.152.742.387.813.902Z'/%3E%3Cpath fill='%2327A3D8' d='M15.109 10.117c-.001.438-.326.82-.693.814-.368-.005-.68-.385-.678-.828.001-.426.283-.726.682-.728.405-.001.69.306.689.742Zm.78 5.168h-2.93c.03-.398.259-.633.562-.806.19-.108.366-.19.588-.017.216.167.48.127.695-.035.122-.091.22-.088.34-.034.383.17.692.404.745.892Z'/%3E%3Cpath fill='%2327A3D8' d='M15.109 13.626c-.001.445-.313.808-.692.806-.377-.002-.68-.366-.68-.818.002-.414.298-.737.681-.74.39-.003.693.326.69.752Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v10H0z' transform='translate(5 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.courses-list .btn {
  background: #26a454;
  border-radius: 20px;
  color: #fff;
  padding: 0.25rem 1.4rem;
  font-size: 12px;
  width: max-content;
  margin-left: auto;
  margin-top: 5px;
}
.courses-list .btn svg {
  vertical-align: inherit;
  transition: all 0.3s ease-in-out;
}
.courses-list .btn:hover svg {
  transform: translateX(5px);
}
.courses-list .btn svg:hover path {
  fill: #fff;
}
.courses-list #all_courses:not(.courses-search) {
  display: grid;
  grid-gap: 5.3rem 2.4rem;
}
@media (min-width: 1050px) {
  .courses-list #all_courses:not(.courses-search) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1049px) {
  .courses-list #all_courses:not(.courses-search) {
    grid-gap: 3rem 0;
  }
}
.courses-list img {
  height: 100% !important;
  width: 177px;min-height: 235px;
  transition: all 0.5s ease-in-out;
  -o-object-fit: cover;
     object-fit: cover;
}
.courses-list .courses-search {
  margin-top: 6rem;
}
.courses-list .courses-search .article {
  margin-bottom: 11.1rem;
}
.courses-list .courses-search .article-title {
  margin-bottom: 0.9rem;
  font-size: 20px;
  max-width: 537px;
  line-height: 23px;
}
.courses-list .courses-search .article-body {
  padding: 2.6rem 1.4rem 1.4rem;
}
.courses-list .courses-search .btn {
  position: static;
  float: right;
}
.courses-list .courses-search .budget li {
  background-size: 18.22px;
}
.courses-list .courses-search img {
  width: 188px;
}
@media (max-width: 1152px) {
  .courses-list .courses-search {
    padding: 0 1rem;
  }
}
.courses-list .article-slide:not(.has-scroll) .slide-actions{
  display: none;
}
.courses-list .article-slide.has-scroll {
  position: relative;
  padding: 0 4rem;
}
.courses-list .slide-wrapper {
  display: flex;
  overflow-x: auto;
  padding-bottom: 2rem;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #c3e6ff #ebf3fa;
  /* Chrome, Edge, and Safari */
}
.courses-list .slide-wrapper::-webkit-scrollbar {
  width: 9px;
}
.courses-list .slide-wrapper::-webkit-scrollbar-track {
  background: #ebf3fa;
}
.courses-list .slide-wrapper::-webkit-scrollbar-thumb {
  background-color: #c3e6ff;
  border-radius: 20px;
  border: 3px solid #ebf3fa;
}
.courses-list .slide-wrapper li,
.courses-list .slide-wrapper .class {
  padding-left: 24px;
}
.courses-list .slide-wrapper > div {
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  min-width: 320px;
  margin-right: 18px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
.courses-list .slide-wrapper .btn {
  margin-top: 1.4rem;
}
.courses-list .class {
  margin: 1.6rem 0 0;
}
.courses-list .slide-actions button {
  position: absolute;
  top: 50%;
  background: transparent;
  border: none;
  transform: translateY(-50%);
}
.courses-list .slide-actions button:focus svg {
  transform: scale(0.9);
}
.courses-list .slide-actions button.next {
  right: 0;
}
.courses-list .slide-actions button.prev {
  left: 0;
}
.courses-list .slide-actions button svg {
  pointer-events: none;
  transform: scale(1);
  transition: transform 0.3s ease-in;
}
.courses-list .icon-presentiel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' viewBox='0 0 19 19'%3E%3Cpath fill='%238782B0' stroke='%238782B0' stroke-width='.5' d='M7.691 9.91c-.767-.628-1.122-1.46-1-2.507.074-.633.348-1.16.792-1.565.942-.86 2.179-.782 3.025.001.587.544.855 1.253.816 2.09-.039.84-.418 1.484-1.043 1.998.078.05.122.084.171.107a3.763 3.763 0 0 1 1.984 2.148c.154.406.22.856.296 1.293.048.273.01.295-.254.295h-.02c-.184 0-.284-.1-.297-.298-.12-1.673-1.427-3.05-2.976-3.13-1.172-.061-2.102.45-2.795 1.462a3.21 3.21 0 0 0-.564 1.714c-.007.18-.058.285-.244.254-.06-.01-.124-.004-.186 0-.114.005-.154-.054-.145-.175.12-1.648.866-2.826 2.232-3.539.05-.026.102-.052.15-.08.015-.01.025-.029.058-.067Zm1.324-.219c.913.04 1.768-.867 1.747-1.917-.023-1.137-.84-1.926-1.776-1.92-1.041.005-1.805.97-1.75 2.061.05.97.857 1.803 1.78 1.776Z'/%3E%3Cpath fill='%238782B0' d='M8.54 0h1.137c.117.015.233.03.35.043 1.802.194 3.417.852 4.816 2.004 1.746 1.436 2.832 3.272 3.233 5.506.06.331.094.667.14 1.002v1.14c-.01.046-.026.091-.03.138-.107 1.407-.51 2.725-1.244 3.93-1.445 2.373-3.533 3.831-6.266 4.347-.33.063-.665.095-.999.14H8.54c-.21-.026-.421-.047-.632-.078-2.424-.354-4.421-1.477-5.94-3.402C.38 12.757-.243 10.45.084 7.91c.26-2.027 1.137-3.77 2.576-5.217C4.02 1.325 5.654.467 7.557.137c.325-.056.655-.092.982-.137Zm.564 17.11c4.386.003 7.961-3.571 7.973-7.972.013-4.398-3.568-7.994-7.964-7.997-4.387-.004-7.962 3.57-7.974 7.97-.011 4.398 3.57 7.995 7.965 7.998Z'/%3E%3C/svg%3E%0A");
}
.courses-list .icon-virtuelle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' viewBox='0 0 22 23'%3E%3Cpath fill='%2327A3D8' d='M10.303.992h1.372c.14.018.281.037.422.052 2.173.234 4.12 1.027 5.808 2.416 2.105 1.732 3.415 3.947 3.898 6.64.072.4.114.805.169 1.208v1.375c-.012.056-.032.11-.036.166-.13 1.698-.615 3.287-1.5 4.74-1.743 2.86-4.261 4.62-7.556 5.242-.398.075-.803.114-1.205.169h-1.372c-.254-.031-.509-.058-.762-.094-2.924-.427-5.332-1.782-7.163-4.103C.464 16.375-.287 13.595.108 10.53c.313-2.444 1.37-4.545 3.105-6.29 1.64-1.65 3.61-2.684 5.905-3.082.393-.068.79-.111 1.185-.166Zm.681 20.632c5.289.005 9.6-4.306 9.615-9.612.015-5.304-4.303-9.64-9.604-9.644-5.29-.005-9.601 4.306-9.615 9.612-.015 5.303 4.304 9.64 9.604 9.644Z'/%3E%3Cpath fill='%2327A3D8' stroke='%2327A3D8' stroke-width='.5' d='M5.005 12.435c0-1.204.006-2.408-.004-3.612-.003-.226.08-.353.301-.446.949-.397 1.939-.443 2.952-.31a9.99 9.99 0 0 1 2.573.716c.157.066.28.069.44.003 1.182-.49 2.41-.81 3.722-.783a4.828 4.828 0 0 1 1.85.393c.178.078.261.187.261.374-.004 2.457-.002 4.913-.005 7.37 0 .274-.171.401-.412.294-1.256-.56-2.534-.444-3.81-.1-.542.147-1.064.357-1.588.556a.554.554 0 0 1-.467 0c-1.13-.497-2.308-.834-3.575-.838a4.26 4.26 0 0 0-1.751.352c-.315.138-.485.038-.486-.284-.002-1.228 0-2.457 0-3.685Zm11.497 3.34c.01-.063.023-.102.023-.14.001-2.208 0-4.415.006-6.623 0-.138-.056-.215-.194-.24-.452-.084-.902-.214-1.357-.233-1.203-.052-2.328.27-3.424.698-.177.07-.221.162-.22.327.005 2.152.003 4.303.004 6.455 0 .074.013.148.02.239 1.685-.624 3.36-1.011 5.142-.484Zm-5.763.48c.01-.069.02-.1.02-.13.001-2.207.003-4.414-.006-6.62 0-.083-.096-.213-.179-.24-.631-.21-1.26-.435-1.91-.584-.944-.217-1.9-.24-2.84.065-.182.06-.254.14-.254.327.008 2.135.005 4.27.005 6.404v.308c1.816-.542 3.49-.144 5.164.47Z'/%3E%3Cpath fill='%2327A3D8' d='M15.313 9.985c-.049.04-.125.148-.229.18-.71.222-1.427.428-2.142.639-.177.052-.318.006-.378-.159-.058-.164.023-.284.2-.336.722-.216 1.444-.432 2.168-.64.21-.06.381.058.381.316Zm-.001 1.729c-.043.04-.107.154-.202.183-.725.228-1.457.442-2.188.655-.164.048-.298-.007-.356-.16-.058-.154.007-.282.168-.332.737-.224 1.475-.444 2.217-.652.204-.058.36.064.36.306Zm0 1.748c-.044.04-.11.15-.205.18a100.9 100.9 0 0 1-2.19.653c-.16.046-.298-.01-.353-.166-.055-.154.014-.28.176-.329.728-.221 1.458-.44 2.192-.646.221-.063.382.055.38.308ZM7.02 9.63c.115.03.166.04.216.054l2.041.606c.033.01.068.018.099.033.159.072.23.207.144.335-.057.082-.238.17-.33.145a46.63 46.63 0 0 1-2.215-.655c-.087-.029-.172-.2-.164-.3.007-.084.148-.159.209-.217Zm2.53 4.351c-.006.255-.176.37-.39.308-.714-.205-1.427-.42-2.14-.632-.186-.056-.28-.172-.215-.348.067-.186.235-.197.41-.146.506.147 1.01.3 1.516.45.2.059.405.104.595.183.102.043.176.144.225.186Zm-.237-1.395c-.122-.031-.181-.045-.24-.062-.664-.196-1.33-.388-1.99-.593a.508.508 0 0 1-.271-.192c-.037-.063-.005-.208.055-.257a.408.408 0 0 1 .305-.064c.345.083.683.193 1.023.293.382.113.764.224 1.144.34.164.05.254.17.193.317-.039.094-.157.16-.219.218Z'/%3E%3C/svg%3E%0A");
}
.courses-list .Title {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: #2f358d;
  margin-bottom: 0.9rem;
}
.courses-list .Description {
  font-weight: 400;
  font-size: 16px;
  color: #27a3d8;
}
.courses-list .Info {
  display: flex;
  font-size: 12px;
  justify-content: space-between;
}
.courses-list .Info > * {
  margin-bottom: 0.4rem;
}
.courses-list .Searched {
  margin: 1rem 0 4rem;
  overflow-x: auto;
}
.courses-list .Searched ul {
  display: flex;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0;
}
.courses-list .Searched li {
  margin-right: 4rem;
}
.courses-list .Searched span {
  display: block;
  border: 1px solid #27a3d8;
  border-radius: 30px;
  font-weight: 600;
  font-size: 16px;
  color: #27a3d8;
  width: max-content;
  padding: 0.35rem 2.55rem;
}
.courses-list .Searched strong {
  color: #000;
  font-size: 16px;
  margin-left: 5px;
  display: block;
  margin-bottom: 0.6rem;
}
@media (max-width: 589px) {
  .courses-list .article {
    border-right-width: 0;
    border-bottom-width: 8px;
  }
  .courses-list .btn {
    bottom: 1.1rem;
    right: 1.9rem;
  }
  .courses-list .courses-search .article {
    margin-bottom: 5rem;
  }
  .courses-list img {
    width: 100% !important;
    height: auto;
    aspect-ratio: 16/9;
  }
  .courses-list .Searched {
    margin-right: -0.8rem;
  }
  .courses-list .Searched li {
    margin-right: 1.5rem;
  }
  .courses-list .Searched ul {
    margin: 0 0 1rem;
  }
  .courses-list .article-slide {
    padding: 0 3rem;
  }
  .courses-list .slide-actions button.prev {
    left: -0.2rem;
  }
  .courses-list .slide-actions button.next {
    right: -0.7rem;
  }
  .courses-list .courses-search .budget li:not(:last-child) {
    margin: 0.5rem 0.2rem;
  }
  .courses-list .slide-wrapper > div {
    min-width: 280px;
    margin-left: 0.5rem;
  }
  .courses-list .article-slide.has-scroll {
    padding: 0 3rem;margin: 0 -0.8rem 0 -1.2rem;
  }
}
@media (min-width: 590px) {
  .courses-list .courses-search .article-body {
    width: calc(100% - 188px);
    max-width: 85%;
  }
  .courses-list .article-grid {
    display: flex;
    height: 100%;
  }
  .courses-list .article-grid:hover img {
    transform: scale(1.1);
  }
}

.no-result {
  margin: 3rem 0 4rem;
  padding: 0 1rem;
  margin-bottom: 60px;
}
.no-result .wrapper {
  max-width: 1290px;
  /* width: 100%; */
  width: calc(100% - 20px);
  margin: auto;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0px 3px 24px rgba(3,3,3,0.1);
  border-radius: 8px;
  padding: 2.4rem 1rem;
  padding-bottom: 61px;
}
.wrapper .btn{
  display: inline;
  padding: 11px 44px;
  text-decoration-style: -moz-none;
}
.wrapper .btn:hover
{
  background-color: #1cc737;
}
.no-result img{
  width: 100%;
  max-width: 163px;
  height: auto;
  min-height: inherit;
}
.no-result .desc,
.no-result .title {
  font-weight: 500;
  color: #4a4a4a;
  font-size: 29px;

}
.no-result .title {
  font-size: 29px;
  margin-bottom: 38px;
  line-height: 40px;
}
.no-result .desc {
  font-size: 20px;
  line-height: 23px;
  max-width: 336px;
  margin: 0 auto 2rem;
}
@media (max-width: 589px) {
  .no-result .desc {
    max-width: 316px;
  }
}
.no-result a {
  display: inline-block;
  border-radius: 40px;
  font-weight: 500;
  font-size: 16px;
  margin: 0.3rem;
  text-align: left;
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
  padding: 1.2rem 2.35rem;
  color: #fff !important;
  line-height: 1;
  min-width: 290px;
}
.no-result a svg {
  margin-right: 1rem;
}
.no-result a.btn-accueil {
  background-color: #27a3d8;
}
.no-result a.btn-catalogue {
  background-color: #ea759c;
}/*# sourceMappingURL=style.css.map */

.course-intro > h1{
  color: #2f358d;
  font-size: 27px;
  font-weight: 400;
}
.course-intro {
  margin-top: 4rem;
  }


  .cont-intro{
  background-color: #f6fbfe;
  /* margin-top: 15px; */
  }
  .bg-courses{
    display: flex;
    max-width: 1134px;
    width: 100%;
    margin: auto;
    padding: 29px 10px;
    margin-bottom: 37px;
  }
  .bg-courses  .text-intro{
    display: flex;
    
  }
  .bg-courses  .text-intro img{
    width: 32px !important;
    height: 32px !important;
    min-height: 32px;
    margin-right: 18px;
  }
  .bg-courses .btn-back{
    padding-right: 13px;
  }
  .bg-courses .btn-back svg{
    margin-right: 25px;
    transform: translateY(-7px);
    cursor: pointer;

  }
  .sidebar {
    min-width: 280px;
    width: 100%;
    height:max-content;
    box-shadow: 0px 2px 10px rgba(3,3,3,0.1);
    margin-right: 41px;
    padding: 16px 15px;
    max-width: max-content;
  }
  svg:hover circle{
   pointer-events: none;
  }
  .sidebar  p{
    color: #2f358d;
    font-size: 23px;
    font-family: "Roboto";
    font-weight: 500;
    margin: 0;
  }
  .body-sidebar{
    background-color: #f6fbfe;
    border-radius: 15px;
    padding: 29px 14px 14px 14px;
    position: relative;
  }
  .body-sidebar .list-de{
    margin: 0;
  }
  .body-sidebar .list-de span{
    font-size: 11px;
    position: absolute;
    left: 22px;
    top: 6px;
    font-weight: 700;
  }
  .body-sidebar .list-de li{
    color: #2f358d;
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 500;
    line-height: 21px;
    /*  */
    background-color: #fff;
    border-radius: 50px;
    padding: 5px 12px;
    width: max-content;
    min-width: 105px;
    box-shadow: 0px 2px 10px rgba(3,3,3,0.1);
    margin-bottom: 15pX;
    position: relative;
  }
  .department-mode{
    display: flex;

  }
  .courses-list .Description{
    font-weight: 700;
  }
  .content-resualt{
    max-width: 1158px;
    width: 100%;
    margin: auto;
  }
  .mode-rejion{
    max-width: 1300px !important;
    margin: auto;
    width: 100%;
  }
 
  @media (max-width:992px) {
    .body-section{
      margin-bottom: 24px;
    }
    .no-result .wrapper{
      padding-bottom: 41px
    }
    .no-result .title{
      padding: 3px 28px;
    }
    .wrapper img{
      min-height: 115px;
      max-width: 112px;
      width: 100%;
      aspect-ratio: auto;
    }
    .courses-list .Description{
      font-size: 12px;
    }
    .bg-courses{
      margin-bottom: 19px;
    }
    .sidebar{
      max-width: 100%;
      margin: auto;
      margin-bottom: 19px;
    }
    #all_courses{
      display: block;
  
    }
    .courses-list .Title {
      font-size: 20px;
      line-height: 26px;
    }
    .bg-courses{
      padding: 24px 10px;
    }
    .bg-courses .btn-back svg{
      width: 30px;
      height: 30px;
      margin-right: 2px;
      transform: translateY(-2px);
    }
  }