.savoir-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("https://scontent-bru2-1.xx.fbcdn.net/v/t1.0-9/87762659_2819577124792164_6835814414386462720_o.jpg?_nc_cat=106&_nc_sid=cdbe9c&_nc_ohc=mHOQ5FAXb68AX9WT2oY&_nc_ht=scontent-bru2-1.xx&oh=ff4264ab83faaff345a6aea3a3173b39&oe=5FB4121C");
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 50vh;
}

.savoir-header img {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 30%;
  width: 20rem;
  -webkit-animation: ticket 5s alternate;
          animation: ticket 5s alternate;
}

.savoir-header::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: red;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 0, 0, 0.2)), to(rgba(255, 69, 0, 0.2)));
  background: linear-gradient(180deg, rgba(255, 0, 0, 0.2) 0%, rgba(255, 69, 0, 0.2) 100%);
}

main {
  overflow-x: hidden;
}

section.informations {
  text-align: center;
  padding-right: 0.25rem;
}

section.informations > div {
  width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1024px) {
  section.informations > div {
    width: 200%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

section.informations > div:nth-last-of-type(2n) img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

section.informations > div img {
  width: 20rem;
}

section.informations article {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 2rem;
}

section.informations article img {
  width: 15rem;
}
/*# sourceMappingURL=a-savoir.css.map */