@font-face {
  font-family: 'DK';
  src: url('/wp-content/themes/yatatheme/fonts/DK/dk_liquid_embrace-webfont.woff2') format('woff2'), url('/wp-content/themes/yatatheme/fonts/DK/dk_liquid_embrace-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cera';
  src: url('/wp-content/themes/yatatheme/fonts/cera/CeraPro-Regular.woff2') format('woff2'), url('/wp-content/themes/yatatheme/fonts/cera/CeraPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cera';
  src: url('/wp-content/themes/yatatheme/fonts/cera/CeraPro-Bold.woff2') format('woff2'), url('/wp-content/themes/yatatheme/fonts/cera/CeraPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.section-citation .citation_elem {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  max-width: 1100px;
  margin: auto;
}
.section-citation .citation_elem .citation_icone {
  position: initial;
  width: 110px;
}
.section-citation .citation_elem .citation_icone p {
  font-family: "DK";
  font-size: 200px;
  color: #F4aa3a;
  line-height: 130px;
}
.section-citation .citation_elem .citation_icone.coul2 svg path {
  fill: #F4aa3a;
}
.section-citation .citation_elem .quote_container {
  width: auto;
  flex: 1;
}
.section-citation .citation_elem .quote_container blockquote {
  color: #F4aa3a;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0rem 0 2rem 0px;
  text-align: left;
  -webkit-appearance: none;
  padding: 0 0 0 15px;
}
.section-citation .citation_elem .quote_container cite {
  display: block;
  color: #c9c9f2;
  width: 100%;
  text-align: left;
}
.section-citation .citation_elem.ombre {
  box-shadow: 0px 3px 8px #bbbbbb;
}
.section-citation .citation_elem.traitcoul1 {
  border: 5px solid #F4aa3a;
}
.section-citation .citation_elem.traitcoul2 {
  border: 5px solid #F4aa3a;
}
.section-citation .citation_elem.pasdecadre {
  border: none;
}
.section-citation .citation_elem.back {
  background-image: url('/wp-content/themes/yatatheme/img/quotes.svg');
  background-repeat: no-repeat;
  background-size: 70px;
  background-position: 50px 20px;
}
.section-citation .citation_elem.back .citation_icone {
  display: none;
}
.section-citation .citation_elem.front blockquote {
  text-indent: 0px;
}
@media screen and (max-width: 576px) {
  .section-citation .citation_elem {
    padding: 40px 40px;
  }
  .section-citation .citation_elem .citation_icone svg {
    width: 50px;
    height: 50px;
  }
  .section-citation .citation_elem.front blockquote {
    text-indent: 60px;
  }
}