@font-face {
  font-family: Avenir;
  src: url("avenirltstd-bbook.otf") format("opentype"); }
@font-face {
  font-family: Avenir-Light;
  src: url("avenirltstd-light.otf") format("opentype"); }
@font-face {
  font-family: Antosan;
  src: url("antosan.otf") format("opentype"); }
body {
  font-family: "Avenir-Light";
  color: #42485A; }

#top {
  width: 100%;
  position: fixed; }

.menu {
  width: 100%;
  align-items: baseline; }
  .menu li {
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px; }
  .menu .menu-title {
    font-size: 24px;
    font-family: "Avenir"; }
  .menu a {
    color: #42485A; }

@media screen and (max-width: 900px) {
  .sub-menu-title {
    margin-right: 20px !important; } }

.title-bar {
  padding-left: 20px;
  background: none; }

.personal-contact img {
  height: 30px;
  width: 30px; }

.dropdown.menu li.is-dropdown-submenu-parent a::after {
  display: none; }

.is-dropdown-submenu {
  border: none; }

.top-bar, .top-bar ul {
  background-color: white !important;
  padding-bottom: 0; }
  .top-bar a:hover, .top-bar ul a:hover {
    color: #1779ba; }

@media screen and (min-width: 900px) {
  .welcome {
    background: url("/img/background.jpg") no-repeat fixed center center;
    height: 800px; } }
@media screen and (max-width: 900px) {
  .welcome {
    background: url("/img/background_mini.jpg") no-repeat fixed; } }
.welcome .logo {
  height: 200px;
  width: 200px; }
.welcome h1 {
  color: white;
  font-weight: bolder;
  text-align: center;
  font-size: 49px; }
@media screen and (min-width: 900px) {
  .welcome {
    padding-top: 200px; } }
@media screen and (max-width: 900px) {
  .welcome {
    padding-top: 60px; } }

.danger {
  background-color: #458405;
  color: white;
  padding-top: 90px; }

.brand {
  margin-top: 10px;
  height: 120px;
  width: 120px;
  background-color: white;
  border-radius: 50%;
  opacity: 0.7; }

.top-bar, .top-bar ul {
  background-color: transparent; }

.description {
  text-align: center;
  font-size: 19px; }
  .description img {
    height: 142px;
    width: 142px; }
  .description .cell {
    margin-bottom: 40px; }

.underscore {
  text-decoration: underline; }

.presentation {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px; }

.sections p {
  font-weight: bolder;
  color: white;
  text-align: center;
  font-size: 26px;
  margin-top: 340px; }
.sections .eglise {
  background-image: url("/img/eglise.jpg"); }
.sections .eglise:hover {
  background-image: url("/img/eglise_hover.jpg"); }
.sections .vie {
  background-image: url("/img/vie.jpg"); }
.sections .vie:hover {
  background-image: url("/img/vie_hover.jpg"); }
.sections .predication {
  background-image: url("/img/predication.jpg"); }
.sections .predication:hover {
  background-image: url("/img/predication_hover.jpg"); }

.section-thumbnail:hover .section-title {
  transform: translateY(-160px);
  transition: all 1500ms; }

.section-thumbnail {
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px; }

.about {
  padding-top: 160px; }
  .about div {
    text-align: justify; }
  .about h3 {
    text-align: center;
    font-weight: bolder; }
  .about p {
    font-size: 17px; }
  .about .description {
    margin-top: 40px; }

.invitation {
  background-color: #42485A;
  color: white;
  font-weight: bolder;
  text-align: center;
  font-size: 17px; }
  .invitation a {
    color: white; }
  .invitation img {
    height: 80px;
    margin-bottom: 10px; }

.about1 {
  margin-left: 20px;
  margin-right: 20px; }

.about2 {
  margin-left: 20px;
  margin-right: 20px; }

#contact {
  margin-top: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: url("/img/contact.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center; }
  #contact ::placeholder {
    color: #42485A; }
  #contact #name, #contact #email, #contact #message::placeholder {
    font-weight: bold; }
  #contact textarea {
    height: 200px; }
  #contact p {
    text-align: center;
    color: white;
    font-size: 34px;
    font-weight: bolder; }
  #contact .button {
    color: white;
    background-color: #42485A;
    font-size: 20px;
    width: 100%; }

#map {
  height: 100%; }

.church-title {
  text-align: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-image: url("/img/place.jpg"); }
  .church-title h1 {
    padding-top: 100px;
    color: white;
    line-height: 60px;
    font-family: "Antosan";
    font-size: 62px; }
  @media screen and (min-width: 900px) {
    .church-title {
      height: 400px; } }
  @media screen and (max-width: 900px) {
    .church-title {
      height: 580px; } }

.church {
  margin-bottom: 20px; }
  .church h2 {
    color: #42485A;
    margin-top: 20px;
    font-size: 28px;
    font-weight: bolder; }
  .church h3 {
    color: #42485A;
    font-weight: bolder;
    font-size: 20px;
    margin-bottom: 10px; }
  .church p {
    font-size: 20px;
    text-align: justify; }
  .church .role {
    font-weight: bolder; }
  .church .portrait p {
    text-align: center; }
  .church .portrait img {
    height: 120px;
    width: 120px;
    border-radius: 50%; }

.header-responsable {
  margin-bottom: 30px; }

#give {
  color: white;
  font-weight: bold; }

@media screen and (max-width: 900px) {
  .covid .cell {
    padding-top: 40px;
    padding-bottom: 40px; } }
@media screen and (min-width: 900px) {
  .covid .cell {
    padding-top: 120px; } }
.covid h1 {
  font-weight: bolder;
  font-size: 40px;
  margin-bottom: 20px; }
.covid .protocol {
  margin-top: 40px;
  margin-bottom: 40px; }
.covid h2 {
  font-size: 28px; }

.life {
  color: white; }
  .life p {
    font-size: 20px; }
  .life h1 {
    font-weight: bolder;
    font-size: 20px;
    margin-bottom: 20px; }
  .life .home {
    background-repeat: no-repeat; }
    @media screen and (max-width: 900px) {
      .life .home {
        color: #FFFFFF;
        background-image: url("/img/groupedemaison_mini.jpg");
        background-size: cover; }
        .life .home .cell {
          padding-top: 40px;
          padding-bottom: 40px; } }
    @media screen and (min-width: 900px) {
      .life .home {
        background-attachment: fixed;
        background-position: center;
        color: #42485A;
        height: 800px;
        background-image: url("/img/groupedemaison.jpg");
        background-size: cover; }
        .life .home .cell {
          padding-left: 60px;
          padding-top: 220px; } }
  .life .prayer {
    color: #FFFFFF;
    background-repeat: no-repeat; }
    @media screen and (max-width: 900px) {
      .life .prayer {
        background-image: url("/img/priere_mini.jpg");
        background-size: cover; }
        .life .prayer .cell {
          padding-top: 40px;
          padding-bottom: 40px; } }
    @media screen and (min-width: 900px) {
      .life .prayer {
        background-image: url("/img/priere.jpg");
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        height: 800px; }
        .life .prayer .cell {
          padding-left: 60px;
          padding-top: 220px; } }
  .life .children {
    color: #FFFFFF;
    background-repeat: no-repeat; }
    @media screen and (max-width: 900px) {
      .life .children {
        background-image: url("/img/enfants_mini.jpg");
        background-size: cover; }
        .life .children .cell {
          padding-top: 40px;
          padding-bottom: 40px; } }
    @media screen and (min-width: 900px) {
      .life .children {
        background-image: url("/img/enfants.jpg");
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        height: 800px; }
        .life .children .cell {
          padding-left: 60px;
          padding-top: 220px; } }
  .life .worker {
    background-repeat: no-repeat; }
    @media screen and (max-width: 900px) {
      .life .worker {
        color: #FFFFFF;
        background-image: url("/img/jeunesactifs_mini.jpg");
        background-size: cover; }
        .life .worker .cell {
          padding-top: 40px;
          padding-bottom: 40px; } }
    @media screen and (min-width: 900px) {
      .life .worker {
        color: #42485A;
        background-image: url("/img/jeunesactifs.jpg");
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        height: 800px; }
        .life .worker .cell {
          padding-left: 60px;
          padding-top: 220px; } }
  .life .heart {
    color: #FFFFFF;
    background-repeat: no-repeat; }
    @media screen and (max-width: 900px) {
      .life .heart {
        background-image: url("/img/coeurpourlemonde_mini.jpg");
        background-size: cover; }
        .life .heart .cell {
          padding-top: 40px;
          padding-bottom: 40px; } }
    @media screen and (min-width: 900px) {
      .life .heart {
        background-image: url("/img/coeurpourlemonde.jpg");
        background-attachment: fixed;
        background-size: cover;
        background-position: center; }
        .life .heart .cell {
          padding-left: 60px; }
        .life .heart .top-cell {
          padding-top: 220px; } }
    .life .heart .button {
      background-color: transparent;
      border-style: solid;
      border-color: white;
      border-radius: 25px;
      font-size: 20px; }
    .life .heart img {
      height: 120px; }
  .life .group {
    color: #FFFFFF;
    background-repeat: no-repeat; }
    @media screen and (max-width: 900px) {
      .life .group {
        background-image: url("/img/foyer_mini.jpg");
        background-size: cover; }
        .life .group .cell {
          padding-top: 40px;
          padding-bottom: 40px; } }
    @media screen and (min-width: 900px) {
      .life .group {
        background-image: url("/img/foyer.jpg");
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        height: 800px; }
        .life .group .cell {
          padding-left: 60px;
          padding-top: 220px; } }
  .life .women {
    color: #FFFFFF;
    background-repeat: no-repeat; }
    @media screen and (max-width: 900px) {
      .life .women {
        background-image: url("/img/femmes_mini.jpg");
        background-size: 120%; }
        .life .women .cell {
          padding-top: 40px; } }
    @media screen and (min-width: 900px) {
      .life .women {
        background-image: url("/img/femmes.jpg");
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        height: 800px; }
        .life .women .cell {
          padding-left: 60px;
          padding-top: 220px; } }
  .life .implantation {
    color: #FFFFFF;
    background-repeat: no-repeat; }
    .life .implantation a {
      color: #FFFFFF;
      font-weight: bold; }
    @media screen and (max-width: 900px) {
      .life .implantation {
        background-image: url("/img/implantation_mini.jpg");
        background-size: 120%; }
        .life .implantation .cell {
          padding-top: 40px; } }
    @media screen and (min-width: 900px) {
      .life .implantation {
        background-image: url("/img/implantation.jpg");
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        height: 800px; }
        .life .implantation .cell {
          padding-left: 60px;
          padding-top: 220px; } }
  .life .rahab {
    color: #FFFFFF;
    background-repeat: no-repeat; }
    @media screen and (max-width: 900px) {
      .life .rahab {
        background-image: url("/img/rahab_mini.jpg");
        background-size: cover; }
        .life .rahab .cell {
          padding-top: 40px;
          padding-bottom: 40px; } }
    @media screen and (min-width: 900px) {
      .life .rahab {
        background-image: url("/img/rahab.jpg");
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        height: 800px; }
        .life .rahab .cell {
          padding-left: 60px;
          padding-top: 220px; } }

.webelieve {
  font-family: "Avenir";
  background-color: #42485A;
  color: #E0E0E0; }
  @media screen and (max-width: 900px) {
    .webelieve {
      padding-left: 10px;
      padding-right: 10px; } }
  .webelieve h1 {
    margin-top: 20px;
    font-weight: bolder;
    font-size: 36px;
    margin-bottom: 10px; }
  .webelieve h2, .webelieve p {
    line-height: 26px;
    font-size: 20px;
    text-align: justify; }
  .webelieve h2 {
    margin-top: 20px;
    margin-bottom: 20px; }

.union {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 40px;
  background-color: #E0E0E0; }
  @media screen and (max-width: 900px) {
    .union {
      padding-left: 10px;
      padding-right: 10px; } }
  .union h2 {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bolder; }
  .union p {
    line-height: 26px;
    font-size: 20px; }
  .union .picture {
    text-align: center; }
  .union a {
    color: #42485A;
    text-decoration: underline; }
  .union img {
    width: 400px; }
    @media screen and (min-width: 900px) {
      .union img {
        margin-top: 110px; } }
    @media screen and (max-width: 900px) {
      .union img {
        margin-top: 20px;
        margin-bottom: 40px; } }

.evangelical {
  font-size: 20px; }
  @media screen and (max-width: 900px) {
    .evangelical {
      padding-left: 10px;
      padding-right: 10px; } }
  .evangelical h2 {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bolder; }
  .evangelical .button {
    background-color: #42485A;
    border-radius: 25px;
    font-size: 20px;
    padding-left: 40px;
    padding-right: 40px; }

.preaching .preaching-title {
  color: white;
  font-weight: bolder;
  margin-bottom: 40px;
  background-size: cover;
  background-image: url("/img/preaching.jpg"); }
  .preaching .preaching-title h1 {
    font-weight: bolder;
    line-height: 60px;
    font-size: 40px; }
  .preaching .preaching-title h2 {
    font-weight: bolder;
    font-size: 20px; }
  @media screen and (min-width: 900px) {
    .preaching .preaching-title {
      height: 400px; }
      .preaching .preaching-title h1 {
        padding-top: 280px; } }
  @media screen and (max-width: 900px) {
    .preaching .preaching-title {
      height: 200px; }
      .preaching .preaching-title h1 {
        padding-top: 20px; } }

.preachings {
  font-size: 20px; }
  .preachings p {
    margin-bottom: 40px; }
  .preachings h3 {
    font-weight: bolder; }

footer {
  background-color: #42485A;
  color: #E0E0E0;
  font-size: 14px;
  text-align: center; }
  footer .logo {
    height: 140px;
    width: 140px; }
  footer .map {
    padding-top: 0; }
  footer .card {
    background-color: black;
    border: none; }
  footer .logos {
    text-align: left;
    margin-left: 20px;
    margin-bottom: 20px; }
    footer .logos img {
      height: 60px; }
  footer a {
    color: #E0E0E0; }
  footer a:hover {
    color: white; }
  footer h1 {
    font-size: 18px; }
  footer h2 {
    font-size: 14px; }
  footer img {
    height: 80px; }
  footer div {
    padding-top: 10px; }

.christmas {
  background-color: #d11016;
  color: white; }
  .christmas a {
    color: white; }
  .christmas a:hover {
    text-decoration: underline; }

.announcement-menu {
  background-color: red;
  color: white;
  font-weight: bolder;
  padding: 20px; }

.announcement-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box; }

.announcement {
  position: relative;
  animation: marquee 25s linear infinite;
  font-size: 32px; }
  .announcement a {
    color: white;
    font-weight: bolder;
    text-decoration: underline; }

@keyframes marquee {
  0% {
    left: 100%; }
  100% {
    left: -100%; } }
@media (max-width: 767px) {
  .announcement {
    position: relative;
    animation: marquee 15s linear infinite !important; } }
.youtube {
  background-color: red;
  font-weight: bolder;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px; }

.register {
  background-color: #3adb76;
  color: white;
  font-weight: bolder;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px; }