.newsletter-popup {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  z-index:1000;
  align-items:center;
  justify-content:center;
  display:none;
}
.newsletter-popup.visible { display:flex; }
.newsletter-popup__bg {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background-color:black;
  opacity:0.4;
  z-index:0;
  cursor:pointer;
}
.newsletter-popup__close {
  position:absolute;
  top:30px;
  right:30px;
  cursor:pointer;
  width:25px;
  height:25px;
}
@media only screen and (max-width: 600px) {
  .newsletter-popup__close {
    top:15px;
    right:15px;
  }
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
  .newsletter-popup__close {
    top:15px;
    right:15px;
  }
}
.newsletter-popup__close:before, .newsletter-popup__close:after {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  height:2px;
  background-color:white;
  border-radius:10px;
}
@media only screen and (max-width: 600px) {
  .newsletter-popup__close:before, .newsletter-popup__close:after { background-color:#1db8ca; }
}
.newsletter-popup__close:before { transform:rotate(45deg); }
.newsletter-popup__close:after { transform:rotate(-45deg); }
.newsletter-popup__wrap {
  position:relative;
  z-index:1;
  overflow:hidden;
  color:#0e233b;
  background-color:white;
  width:60%;
  display:flex;
  align-items:stretch;
  border-radius:15px;
}
@media only screen and (max-width: 1400px) {
  .newsletter-popup__wrap { width:65%; }
}
@media only screen and (max-width: 1200px) {
  .newsletter-popup__wrap { width:80%; }
}
@media only screen and (max-width: 1000px) {
  .newsletter-popup__wrap { width:90%; }
}
.newsletter-popup__content {
  width:66%;
  padding:75px 100px;
}
@media only screen and (max-width: 1400px) {
  .newsletter-popup__content {
    width:70%;
    padding:50px 75px;
  }
}
@media only screen and (max-width: 1000px) {
  .newsletter-popup__content { padding:50px; }
}
@media only screen and (max-width: 600px) {
  .newsletter-popup__content {
    padding:50px 30px;
    width:100%;
  }
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
  .newsletter-popup__content {
    padding:25px;
    width:80%;
  }
}
.newsletter-popup__content .form-title {
  font-size:50px;
  line-height:1;
  margin-bottom:25px;
}
@media only screen and (max-width: 1000px) {
  .newsletter-popup__content .form-title { font-size:42px; }
}
@media only screen and (max-width: 600px) {
  .newsletter-popup__content .form-title {
    font-size:35px;
    margin-bottom:20px;
  }
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
  .newsletter-popup__content .form-title {
    font-size:30px;
    margin-bottom:15px;
  }
}
.newsletter-popup__content .form-subtitle {
  font-size:25px;
  margin-bottom:17px;
}
@media only screen and (max-width: 1000px) {
  .newsletter-popup__content .form-subtitle { font-size:22px; }
}
@media only screen and (max-width: 600px) {
  .newsletter-popup__content .form-subtitle { margin-bottom:12px; }
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
  .newsletter-popup__content .form-subtitle { margin-bottom:10px; }
}
.newsletter-popup__content .form-title, .newsletter-popup__content .form-subtitle { font-weight:bold; }
.newsletter-popup__content .mce {
  font-size:22px;
  line-height:1.5;
}
@media only screen and (max-width: 1000px) {
  .newsletter-popup__content .mce { font-size:20px; }
}
@media only screen and (max-width: 600px) {
  .newsletter-popup__content .mce {
    font-size:18px;
    line-height:1.3;
  }
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
  .newsletter-popup__content .mce {
    font-size:18px;
    line-height:1.3;
  }
}
.newsletter-popup__content form {
  margin-top:35px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
@media only screen and (max-width: 1000px) {
  .newsletter-popup__content form { margin-top:50px; }
}
@media only screen and (max-width: 600px) {
  .newsletter-popup__content form { margin-top:30px; }
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
  .newsletter-popup__content form { margin-top:25px; }
}
.newsletter-popup__content input {
  background-color:#eeeeee;
  padding:15px 20px;
  font-size:22px;
  width:100%;
  margin-bottom:20px;
}
@media only screen and (max-width: 1000px) {
  .newsletter-popup__content input { font-size:20px; }
}
@media only screen and (max-width: 600px) {
  .newsletter-popup__content input {
    font-size:18px;
    padding:15px;
  }
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
  .newsletter-popup__content input {
    font-size:18px;
    padding:10px;
    margin-bottom:15px;
  }
}
.newsletter-popup__content .submit-button {
  flex:0 0 auto;
  font-size:20px;
  background-color:transparent;
  color:#1db8ca;
  font-weight:bold;
  display:flex;
  align-items:center;
  transition:color 0.5s ease-out;
}
@media only screen and (max-width: 600px) {
  .newsletter-popup__content .submit-button { font-size:20px; }
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
  .newsletter-popup__content .submit-button { font-size:18px; }
}
.newsletter-popup__content .submit-button:before {
  content:"";
  position:relative;
  margin-right:10px;
  background:url('https://www.initiativesfleuves.org/wp-content/themes/iagf/extra/assets/img/arrow.png') no-repeat center center;
  background-size:contain;
  width:11px;
  height:11px;
  filter:invert(1);
  transition:filter 0.5s ease-out, transform 0.5s ease-out;
}
.newsletter-popup__content .submit-button:hover { color:#0e233b; }
.newsletter-popup__content .submit-button:hover:before {
  filter:invert(0);
  transform:translateX(5px);
}
.newsletter-popup__deco {
  width:34%;
  padding:75px 100px;
  background:#1db8ca url("https://www.initiativesfleuves.org/wp-content/themes/iagf/extra/assets/img/pattern/pattern.png");
  background-position:0 0;
  animation-name:background-animated;
  animation-duration:9s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media only screen and (max-width: 1400px) {
  .newsletter-popup__deco {
    width:30%;
    padding:50px 75px;
  }
}
@media only screen and (max-width: 1000px) {
  .newsletter-popup__deco { padding:50px; }
}
@media only screen and (max-width: 600px) {
  .newsletter-popup__deco {
    padding:50px 30px;
    display:none;
  }
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
  .newsletter-popup__deco {
    padding:25px;
    width:20%;
  }
}
.newsletter-popup__deco__letter {
  padding:30px 0;
  position:relative;
}
.newsletter-popup__deco__letter:before, .newsletter-popup__deco__letter:after {
  content:"";
  position:absolute;
  left:50%;
  width:25px;
  height:2px;
  background-color:#fbc02d;
  transform:translateX(-50%);
}
.newsletter-popup__deco__letter:before { top:0; }
.newsletter-popup__deco__letter:after { bottom:0; }
.newsletter-popup__deco__letter svg {
  width:100%;
  height:125px;
  filter:invert(1);
}
#header { height:90vh; }
.front-page-header-wrapper {
  height:100%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}
.front-page-header-wrapper:before {
  content:'';
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:calc(50% - 720px);
  right:calc(50% + 110px);
  background:#1db8ca url("https://www.initiativesfleuves.org/wp-content/themes/iagf/extra/assets/img/pattern/pattern.png") 0 0;
  background-attachment:fixed;
  opacity:0.9;
  z-index:2;
  -webkit-transition:right 0.5s ease-out 0.5s, left 0.5s ease-out 1s;
  transition:right 0.5s ease-out 0.5s, left 0.5s ease-out 1s;
  animation-name:background-animated;
  animation-duration:9s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}
@media only screen and (max-width: 960px) {
  .front-page-header-wrapper:before {
    transition:none !important;
    -webkit-transition:none !important;
  }
}
.wf-loading .front-page-header-wrapper:before {
  left:0;
  right:100%;
}
.front-page-header {
  position:relative;
  width:40.6780%;
  height:100%;
  padding:240px 0 0;
  z-index:2;
  font-size:20px;
  line-height:30px;
}
@media only screen and (max-width: 1400px) {
  .front-page-header {
    font-size:18px;
    line-height:26px;
  }
}
.front-page-header > .inner {
  position:relative;
  width:100%;
  height:100%;
  padding:40px 120px 40px 0;
  display:flex;
  align-items:center;
}
@media only screen and (max-width: 1200px) {
  .front-page-header > .inner { padding:40px 30px 40px 20px !important; }
}
@media only screen and (max-width: 960px) {
  .front-page-header > .inner {
    padding:300px 20px 30px 20px !important;
    min-height:50vh;
  }
}
@media only screen and (max-width: 690px) {
  .front-page-header > .inner { min-height:85vh; }
}
.front-page-header .font-loader-vertical {
  -webkit-transition-delay:1.5s;
  transition-delay:1.5s;
  width:100%;
  position:relative;
}
.front-page-header .font-loader-vertical div {
  width:100%;
  position:relative;
}
.front-page-header .js-cover-text.hidden { display:none; }
.slider-header-wrapper {
  position:absolute;
  width:100vw;
  height:90vh;
  overflow:hidden;
  transform:translate3d(0,0,0);
  -webkit-transition:width 1s ease-out;
  transition:width 1s ease-out;
}
.slider-header {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100%;
  height:90vh;
  z-index:1;
  overflow:hidden;
  transform:translate3d(0,0,0);
  -webkit-transition:width 1s ease-out;
  transition:width 1s ease-out;
}
.slider-header-content {
  position:relative;
  width:100%;
  max-width:1180px;
  height:90vh;
  margin:0 auto;
}
.js .slider-header-wrapper { width:0; }
.js #header.all-image-slider-loaded .slider-header-wrapper { width:100%; }
.slider-header .slider-header-item {
  display:block;
  list-style:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.slider-header .slider-header-item.extra-slider-first { position:relative; }
.image-slider { position:relative; }
.slider-header-navigation {
  position:absolute;
  top:50%;
  right:-35px;
  margin-top:-70px;
  display:block;
  width:70px;
  height:70px;
}
.slider-header-navigation .prev { display:none; }
.slider-header-navigation .next {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:71px;
  height:71px;
  overflow:hidden;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:-webkit-transform 0.3s cubic-bezier(0.455,1.650,0.680,1.650);
  transition:transform 0.3s cubic-bezier(0.455,1.650,0.680,1.650);
}
.slider-header-navigation .next:before {
  content:'';
  display:block;
  width:60px;
  height:60px;
  border-radius:50%;
  background-color:#ffffff;
  position:absolute;
  top:5px;
  left:5px;
  z-index:2;
}
.slider-header-navigation .next .text {
  display:block;
  width:100%;
  position:absolute;
  top:0;
  left:100%;
}
.slider-header-navigation .next .border {
  display:block;
  width:70px;
  height:70px;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  z-index:1;
  visibility:hidden;
}
.slider-header-navigation .next .border.start { visibility:visible; }
.slider-header-navigation .next .border circle {
  stroke:#fbc02d;
  fill:none;
  stroke-width:10;
  stroke-miterlimit:10;
}
.slider-header-navigation .next .arrow {
  display:block;
  width:16px;
  height:15px;
  position:absolute;
  top:50%;
  left:50%;
  margin:-8px 0 0 -8px;
  z-index:3;
  opacity:0;
  -webkit-transition:opacity 0.5s ease-out;
  transition:opacity 0.5s ease-out;
}
.slider-header-navigation .next .arrow * { fill:#0e233b; }
.slider-header-navigation .next .background {
  display:block;
  width:70px;
  height:70px;
  border-radius:50%;
  overflow:hidden;
  position:absolute;
  top:0;
  left:0;
  z-index:3;
}
.slider-header-navigation .next .background-wave {
  display:block;
  width:100%;
  min-width:360px;
  height:calc(100% + 20px);
  position:absolute;
  bottom:calc(-100% - 20px);
  left:0;
}
.slider-header-navigation .next .background-wave .start, .slider-header-navigation .next .background-wave .end { fill:#fbc02d; }
.slider-header-navigation .next .background-wave .end { visibility:hidden; }
.slider-header-navigation .next .background-wave .start {
  -webkit-transition:opacity 0.3s ease-out;
  transition:opacity 0.3s ease-out;
}
.slider-header-navigation .next:not(.disabled):active {
  -webkit-transform:scale(0.9);
  transform:scale(0.9);
  -webkit-transition:-webkit-transform 0.1s ease-out;
  transition:transform 0.1s ease-out;
}
.js .slider-header-navigation {
  opacity:0;
  -webkit-transition:opacity 0.5s ease-out 1s;
  transition:opacity 0.5s ease-out 1s;
}
.all-image-slider-loaded .slider-header-navigation { opacity:1; }
.extra-svg-loaded .slider-header-navigation .next .arrow { opacity:1; }
#slider-header-mask-def {
  position:absolute;
  width:100%;
  height:100%;
  top:-1000%;
}
#slider-header-mask-def .mask { fill:#ffffff; }
.slider-header .image-slider, .slider-header .image-slider svg {
  width:100%;
  height:100%;
}
.page-wrapper .line > .inner {
  width:100%;
  max-width:1180px;
  margin:0 auto;
}
.line-news-and-events { position:relative; }
.line-news-and-events .inner { display:flex; }
.line-news-and-events .bloc { min-height:480px; }
.line-news-and-events .bloc-header {
  position:relative;
  margin-bottom:30px;
}
.line-news-and-events .bloc-header:after {
  content:'';
  clear:both;
  display:block;
  height:0;
}
.line-news-and-events h2 {
  display:inline-block;
  font-size:36px;
  line-height:40px;
  font-weight:700;
  color:#0e233b;
}
.line-news-and-events .link-important { color:#0e233b; }
.line-news-and-events .bloc-header .link-important {
  float:right;
  margin:10px 22px 0 0;
}
.line-news-and-events h3 {
  display:inline-block;
  font-size:22px;
  line-height:30px;
  font-weight:600;
  color:#0e233b;
  margin-bottom:12px;
}
.line-news-and-events p {
  font-size:20px;
  line-height:30px;
}
.line-news-and-events { background-color:#ffffff; }
.line-news-and-events .background {
  content:'';
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:#ffffff;
}
.line-news-and-events .background-events {
  background-color:#fbc02d;
  -webkit-transition:right 1s ease-out;
  transition:right 1s ease-out;
}
.line-news-and-events .background-news {
  background-color:#f5f5f5;
  right:calc(50% + 110px);
  -webkit-transition:right 1s ease-out 0.7s;
  transition:right 1s ease-out 0.7s;
}
.line-news-and-events .font-loader-vertical {
  -webkit-transition-delay:1.7s;
  transition-delay:1.7s;
}
.wf-loading .line-news-and-events .background {
  left:0;
  right:100%;
}
.bloc-news {
  width:40.6780%;
  padding:87px 50px 56px 0;
  position:relative;
  z-index:1;
}
.bloc-news .link-important .arrow * { fill:#fbc02d; }
.bloc-news .link-important:hover { color:#fbc02d; }
.bloc-news h3 { font-size:24px; }
.bloc-news p { margin-bottom:13px; }
.news-slider-wrapper, .events-slider-wrapper {
  position:relative;
  overflow:hidden;
}
.news-slider .news, .events-slider .events {
  width:100%;
  background-color:#f5f5f5;
}
.news-pagination, .events-pagination {
  text-align:right;
  display:block;
  height:21px;
  margin-top:16px;
  padding-right:14px;
}
.news-pagination a, .events-pagination a {
  display:inline-block;
  width:21px;
  height:21px;
  position:relative;
  overflow:hidden;
}
.news-pagination a .chip, .events-pagination a .chip {
  display:block;
  width:17px;
  height:17px;
  text-indent:100%;
  white-space:nowrap;
  border-radius:50%;
  overflow:hidden;
  position:absolute;
  top:2px;
  left:2px;
  transform:translate3d(0,0,0);
}
.news-pagination a .chip:before, .events-pagination a .chip:before {
  content:'';
  display:block;
  width:13px;
  height:13px;
  position:absolute;
  top:2px;
  left:2px;
  background-color:#0e233b;
  border-radius:50%;
}
.news-pagination a .chip:after, .events-pagination a .chip:after {
  content:'';
  display:block;
  width:50px;
  height:50px;
  position:absolute;
  top:0;
  left:-10px;
  background-color:#fbc02d;
  -webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.4s ease-out;
  transition:opacity 0.3s ease-out, transform 0.4s ease-out;
  transform:rotate(-30deg) translateY(10px);
  transform-origin:100% 0;
}
.news-pagination a.extra-slider-link-active .chip:after, .news-pagination a:active .chip:after, .news-pagination a:hover .chip:after, .events-pagination a.extra-slider-link-active .chip:after, .events-pagination a:active .chip:after, .events-pagination a:hover .chip:after { transform:rotate(0deg) translateY(0); }
.news-pagination a .chip, .events-pagination a .chip {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:-webkit-transform 0.3s cubic-bezier(0.455,1.650,0.680,1.650);
  transition:transform 0.3s cubic-bezier(0.455,1.650,0.680,1.650);
}
.news-pagination a:not(.extra-slider-link-active) .chip:active, .events-pagination a:not(.extra-slider-link-active) .chip:active {
  -webkit-transform:scale(0.85);
  transform:scale(0.85);
  -webkit-transition:-webkit-transform 0.1s ease-out;
  transition:transform 0.1s ease-out;
}
.news-pagination a:nth-child(2n) .chip:after, .events-pagination a:nth-child(2n) .chip:after {
  transform:rotate(30deg) translateY(10px);
  transform-origin:0 0;
}
.news-pagination a:nth-child(2n).extra-slider-link-active .chip:after, .news-pagination a:nth-child(2n):active .chip:after, .news-pagination a:nth-child(2n):hover .chip:after, .events-pagination a:nth-child(2n).extra-slider-link-active .chip:after, .events-pagination a:nth-child(2n):active .chip:after, .events-pagination a:nth-child(2n):hover .chip:after { transform:rotate(0deg) translateY(0); }
.bloc-newsletters {
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:59.3220%;
  padding:56px 50px;
}
.bloc-newsletters .bloc-content {
  display:flex;
  flex-direction:column;
  gap:30px;
}
.bloc-newsletters a {
  position:relative;
  padding:20px 70px;
  width:fit-content;
  font-size:26px;
  font-weight:bold;
  line-height:30px;
  color:white;
  background-color:#1db8ca;
  border:1px solid #1db8ca;
}
.bloc-newsletters a:hover { color:#0e233b; }
.bloc-events {
  width:59.3220%;
  padding:87px 0 56px 50px;
}
.bloc-events .bloc-header, .bloc-events .bloc-content { position:relative; }
.bloc-events .bloc-content { display:flex; }
.bloc-events .link-important .arrow * { fill:#ffffff; }
.bloc-events .link-important:hover { color:#ffffff; }
.bloc-events .event-infos {
  text-align:right;
  width:36.9231%;
  padding-right:50px;
}
.bloc-events .event-category, .bloc-events .event-date {
  display:block;
  color:#ffffff;
  line-height:25px;
}
.bloc-events .event-date {
  font-size:22px;
  font-weight:700;
  margin-top:3px;
}
.bloc-events .event-category {
  font-size:18px;
  margin-top:2px;
}
.bloc-events .event-content { width:63.0769%; }
.bloc-events .extra-slider-item {
  display:flex;
  width:100%;
}
.bloc-events .events-pagination a .chip::before { background:#0e233b; }
.bloc-events .events-pagination a .chip::after { background:#ffffff; }
.line-quote {
  height:480px;
  position:relative;
  background-color:#ffffff;
}
.line-quote .quote-background {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100vw;
  background-attachment:fixed;
  background-size:cover;
}
.line-quote .quote-background:after {
  content:'';
  display:block;
  width:100%;
  height:100%;
  background-color:rgba(14,35,59,0.4);
}
.line-quote .inner {
  position:relative;
  height:100%;
  display:table;
  table-layout:fixed;
}
.line-quote .quote {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  width:100%;
}
.line-quote h2 {
  color:#ffffff;
  font-size:50px;
  line-height:50px;
  font-weight:600;
  margin:48px 0 0;
}
.line-quote h3 {
  color:#fbc02d;
  font-size:26px;
  line-height:40px;
  font-weight:400;
  font-style:italic;
  position:relative;
  margin:3px 0 0;
}
.line-quote h3:after {
  content:'';
  display:block;
  margin:15px auto 0;
  width:25px;
  height:3px;
  background-color:#fbc02d;
}
.line-quote:before {
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:100%;
  bottom:0;
  background-color:#0e233b;
  -webkit-transition:right 1s ease-out;
  transition:right 1s ease-out;
}
.line-quote .quote-background-wrapper {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:0;
  overflow:hidden;
  -webkit-transition:width 1s ease-out 0.5s;
  transition:width 1s ease-out 0.5s;
}
.line-quote .quote {
  opacity:0;
  -webkit-transition:opacity 0.5s ease-out 1.5s;
  transition:opacity 0.5s ease-out 1.5s;
}
.line-quote.all-image-loaded:before { right:0; }
.line-quote.all-image-loaded .quote-background-wrapper { width:100%; }
.line-quote.all-image-loaded .quote { opacity:1; }
.line-quote:after {
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:100%;
  bottom:0;
  background-color:#0e233b;
  -webkit-transition:right 0.5s ease-out;
  transition:right 0.5s ease-out;
}
.line-forum-and-links {
  background-color:#0e233b;
  position:relative;
}
.line-forum-and-links .inner { display:flex; }
.line-forum-and-links .bloc-header h2 {
  display:inline-block;
  font-size:40px;
  line-height:40px;
  font-weight:700;
}
.line-forum-and-links .bloc-header .link-important { float:right; }
.wf-loading .line-forum-and-links { height:480px; }
.line-forum-and-links { background-color:#ffffff; }
.line-forum-and-links .background {
  content:'';
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:#ffffff;
}
.line-forum-and-links .background-links {
  background-color:#0e233b;
  -webkit-transition:right 1s ease-out;
  transition:right 1s ease-out;
}
.line-forum-and-links .background-forum {
  background-color:#ffffff;
  right:calc(50% + 230px);
  -webkit-transition:right 1s ease-out 1s;
  transition:right 1s ease-out 1s;
}
.line-forum-and-links .background-twitter {
  background-color:#eeeeee;
  right:calc(50% - 230px);
  -webkit-transition:right 1s ease-out 0.7s;
  transition:right 1s ease-out 0.7s;
}
.line-forum-and-links .font-loader-vertical {
  -webkit-transition-delay:1.7s;
  transition-delay:1.7s;
}
.wf-loading .line-forum-and-links .background {
  left:0;
  right:100%;
}
.bloc-forum {
  width:30.5085%;
  max-width:360px;
  padding:56px 20px 68px 0;
}
.bloc-forum .bloc-content, .bloc-forum .bloc-header { position:relative; }
.bloc-forum .bloc-header { margin-bottom:14px; }
.bloc-forum .bloc-header .link-important {
  margin-top:13px;
  color:#0e233b;
}
.bloc-forum .bloc-header .link-important .arrow * { fill:#fbc02d; }
.bloc-forum .bloc-header .link-important:hover { color:#fbc02d; }
.bloc-forum ul {
  list-style:none;
  margin-bottom:30px;
}
.bloc-forum li {
  height:100px;
  width:100%;
  display:table;
  table-layout:fixed;
  border-bottom:1px solid #1db8ca;
}
.bloc-forum li:last-child { border-bottom:none; }
.bloc-forum .subject {
  display:table-cell;
  vertical-align:middle;
  padding-bottom:8px;
}
.bloc-forum .subject-infos {
  overflow:hidden;
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom:1px solid rgba(29,184,202,0.3);
}
.bloc-forum .subject-author { font-weight:700; }
.bloc-forum .top-subject-infos { margin-bottom:5px; }
.bloc-forum .subject-privacy {
  float:left;
  margin:0 5px 0 0;
}
.bloc-forum h3 {
  font-size:22px;
  line-height:30px;
  font-weight:700;
}
.bloc-forum h3 a { color:#0e233b; }
.bloc-forum h3 a:hover { color:#1db8ca; }
.bloc-forum .link-button {
  height:40px;
  font-size:18px;
  line-height:20px;
}
.subject-infos {
  font-size:16px;
  line-height:30px;
  margin-bottom:-3px;
}
.subject-infos:after {
  content:'';
  display:block;
  height:0;
  width:100%;
  clear:both;
}
.subject-privacy { margin-left:15px; }
.subject-author {
  font-weight:600;
  margin-left:14px;
}
.subject-river {
  font-size:16px;
  margin-left:17px;
}
.subject-river .arrow { margin-right:0; }
.subject-comments-count {
  font-size:16px;
  font-weight:700;
  float:right;
}
.subject-comments-count .icon * {
  fill:#1db8ca;
  -webkit-transition:fill 0.2s ease-out;
  transition:fill 0.2s ease-out;
}
.subject-comments-count:hover .icon * { fill:#0e233b; }
.bloc-twitter {
  width:69.4915%;
  max-width:820px;
  padding:0;
}
.bloc-twitter .bloc-content, .bloc-twitter .bloc-header { position:relative; }
.bloc-twitter .bloc-header {
  padding:0;
  height:100%;
  display:flex;
  flex-direction:column;
}
.bloc-twitter .bloc-header a {
  padding:15px 0;
  color:#0e233b;
}
.bloc-twitter .bloc-header a:hover { color:#1db8ca; }
.bloc-twitter .bloc-header a:hover .icon { background-color:#1db8ca; }
.bloc-twitter .bloc-header a .icon {
  aspect-ratio:1;
  height:30px;
  fill:white;
  background-color:#0e233b;
  border-radius:50%;
  transform:translateY(3px);
  transition:background-color 0.2s ease-out;
}
.bloc-twitter .bloc-header .link-important {
  margin-top:13px;
  color:#0e233b;
}
.bloc-twitter .bloc-header .link-important .arrow * { fill:#fbc02d; }
.bloc-twitter .bloc-header .link-important:hover { color:#fbc02d; }
.bloc-twitter .bloc-image {
  width:100%;
  flex-grow:2;
}
.bloc-twitter .bloc-image img {
  width:100%;
  height:100%;
}
.bloc-twitter .inner { flex-wrap:wrap; }
.bloc-twitter .twitter-follow-button {
  position:absolute !important;
  right:20px;
  top:0;
}
.bloc-links {
  width:30.5085%;
  max-width:360px;
  padding:56px 0 68px 50px;
  color:#ffffff;
}
.bloc-links .bloc-header { margin-bottom:15px; }
.bloc-links ul { list-style:none; }
.bloc-links li {
  display:table;
  table-layout:fixed;
  height:100px;
  width:100%;
}
.bloc-links a {
  display:table-cell;
  vertical-align:middle;
  font-size:22px;
  font-weight:600;
  line-height:30px;
  color:#ffffff;
  position:relative;
}
.bloc-links a:after {
  content:'';
  display:block;
  width:25px;
  height:3px;
  position:absolute;
  bottom:-1px;
  left:0;
  background-color:#fbc02d;
}
.bloc-links li:last-child a:after { display:none; }
.bloc-links a:hover { color:#fbc02d; }
.line-numbers {
  height:330px;
  position:relative;
  overflow:hidden;
}
.line-numbers > .inner {
  display:flex;
  width:100%;
  height:100%;
  justify-content:space-around;
  padding:57px 0 0;
  position:relative;
}
.line-numbers > .inner:after {
  content:'';
  display:block;
  width:100%;
  height:5px;
  background-color:#1db8ca;
  position:absolute;
  left:0;
  bottom:0;
  z-index:2;
  -webkit-transition:height 0.3s ease-out 1.5s;
  transition:height 0.3s ease-out 1.5s;
}
.line-numbers.key-figures-single > .inner { justify-content:center; }
.line-numbers:before, .line-numbers:after {
  content:'';
  display:block;
  width:100%;
  height:48px;
  position:absolute;
  left:0;
  z-index:1;
  animation-name:background-animated;
  animation-duration:9s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}
.line-numbers:before {
  background:url('https://www.initiativesfleuves.org/wp-content/themes/iagf/extra/assets/img/pattern/pattern-top.png') repeat-x;
  top:-312px;
  height:400px;
  animation-duration:12s;
  animation-delay:-4.5s;
  animation-direction:reverse;
}
.line-numbers:after {
  background:url('https://www.initiativesfleuves.org/wp-content/themes/iagf/extra/assets/img/pattern/pattern-bottom.png') repeat-x;
  top:176px;
  height:448px;
  animation-duration:12s;
  animation-delay:-4.5s;
  animation-direction:reverse;
}
.line-numbers .font-loader {
  -webkit-transition-delay:1.5s;
  transition-delay:1.5s;
}
.line-numbers .background-simple, .line-numbers .background {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#1db8ca url("https://www.initiativesfleuves.org/wp-content/themes/iagf/extra/assets/img/pattern/pattern.png");
  background-position:0 0;
  animation-name:background-animated;
  animation-duration:9s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}
.line-numbers .background-simple { background:#1db8ca; }
.line-numbers .background-simple, .line-numbers .background, .line-numbers:after, .line-numbers:before {
  width:100%;
  -webkit-transition:width 1s ease-out;
  transition:width 1s ease-out;
}
.line-numbers .background, .line-numbers:after, .line-numbers:before {
  -webkit-transition-delay:0.5s;
  transition-delay:0.5s;
}
.wf-loading .line-numbers .background-simple, .wf-loading .line-numbers .background, .wf-loading .line-numbers:after, .wf-loading .line-numbers:before { width:0; }
.wf-loading .line-numbers > .inner:after { height:0; }
@media only screen and (max-width: 1200px) {
  #header {
    height:460px;
    padding:0;
  }
  .slider-header { height:460px; }
  .front-page-header-wrapper {
    position:relative;
    height:460px;
  }
  .front-page-header-wrapper > .inner { height:460px; }
  .front-page-header {
    padding:0;
    height:460px;
  }
  .front-page-header > .inner { padding:160px 30px 0 20px; }
  .line-news-and-events .background-news, .front-page-header-wrapper:before {
    left:0;
    right:59.3220%;
  }
  .line-forum-and-links .background-forum { right:70%; }
  .line-forum-and-links .background-twitter { right:30.5085%; }
  .line-forum-and-links .bloc-header h2, .line-news-and-events h2 { font-size:32px; }
  .line-news-and-events .bloc-header .link-important { margin:10px 0 0 0; }
  .bloc-news { padding:87px 30px 56px 20px; }
  .news-pagination, .news-slider { padding-right:0; }
  .bloc-events { padding:87px 20px 56px 30px; }
  .bloc-events .event-infos { padding-right:10px; }
  .bloc-events .event-content { padding-left:10px; }
  .line-quote .quote {
    padding-left:20px;
    padding-right:20px;
  }
  .line-quote h2 { font-size:48px; }
  .line-quote .quote-background { background-attachment:initial; }
  .bloc-twitter { padding:56px 0px 0px 30px; }
  .bloc-forum { padding:56px 30px 69px 20px; }
  .bloc-forum .bloc-header, .bloc-forum li { padding:0; }
  .bloc-links { padding:56px 20px 69px 30px; }
}
@media only screen and (max-width: 960px) {
  #header, .front-page-header-wrapper, .front-page-header-wrapper > .inner, .front-page-header { height:auto; }
  .front-page-header-wrapper:before {
    background-color:#1db8ca;
    right:0;
    top:255px;
  }
  .front-page-header { width:100%; }
  .front-page-header > .inner { padding:300px 20px 30px 20px; }
  .slider-header {
    height:255px;
    position:absolute;
  }
  .slider-header-navigation {
    top:220px;
    right:15px;
    margin-top:0;
  }
  .line-news-and-events .inner { display:block; }
  .line-news-and-events .bloc { min-height:0; }
  .line-news-and-events .background-news {
    right:0;
    -webkit-transition:right 1s ease-out;
    transition:right 1s ease-out;
  }
  .line-news-and-events .background-events { display:none; }
  .bloc-news {
    width:100%;
    padding:60px 20px 30px 20px;
  }
  .bloc-newsletters {
    padding:30px 20px 60px;
    width:100%;
    position:relative;
  }
  .bloc-newsletters a {
    font-size:20px;
    padding:15px 50px;
  }
  .bloc-newsletters:before {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:#fbc02d;
    -webkit-transition:right 1s ease-out;
    transition:right 1s ease-out;
  }
  .bloc-events {
    position:relative;
    width:100%;
    padding:30px 20px 60px 20px;
  }
  .bloc-events:before {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:#fbc02d;
    -webkit-transition:right 1s ease-out;
    transition:right 1s ease-out;
  }
  .wf-loading .bloc-events:before { right:100%; }
  .line-forum-and-links .inner { display:block; }
  .line-forum-and-links .background-forum { right:0; }
  .line-forum-and-links .background-twitter { display:none; }
  .line-forum-and-links .background-links { display:none; }
  .bloc-forum {
    width:100%;
    max-width:none;
    padding:60px 20px 30px 20px;
  }
  .bloc-forum:before {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:#ffffff;
    -webkit-transition:right 1s ease-out;
    transition:right 1s ease-out;
  }
  .wf-loading .bloc-forum:before { right:100%; }
  .bloc-twitter {
    position:relative;
    width:100%;
    max-width:none;
    padding:30px 0 0 20px;
  }
  .bloc-twitter:before {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:#eeeeee;
    -webkit-transition:right 1s ease-out;
    transition:right 1s ease-out;
  }
  .wf-loading .bloc-twitter:before { right:100%; }
  .bloc-links {
    position:relative;
    width:100%;
    max-width:none;
    padding:30px 20px 60px 20px;
  }
  .bloc-links:before {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:#0e233b;
    -webkit-transition:right 1s ease-out;
    transition:right 1s ease-out;
  }
  .wf-loading .bloc-links:before { right:100%; }
  .bloc-links ul { text-align:center; }
  .bloc-links a:after {
    left:50%;
    margin-left:-12px;
  }
  .key-figure h3 {
    line-height:80px;
    font-size:80px;
  }
  .line-numbers:after { top:144px; }
}
@media only screen and (max-width: 960px) and only screen and (max-width: 960px) {
  .bloc-newsletters:before {
    transition:none !important;
    -webkit-transition:none !important;
  }
}
@media only screen and (max-width: 690px) {
  .line-news-and-events .bloc-header .link-important {
    float:none;
    display:block;
    text-align:right;
    margin:0;
  }
  .bloc-events .bloc-content { display:block; }
  .bloc-events .event-infos {
    width:100%;
    text-align:left;
    padding:0;
  }
  .bloc-events .event-content {
    width:100%;
    padding:0;
  }
  .bloc-events .event-category, .bloc-events .event-date { display:inline-block; }
  .bloc-events .event-category { margin-left:8px; }
  .bloc-events .event-category:before {
    content:'•';
    display:inline-block;
    margin-right:10px;
  }
  .subject-infos {
    position:relative;
    line-height:25px;
  }
  .subject-infos > * {
    display:block;
    margin:0;
  }
  .subject-comments-count {
    position:absolute;
    top:0;
    right:0;
  }
  .bloc-forum .subject { padding:20px 0; }
  .bloc-forum h3 {
    font-size:20px;
    line-height:25px;
    margin-top:5px;
  }
  .line-numbers { height:auto; }
  .line-numbers > .inner {
    display:block;
    padding:60px 0;
  }
  .line-numbers:after, .line-numbers:before { display:none; }
  .key-figure > .font-loader > .inner {
    overflow:hidden;
    display:block;
  }
}