.slide-wrap-news {
  overflow: hidden;
  width: 1360px;
  height: 620px;
  position: relative;
  margin: 14em auto 0; }

.news-carousel {
  display: none; }

.carousel {
  overflow: hidden; }
  .carousel .mdc-card {
    position: relative;
    max-height: 610px;
    width: 1160px;
    text-decoration: none;
    color: inherit; }
    .carousel .mdc-card .mdc-card__media {
      height: 286px; }
    .carousel .mdc-card .article-content {
      position: relative;
      padding: 40px 40px 0 40px;
      font-family: "Poppins", sans-serif; }
      .carousel .mdc-card .article-content .category {
        position: absolute;
        top: -35px;
        left: 0;
        width: 190px;
        height: 25px;
        padding: 5px 0px 5px 10px;
        color: #FFF; }
        .carousel .mdc-card .article-content .category.blue {
          background-color: #004F9F; }
        .carousel .mdc-card .article-content .category.green {
          background-color: #23AE84; }
      .carousel .mdc-card .article-content .article-date {
        font-weight: 500;
        color: #12253a;
        text-transform: uppercase; }
      .carousel .mdc-card .article-content .article-headline {
        background-color: #FFF;
        width: 100%;
        font-weight: 300;
        font-size: 1.5em;
        text-transform: uppercase;
        color: #004f9f; }
      .carousel .mdc-card .article-content .article-description {
        padding-bottom: 40px; }
    .carousel .mdc-card .article-more-arrow {
      display: block;
      text-align: right;
      color: #004f9f;
      margin-right: 10px; }

.news-header {
  position: relative;
  width: 100%;
  height: 51em;
  background-image: url(/image/news-header/news-header-desktop.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  display: inline-block; }
  @media (min-width: 840px) and (max-width: 1023px) {
    .news-header {
      height: 32em;
      background-image: url(/image/news-header/news-header-medium.jpg); } }
  @media (min-width: 600px) and (max-width: 839px) {
    .news-header {
      height: 28em;
      background-image: url(/image/news-header/news-header-medium.jpg); } }
  @media (max-width: 599px) {
    .news-header {
      height: 18em;
      background-color: #FFF;
      background-image: url(/image/news-header/news-header-mobile.jpg); } }
  .news-header > .mdc-layout-grid {
    max-width: 1280px; }
    @media (min-width: 1920px) {
      .news-header > .mdc-layout-grid {
        margin-top: 17em; } }
    @media (min-width: 1440px) and (max-width: 1919px) {
      .news-header > .mdc-layout-grid {
        margin-top: 17em; } }
    @media (min-width: 1024px) and (max-width: 1439px) {
      .news-header > .mdc-layout-grid {
        margin-top: 17em; } }
    @media (min-width: 840px) and (max-width: 1023px) {
      .news-header > .mdc-layout-grid {
        display: none; } }
    @media (min-width: 720px) and (max-width: 839px) {
      .news-header > .mdc-layout-grid {
        margin-top: 10em; } }
    @media (min-width: 600px) and (max-width: 719px) {
      .news-header > .mdc-layout-grid {
        margin-top: 10em; } }

.news-header__bg-overlay {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: -0.5em; }
  .news-header__bg-overlay svg {
    width: 100%; }

@media (min-width: 840px) and (max-width: 1023px) {
  .mdc-layout-grid--hide-desktop.news-header-mobile {
    display: block !important; }
  .header-bg-overlay--desk {
    display: none; } }

@media (min-width: 1024px) {
  .header-bg-overlay--mob {
    display: none; } }

.news-header-mobile .mdc-layout-grid {
  text-align: center; }

.news-articles-list {
  position: relative;
  padding-bottom: 5em;
  margin-top: -32em;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1001.6602 446.7799' enable-background='new 0 0 1001.6602 446.7799' xml:space='preserve' preserveAspectRatio='none'%3E %3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='972.5648' y1='223.39' x2='35.7452' y2='223.39'%3E %3Cstop offset='0' style='stop-color:%23ECF3FB'/%3E %3Cstop offset='1' style='stop-color:%23ECF3FB;stop-opacity:0'/%3E %3C/linearGradient%3E %3Cpolygon fill='url(%23SVGID_1_)' points='1001.6602,0 0,0 0,446.7799 1001.6602,345.317 '/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 31.6em;
  background-size: 49%; }
  @media (max-width: 479px) {
    .news-articles-list {
      margin-top: 0; } }
  @media (min-width: 720px) and (max-width: 839px) {
    .news-articles-list {
      margin-top: -10em; } }
  @media (min-width: 600px) and (max-width: 719px) {
    .news-articles-list {
      margin-top: -10em; } }
  @media (min-width: 480px) and (max-width: 599px) {
    .news-articles-list {
      margin-top: 0; } }
  @media (min-width: 840px) and (max-width: 1023px) {
    .news-articles-list {
      margin-top: -10em; } }
  .news-articles-list > .mdc-layout-grid {
    max-width: 1280px; }

.news-mobile-header {
  display: none; }
  @media (max-width: 599px) {
    .news-mobile-header {
      display: block; }
      .news-mobile-header h1 {
        font-weight: 500; } }

.os-list-divider {
  width: 100%;
  background-color: transparent; }

.news-bottom-gradient {
  z-index: -1;
  position: relative;
  width: 100%;
  min-height: 31em;
  margin-top: -32em;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1920 475.7805' enable-background='new 0 0 1920 475.7805' xml:space='preserve' preserveAspectRatio='xMidYMax'%3E %3Cg%3E %3Cg%3E %3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='1063.3622' y1='293.9104' x2='100.6749' y2='662.2429'%3E %3Cstop offset='0' style='stop-color:%23102D69'/%3E %3Cstop offset='0.2839' style='stop-color:%230F2F6D'/%3E %3Cstop offset='0.5466' style='stop-color:%230C3678'/%3E %3Cstop offset='0.8001' style='stop-color:%2306428B'/%3E %3Cstop offset='1' style='stop-color:%23004F9F'/%3E %3C/linearGradient%3E %3Cpolygon fill='url(%23SVGID_1_)' points='0,191.1348 0,475.7805 1920,475.7805 1920,0 '/%3E %3C/g%3E %3Cg%3E %3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='897.0391' y1='388.7332' x2='135.862' y2='-0.0303'%3E %3Cstop offset='0' style='stop-color:%23102D69'/%3E %3Cstop offset='0.2798' style='stop-color:%230D3373'/%3E %3Cstop offset='0.7584' style='stop-color:%2305458F'/%3E %3Cstop offset='1' style='stop-color:%23004F9F'/%3E %3C/linearGradient%3E %3Cpolygon fill='url(%23SVGID_2_)' points='1920,365.9992 1920,475.7805 0,475.7805 0,194.4252 '/%3E %3C/g%3E %3Cg opacity='0.4'%3E %3Cpolygon fill='%230B1742' points='1920,474.0998 1920,475.7805 0.033,475.7805 0.033,282.9651 '/%3E %3C/g%3E %3Cg opacity='0.3'%3E %3Cpolygon fill='%230B1742' points='0,349.3505 0,475.7805 1920,475.2902 1920,294.0869 '/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3Cpolygon fill='%230E2050' points='0,442.1451 0,475.7805 1920,475.7805 1920,475.7805 '/%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center bottom; }
  @media (max-width: 479px) {
    .news-bottom-gradient {
      margin-top: -35em; } }

.news-search {
  border: 2px solid #C0D5ED;
  padding: 0 20px 15px 20px;
  background-color: #FFF;
  margin-bottom: 25px;
  box-sizing: border-box;
  display: none; }
  @media (max-width: 599px) {
    .news-search {
      display: none; } }

.news-search__header {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  color: #004f9f; }

.categories {
  border: 2px solid #C0D5ED;
  padding: 0 20px 15px 20px;
  background-color: #FFF;
  margin-bottom: 25px; }
  @media (max-width: 599px) {
    .categories {
      display: none; } }
  .categories ul {
    margin-bottom: 10px; }
    .categories ul li {
      background-image: none;
      padding: 0 16px 0 25px;
      height: 24px; }
      .categories ul li:hover {
        cursor: pointer; }

h2 {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  color: #004f9f; }

.news-category__particuliers, .news-category__professionnels, .news-category__adherants, .news-category__autres {
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 13.745' enable-background='new 0 0 8 13.745' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%23C0D5ED' d='M1.5034,13.5302C1.396,13.6734,1.2528,13.745,1.0738,13.745s-0.34-0.0537-0.4832-0.1611l-0.3758-0.4295 C0.0716,13.047,0,12.9038,0,12.7248c0-0.179,0.0716-0.34,0.2148-0.4832l5.4765-5.3691L0.2148,1.5034 C0.1074,1.3602,0.0537,1.1991,0.0537,1.0201S0.1074,0.698,0.2148,0.5906l0.3758-0.4295C0.7338,0.0537,0.8949,0,1.0738,0 S1.396,0.0537,1.5034,0.1611l6.3356,6.2282C7.9463,6.5324,8,6.6935,8,6.8725s-0.0537,0.34-0.1611,0.4832V7.302L1.5034,13.5302z'/%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 5% 60%;
  text-transform: uppercase;
  margin-left: 0; }
  .news-category__particuliers.active, .news-category__professionnels.active, .news-category__adherants.active, .news-category__autres.active {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.745 8' enable-background='new 0 0 13.745 8' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%23C0D5ED' d='M0.2148,1.5034C0.0716,1.396,0,1.2528,0,1.0738s0.0537-0.34,0.1611-0.4832l0.4295-0.3758 C0.698,0.0716,0.8412,0,1.0201,0s0.34,0.0716,0.4832,0.2148l5.3691,5.4765l5.3691-5.4765 c0.1432-0.1074,0.3043-0.1611,0.4832-0.1611c0.179,0,0.3221,0.0537,0.4295,0.1611l0.4295,0.3758 c0.1074,0.1432,0.1611,0.3043,0.1611,0.4832s-0.0537,0.3221-0.1611,0.4295L7.3557,7.8389C7.2125,7.9463,7.0515,8,6.8725,8 s-0.34-0.0537-0.4832-0.1611H6.443L0.2148,1.5034z'/%3E %3C/g%3E %3C/svg%3E"); }
  .news-category__particuliers:hover, .news-category__professionnels:hover, .news-category__adherants:hover, .news-category__autres:hover {
    cursor: pointer; }

.news-categories__category-colour, .news-categories__category-colour--particuliers, .news-categories__category-colour--professionnels, .news-categories__category-colour--adherants, .news-categories__category-colour--autres {
  width: 13px;
  height: 13px;
  display: inline-block;
  border-radius: 10px;
  background-color: #3D495E;
  margin-right: 8px; }
  .news-categories__category-colour--particuliers {
    background-color: #3D495E; }
  .news-categories__category-colour--professionnels {
    background-color: #007CFF; }
  .news-categories__category-colour--adherants {
    background-color: #22AE85; }
  .news-categories__category-colour--autres {
    background-color: #809AB5; }


/*# sourceMappingURL=news.css.map*/