@charset "UTF-8";

.cc-block--image-fadeVC {
    min-height: 100vh;
    background: center / cover no-repeat;
    background-size: cover;
    color:#FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cc-block--image-fadeVC-title {
    min-height: 80vh;
    justify-content: flex-end;
}

.block--imagefadeVC_container {
    width: 100%;
}

.block--imagefadeVC_container div {
    flex-basis: 100%;
}

.block--imagefadeVC_container .field-quote {
  position: relative;
  display: inline-block;
  padding-right: 28px;
  font-family: "ACaslon";
  font-size: 2rem;
}

.block--imagefadeVC_container .field-quote:before,
.block--imagefadeVC_container .field-quote:after {
    position: static;
    font-family: 'IM Fell English';
    color: #cfbca6;
}

.block--imagefadeVC_container .field-quote:before {
    content: '«';
    padding-right: 4px;
}

.block--imagefadeVC_container .field-quote:after {
    content: '»';
    padding-left: 4px;
}

.block--imagefadeVC_container .field-author {
  margin-top: 10px;
  font-family: Arial, sans-serif;
  font-weight: 600;
  margin-left: 40px;
  color: #cfbca6;
  position: relative;
}

.block--imagefadeVC_container .field-title {
  font-family: "ACaslon";
  font-size: 36px;
  font-weight: lighter;
  letter-spacing: 1px;
}

.block--imagefadeVC_container .field-author:before {
  content:"";
  display: block;
  height: 2px;
  width: 20px;
  background: #cfbca6;
  position: absolute;
  top: 50%;
  transform: translate(1px);
  left: -40px;
}



.block--imagefadeVC_container.cc-block--image-fadeVC-tall .field-author:before {
  top: 10px;
  left: -30px;
}


@media(min-width:991px) { 
    .block--imagefadeVC_container .field-quote {
        font-size: 3.3rem;
    }
    .block--imagefadeVC_container .field-title {
      letter-spacing: 3px;
      font-size: 60px;
    }
}

@media screen and (min-width: 768px) {
  .block--imagefadeVC_container.cc-block--image-fadeVC-tall .field-quote {
    font-size: 1.9rem;
    margin-right: 34.375%;
    margin-bottom: 60px;
  }

}

@media screen and (max-width: 767px) {
  .cc-block--image-fadeVC {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #titre-d41d8cd98f00b204e9800998ecf8427e {
    background-size: cover;
    background-position: left;
  }
}

.fade-in {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s;
}

@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
    100% {
      opacity:1;
  }
}