body { background-color:#ffffff; }
#wrapper { overflow:hidden; }
.page-wrapper {
  position:relative;
  z-index:2;
  background-color:#ffffff;
}
.page-wrapper .line >.inner:has(.bloc-news) { max-width:1400px; }
.page-wrapper .line >.inner .bloc-news {
  padding-top:60px;
  width:65%;
  padding-left:20px;
}
.page-wrapper .line >.inner .bloc-news .news-wrap .news-wrap-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:16px 22px;
  margin-bottom:30px;
  padding-left:20px;
}
.page-wrapper .line >.inner .bloc-news .news-wrap .news-wrap-header a {
  color:#0e233b;
  font-weight:700;
}
.page-wrapper .line >.inner .bloc-news .news-wrap .news-wrap-header a:hover { color:#1db8ca; }
.page-wrapper .line >.inner .bloc-news .news-wrap .news-wrap-body {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  padding-right:60px;
}
.page-wrapper .line >.inner .bloc-newsletters .newsletter-see-link {
  padding:0;
  font-size:36px;
  color:#0e233b;
  background-color:transparent;
  border:none;
}
.page-wrapper .line >.inner .bloc-newsletters .newsletter-see-link:hover { color:#1db8ca; }
.page-wrapper .line >.inner .bloc-newsletters .newsletter-see-link:hover .icon { fill:#1db8ca; }
.page-wrapper .line >.inner .bloc-newsletters .newsletter-see-link .icon {
  margin-left:.5rem;
  aspect-ratio:1;
  width:20px;
  vertical-align:middle;
  transition:.15s linear;
}
.page-wrapper .line >.inner .bloc-newsletters .newsletter-text {
  font-size:18px;
  line-height:1.4;
}
.page-wrapper .line >.inner .bloc-newsletters .socials-links { margin-top:50px; }
.page-wrapper .line >.inner .bloc-newsletters .socials-links .socials-links-title {
  display:flex;
  align-items:center;
  gap:10px;
}
.page-wrapper .line >.inner .bloc-newsletters .socials-links .social {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:0;
  border:none;
  width:30px;
  height:30px;
  background-color:#0e233b;
  border-radius:50%;
  transition:.2s linear;
}
.page-wrapper .line >.inner .bloc-newsletters .socials-links .social:hover { background-color:#1db8ca; }
.page-wrapper .line >.inner .bloc-newsletters .socials-links .social .icon {
  width:24px;
  height:24px;
  fill:white;
}
.page-wrapper .line >.inner .bloc-newsletters .socials-links .social .icon.icon-linkedin {
  width:100%;
  height:100%;
}
.page-wrapper .line-news-and-events .background-news { right:48%; }
.page-wrapper-with-aside:before {
  content:'';
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:calc(50% + 300px);
  background-color:#f5f5f5;
  -webkit-transition:right 0.5s ease-out;
  transition:right 0.5s ease-out;
  z-index:2;
}
#arianne {
  width:100%;
  height:60px;
  position:relative;
  z-index:2;
}
#arianne > .inner {
  display:block;
  position:relative;
  height:100%;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  z-index:1;
}
#arianne > .inner > * {
  display:inline-block;
  margin:0 7px;
  padding:20px 0;
  font-size:18px;
  font-weight:400;
  line-height:20px;
}
#arianne > .inner > * .icon-previous { display:none; }
#arianne > .inner > * .arrow {
  display:inline-block;
  width:11px;
  height:10px;
  margin-right:10px;
}
#arianne > .inner > *:first-child { margin-left:0; }
#arianne > .inner > *:last-child { margin-right:0; }
#arianne a {
  color:#ffffff;
  -webkit-transition:color 0.2s ease-out;
  transition:color 0.2s ease-out;
}
#arianne a .arrow > * { fill:#ffffff; }
#arianne a:hover { color:#0e233b; }
#arianne .font-loader {
  -webkit-transition:opacity 0.5s ease-out;
  transition:opacity 0.5s ease-out;
}
#arianne:before, #arianne:after {
  content:'';
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
#arianne:before {
  background-color:#1db8ca;
  -webkit-transition:right 1s ease-out;
  transition:right 1s ease-out;
}
#arianne:after {
  background:#1db8ca url("https://www.initiativesfleuves.org/wp-content/themes/iagf/extra/assets/img/pattern/pattern.png") 0 0;
  -webkit-transition:right 1s ease-out;
  transition:right 1s ease-out;
}
.page-inner {
  display:flex;
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:20px 0 0;
}
.page-aside {
  width:24.5763%;
  z-index:2;
}
.page-article {
  width:75.4237%;
  padding:60px 0 0 70px;
  z-index:2;
}
.content { padding:0 0 120px 0; }
.news-card {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:15px;
  max-width:275px;
}
.news-card a.card-title:after {
  content:'';
  position:absolute;
  inset:0;
}
.news-card .card-title {
  font-size:20px;
  font-weight:600;
  color:#0e233b;
  transition:.25s ease-in-out;
}
.news-card .card-description {
  margin:0;
  font-size:16px;
  line-height:1.6;
}
.news-card .card-false-link {
  font-size:16px;
  font-weight:600;
}
.news-card:hover .card-title { color:#1db8ca; }
@media only screen and (max-width: 1200px) {
  .page-wrapper-with-aside:before, .page-aside { display:none; }
  .page-article {
    width:100%;
    max-width:860px;
    margin:0 auto;
    padding:60px 20px 230px 20px;
    z-index:1;
  }
  .page-wrapper .line >.inner .bloc-news .news-wrap .news-wrap-body { padding-right:0; }
  #arianne > .inner { padding:0 20px; }
}
@media only screen and (max-width: 960px) {
  #arianne > .inner { display:none; }
  .page-wrapper .line >.inner .bloc-news { width:100%; }
  .page-wrapper .line >.inner .bloc-news .news-wrap .news-wrap-body {
    justify-content:center;
    gap:60px;
    flex-wrap:wrap;
  }
  .page-wrapper .line-news-and-events .background-news { right:0; }
}